:root{--bg:#f7f4f0;--sidebar-bg:#1a1815;--accent:#b09a8a;--accent-light:#ede5dc;--accent-mid:#d4c4b8;--text:#1a1815;--text-soft:#8b7b6e;--white:#fff;--green:#5a8a6a;--red:#b85a52;--yellow:#c8963c;--border:#e4dad2}.portal-dark{--portal-bg:#08080f;--portal-surface:#111118;--portal-card:#16161f;--portal-border:#ffffff12;--portal-borderHi:#ffffff21;--portal-text:#f0f0f5;--portal-muted:#f0f0f573;--portal-faint:#f0f0f52e;--portal-accent:#b09a8a;--portal-gold:#f5c842;--portal-green:#34d399;--portal-red:#f87171;color:#f0f0f5;background:#08080f;min-height:100dvh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:.3s cubic-bezier(.16,1,.3,1) both fadeInUp}.modal-enter{animation:.22s cubic-bezier(.16,1,.3,1) both scaleIn}.slide-up{animation:.28s cubic-bezier(.16,1,.3,1) both slideUp}.fade-in{animation:.25s both fadeIn}.card-hover{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}.card-hover:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}button:active:not(:disabled){transform:scale(.97)}button,a,input,select,textarea{transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--accent-light) 50%, var(--border) 75%);background-size:400px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.admin-card{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.admin-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.portal-dark .card-hover:hover{box-shadow:0 8px 32px #0006;border-color:#ffffff21!important}@keyframes bounce-emoji{0%{transform:translateY(0)scale(1)}to{transform:translateY(-5px)scale(1.1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #b09a8a00}50%{box-shadow:0 0 16px 4px #b09a8a40}}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes slide-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.score-pop{animation:.4s cubic-bezier(.16,1,.3,1) score-pop}.glow-card{animation:3s infinite glow-pulse}.slide-in{animation:.3s both slide-right}.task-complete{animation:.6s glow-pulse;border-color:#10b98180!important}*{scrollbar-width:thin;scrollbar-color:var(--accent-mid) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--accent-mid);border-radius:3px}::-webkit-scrollbar-track{background:0 0}