body{font-family:Inter,sans-serif;letter-spacing:-.01em}.mono,code{font-family:JetBrains Mono,monospace}.dark code{color:#d1d5db}.brand-logo{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.03em}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background-color:#374151}*{transition-property:background-color,border-color,color;transition-duration:.15s}.liquid-glass{background:linear-gradient(135deg,#ffffff26,#ffffff14,#ffffff08);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff4d,inset 0 -1px #00000008}.dark .liquid-glass{background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border:1px solid rgba(252,92,2,.12);box-shadow:0 8px 32px #00000059,0 0 40px #fc5c020a,inset 0 1px #ffffff1a,inset 0 -1px #0003}.premium-glass{background:linear-gradient(135deg,#fc5c021f,#e2ceae14);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(252,92,2,.25);box-shadow:0 12px 40px #fc5c021f,0 0 30px #fc5c0214,inset 0 1px #ffffff4d}.dark .premium-glass{background:linear-gradient(135deg,#fc5c022e,#e2ceae14);border:1px solid rgba(252,92,2,.35);box-shadow:0 12px 40px #fc5c0233,0 0 50px #fc5c021a,inset 0 1px #ffffff26}.dashboard-card{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(124,107,81,.12);box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.dashboard-card:hover{border-color:#fc5c0233;box-shadow:0 8px 30px #0000001a,0 0 15px #fc5c020d}.dark .dashboard-card{background:linear-gradient(145deg,#252019e6,#1a1612d9);border:1px solid rgba(252,92,2,.1);box-shadow:0 4px 20px #0000004d,0 0 30px #fc5c0208}.dark .dashboard-card:hover{border-color:#fc5c0240;box-shadow:0 8px 30px #0006,0 0 25px #fc5c0214}.hover-glow{position:relative;transition:all .3s ease}.hover-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#fc5c0266,#e2ceae33);opacity:0;z-index:-1;transition:opacity .3s ease;filter:blur(8px)}.hover-glow:hover:before{opacity:1}.rank-s-glow{box-shadow:0 0 20px #a855f766}.rank-a-glow{box-shadow:0 0 20px #22c55e66}.rank-b-glow{box-shadow:0 0 20px #3b82f666}.rank-c-glow{box-shadow:0 0 20px #eab30866}.rank-d-glow{box-shadow:0 0 20px #ef444466}.animated-gradient{background:linear-gradient(-45deg,#1a1612,#252019,#312b1e,#1a1612);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pulse-critical{animation:pulseCritical 2s ease-in-out infinite}@keyframes pulseCritical{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.theme-transition{transition:all .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideInUp .5s ease-out forwards}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.score-ring{stroke-dasharray:283;stroke-dashoffset:283;animation:scoreRingFill 1s ease-out forwards}@keyframes scoreRingFill{to{stroke-dashoffset:0}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}html[data-theme-direction=to-dark]::view-transition-old(root){z-index:1}html[data-theme-direction=to-dark]::view-transition-new(root){z-index:9999}html[data-theme-direction=to-light]::view-transition-old(root){z-index:9999}html[data-theme-direction=to-light]::view-transition-new(root){z-index:1}.theme-toggle-icon{transition:transform .3s ease,opacity .3s ease}.dark .theme-sun{transform:rotate(-90deg);opacity:0}.dark .theme-moon{transform:rotate(0);opacity:1}:not(.dark) .theme-sun{transform:rotate(0);opacity:1}:not(.dark) .theme-moon{transform:rotate(90deg);opacity:0}.noise-bg:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.dark .noise-bg:before{opacity:.04}.ambient-glow:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 600px 400px at 10% 20%,rgba(252,92,2,.08) 0%,transparent 50%),radial-gradient(ellipse 500px 350px at 85% 70%,rgba(226,206,174,.06) 0%,transparent 50%),radial-gradient(ellipse 400px 300px at 50% 90%,rgba(124,107,81,.05) 0%,transparent 50%)}.dark .ambient-glow:after{background:radial-gradient(ellipse 600px 400px at 10% 20%,rgba(252,92,2,.12) 0%,transparent 50%),radial-gradient(ellipse 500px 350px at 85% 70%,rgba(252,92,2,.06) 0%,transparent 50%),radial-gradient(ellipse 400px 300px at 50% 90%,rgba(226,206,174,.04) 0%,transparent 50%)}.glass-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0f,#ffffff05);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffff40,inset 0 -1px #00000008}.dark .glass-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a,#ffffff03);border:1px solid rgba(252,92,2,.15);box-shadow:0 8px 32px #00000040,0 0 40px #fc5c0208,inset 0 1px #ffffff14,inset 0 -1px #00000026}.glass-card-hover:hover{border-color:#fc5c024d;box-shadow:0 8px 32px #0000001f,0 0 20px #fc5c021a,inset 0 1px #ffffff4d}.dark .glass-card-hover:hover{border-color:#fc5c0266;box-shadow:0 12px 40px #0000004d,0 0 30px #fc5c0226,inset 0 1px #ffffff1a}