:root{--color-surface-base:#0d0d0f;--color-surface-sunken:#08080a;--color-surface-raised:#161619;--color-surface-card:#161619;--color-surface-input:#1e1e22;--color-surface-elevated:#1e1e22;--color-surface-overlay:#161619;--color-surface-hover:#ffffff0a;--color-surface-active:#ffffff14;--color-surface-sidebar:#0a0a0c;--color-surface-deep:#08080a;--color-text-primary:#ffffffeb;--color-text-secondary:#ffffffa3;--color-text-muted:#fff6;--color-text-disabled:#ffffff38;--color-text-on-accent:#0a0a0a;--color-border-default:#ffffff14;--color-border-subtle:#ffffff0a;--color-border-strong:#ffffff24;--color-border-focus:#50e890;--color-accent:#50e890;--color-accent-hover:#6aeea0;--color-accent-muted:#50e89024;--color-accent-subtle:#50e89012;--color-accent-glow:0 0 24px #50e8902e, 0 0 48px #50e8900f;--color-status-success:#50e890;--color-status-error:#ef4444;--color-status-warning:#f59e0b;--color-status-info:#60a5fa;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #0003;--shadow-md:0 4px 16px #00000059, 0 2px 6px #0003;--shadow-lg:0 12px 40px #00000073, 0 4px 12px #00000040;--shadow-xl:0 20px 60px #0000008c, 0 8px 20px #0000004d;--shadow-accent:0 0 20px #50e8901f, 0 4px 16px #0000004d;--shadow-lift:0 8px 28px #0006, 0 2px 8px #0003;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-display:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", "Consolas", "Liberation Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.06em;--tracking-widest:.12em;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--transition-fast:.12s var(--ease-out-expo);--transition-base:.2s var(--ease-out-expo);--transition-slow:.4s var(--ease-out-expo);--transition-dramatic:.6s var(--ease-out-expo)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-surface-base);color:var(--color-text-primary);overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}h1,h2,h3{font-family:var(--font-body);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-normal)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.phase-scroll-row::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes accentGlow{0%,to{box-shadow:0 0 12px #50e89014}50%{box-shadow:0 0 24px #50e89029}}.stagger-children>*{animation:revealUp .6s var(--ease-out-expo) both}.stagger-children>:first-child{animation-delay:40ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.22s}.stagger-children>:nth-child(5){animation-delay:.28s}.stagger-children>:nth-child(6){animation-delay:.34s}.stagger-children>:nth-child(7){animation-delay:.4s}.stagger-children>:nth-child(8){animation-delay:.46s}.stagger-children>:nth-child(9){animation-delay:.52s}.stagger-children>:nth-child(10){animation-delay:.58s}.stagger-children>:nth-child(n+11){animation-delay:.64s}@keyframes revealUp{0%{opacity:0;filter:blur(4px);transform:translateY(28px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.action-btn{transition:background .1s var(--ease-out-expo), border-color .1s var(--ease-out-expo), color .1s var(--ease-out-expo), box-shadow .25s var(--ease-out-expo), transform .25s var(--ease-out-expo), filter .25s var(--ease-out-expo)}.action-btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:var(--color-border-strong)!important}.action-btn:active{box-shadow:none;filter:brightness(.95);transition-duration:60ms;transform:translateY(1px)scale(.96)}.glow-btn{transition:background .1s var(--ease-out-expo), box-shadow .3s var(--ease-out-expo), transform .25s var(--ease-out-expo), filter .25s var(--ease-out-expo);position:relative;overflow:hidden}.glow-btn:after{content:"";transition:transform .6s var(--ease-out-expo);background:linear-gradient(105deg,#0000 40%,#ffffff40 50%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}.glow-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 0 24px #50e89040,0 6px 20px #00000059!important}.glow-btn:hover:after{transform:translate(100%)}.glow-btn:active{transition-duration:60ms;transform:translateY(0)scale(.96);box-shadow:0 0 8px #50e89026!important}.hover-card{transition:border-color .2s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo), transform .35s var(--ease-out-expo);position:relative;overflow:hidden}.hover-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 0%,#ffffff08 40%,#ffffff0f 50%,#ffffff08 60%,#0000 100%);width:60%;height:100%;transition:none;position:absolute;top:0;left:-100%}.hover-card:hover:before{animation:cardSheen .6s var(--ease-out-expo) forwards}.hover-card:hover{transform:translateY(-2px);border-color:#ffffff1f!important;box-shadow:0 8px 24px #00000059,0 2px 8px #0003!important}@keyframes cardSheen{0%{left:-100%}to{left:120%}}.hover-lift{transition:transform .35s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000080,0 4px 12px #0000004d}.hover-row{transition:background .1s ease-out}.hover-row:hover{background:#ffffff0f!important}.hover-bg{transition:background 80ms var(--ease-out-expo), box-shadow .2s var(--ease-out-expo)}.hover-bg:hover{box-shadow:inset 0 0 0 1px #ffffff0a;background:#ffffff0f!important}.hover-bright{transition:filter .2s var(--ease-out-expo), transform .2s var(--ease-out-expo)}.hover-bright:hover{filter:brightness(1.25);transform:scale(1.03)}.nav-btn{transition:background .12s var(--ease-out-expo), border-color .12s var(--ease-out-expo), color .12s var(--ease-out-expo), transform .2s var(--ease-out-expo), box-shadow .2s var(--ease-out-expo);position:relative}.nav-btn:hover{transform:translate(3px);color:#ffffffeb!important;background:#ffffff0f!important}.nav-btn:active{transition-duration:60ms;transform:translate(1px)scale(.98)}.nav-btn.active{border-left-color:var(--color-accent)!important;color:#ffffffeb!important;background:#50e89014!important}.nav-btn.active:after{content:"";background:var(--color-accent);border-radius:0 3px 3px 0;width:3px;animation:2.5s ease-in-out infinite accentGlow;position:absolute;top:15%;bottom:15%;left:0;box-shadow:0 0 12px #50e89066,0 0 4px #50e89099}.kbd-hint{font-family:var(--font-mono);color:#ffffff52;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-size:10px}.stat-card{transition:border-color .2s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo), transform .35s var(--ease-out-expo)}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff1f!important;box-shadow:0 6px 20px #00000059!important}.stage-chip{transition:transform .2s var(--ease-out-expo), box-shadow .2s var(--ease-out-expo)}.stage-chip:hover{box-shadow:var(--shadow-sm);transform:scale(1.04)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input:focus,select:focus,textarea:focus{outline:none;border-color:#fff3!important;box-shadow:0 0 0 3px #ffffff0f!important}::selection{color:var(--color-text-primary);background:#50e89033}.heading-display{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-weight:400;line-height:var(--leading-tight)}.label-uppercase{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.fi{animation:pageEnter .5s var(--ease-out-expo) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-main-padded{padding-bottom:72px}.bottom-nav{z-index:50;height:64px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;transition:transform .25s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav-item{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:1px;max-height:52px;padding:4px 12px;font-family:DM Sans,sans-serif;transition:all .15s;display:flex}.bottom-nav-item.active{background:#4ade8014;border-radius:8px}.bottom-nav-item.active .bn-icon{transform:scale(1)}.bn-icon{font-size:20px;line-height:1}.bn-label{letter-spacing:.02em;font-size:10px;font-weight:500}.bottom-nav-overlay{z-index:45;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s;position:fixed;inset:0}.bottom-nav-overlay.open{opacity:1;pointer-events:auto}.bottom-nav-more-sheet{z-index:48;padding:16px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));opacity:0;border-radius:16px 16px 0 0;grid-template-columns:repeat(4,1fr);gap:4px;transition:transform .25s,opacity .2s;display:grid;position:fixed;bottom:64px;left:0;right:0;transform:translateY(100%)}.bottom-nav-more-sheet.open{opacity:1;transform:translateY(0)}.more-item{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;display:flex}.more-item:active{background:#ffffff0f}.more-icon{font-size:22px;line-height:1}[data-theme=light] body:before{opacity:0}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .hover-row:hover{background:#0000000a!important}[data-theme=light] .hover-bg:hover{box-shadow:inset 0 0 0 1px #0000000a;background:#0000000a!important}[data-theme=light] .hover-card:hover{border-color:#0000001f!important;box-shadow:0 8px 24px #00000014!important}[data-theme=light] .hover-card:before{background:linear-gradient(105deg,#0000 0%,#00000003 40%,#00000005 50%,#00000003 60%,#0000 100%)}[data-theme=light] .stat-card:hover{border-color:#0000001f!important;box-shadow:0 6px 20px #00000014!important}[data-theme=light] .nav-btn:hover{color:#000000d9!important;background:#0000000d!important}[data-theme=light] .nav-btn.active{color:#000000d9!important;background:#16a34a14!important}[data-theme=light] .nav-btn.active:after{box-shadow:0 0 12px #16a34a4d,0 0 4px #16a34a66}[data-theme=light] .action-btn:hover{box-shadow:0 4px 12px #00000014}[data-theme=light] .kbd-hint{color:#0006;background:#0000000a;border-color:#00000014}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#0003!important;box-shadow:0 0 0 3px #0000000a!important}[data-theme=light] ::selection{background:#16a34a26}[data-theme=light] .bottom-nav-item.active{background:#16a34a14}[data-theme=light] .more-item:active{background:#0000000a}