.lp{position:relative;overflow-x:clip}.lp:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 500px at 75% -5%, var(--accent-soft), transparent 60%), radial-gradient(700px 400px at 10% 10%, var(--sys-soft), transparent 60%), var(--bg);position:fixed;inset:0}.lp section{width:min(1140px,92%);margin:0 auto}.lp .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(26px)}.lp .reveal.in{opacity:1;transform:none}.lp-grad{background:linear-gradient(110deg, var(--accent), var(--sys));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-eyebrow{letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);align-items:center;gap:7px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.lp-eyebrow--dsa{color:var(--dsa);background:var(--dsa-soft)}.lp-eyebrow--sys{color:var(--sys);background:var(--sys-soft)}.lp-nav{z-index:50;justify-content:space-between;align-items:center;gap:var(--s-4);border-bottom:1px solid #0000;width:100%;padding:14px clamp(16px,5vw,40px);transition:background .2s,border-color .2s;display:flex;position:sticky;top:0}.lp-nav.is-scrolled{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--border)}.lp-nav__links{gap:var(--s-6);display:flex}.lp-nav__links a{color:var(--text-muted);font-size:.88rem;font-weight:500}.lp-nav__links a:hover{color:var(--text)}.lp-nav__actions{align-items:center;gap:var(--s-3);display:flex}.lp-hero{gap:var(--s-10);padding:clamp(40px, 8vw, 90px) 0 var(--s-16);grid-template-columns:1.05fr .95fr;align-items:center;display:grid;position:relative}.lp-hero__glow{background:radial-gradient(circle, var(--accent-glow), transparent 65%);opacity:.4;pointer-events:none;height:360px;position:absolute;inset:-10% 30% auto 20%}.lp-tag{color:var(--text-muted);border:1px solid var(--border);background:var(--surface-1);border-radius:var(--r-pill);align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.lp-tag__dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 8px var(--success);border-radius:50%}.lp-hero__copy h1{letter-spacing:-.035em;margin:var(--s-4) 0 var(--s-4);font-size:clamp(2.3rem,5.4vw,3.6rem);font-weight:800;line-height:1.06}.lp-hero__copy p{color:var(--text-muted);max-width:520px;font-size:1.08rem;line-height:1.6}.lp-hero__cta{gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.lp-hero__proof{margin-top:var(--s-6);color:var(--text-muted);align-items:center;gap:12px;font-size:.86rem;display:flex}.lp-hero__proof svg{color:var(--gold);vertical-align:-2px}.lp-avstack{display:flex}.lp-avstack .avatar{border:2px solid var(--bg);margin-left:-8px}.lp-avstack .avatar:first-child{margin-left:0}.lp-mock{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-1);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.lp-mock__bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:6px;padding:11px 14px;display:flex}.lp-mock__bar span{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.lp-mock__bar span:first-child{background:#ff5f57}.lp-mock__bar span:nth-child(2){background:#febc2e}.lp-mock__bar span:nth-child(3){background:#28c840}.lp-mock__bar em{color:var(--text-faint);margin-left:8px;font-size:.72rem;font-style:normal}.lp-mock__body{padding:var(--s-5);gap:var(--s-4);flex-direction:column;display:flex}.lp-mock__bars{align-items:flex-end;gap:8px;height:150px;display:flex}.lp-mb{background:color-mix(in srgb, var(--dsa) 28%, var(--surface-3));border:1px solid color-mix(in srgb, var(--dsa) 30%, transparent);animation:lpbar 2.6s var(--ease-soft) infinite alternate;border-radius:5px 5px 2px 2px;flex:1}.lp-mb.is-cmp{background:var(--accent);border-color:var(--accent)}.lp-mb.is-pivot{background:var(--gold);border-color:var(--gold)}.lp-mb.is-sorted{background:var(--success);border-color:var(--success)}@keyframes lpbar{0%{transform:scaleY(.85)}to{transform:scaleY(1.04)}}.lp-mock__code{color:var(--text-muted);background:var(--surface-inset);border-radius:var(--r-sm);flex-direction:column;padding:10px 12px;font-size:.74rem;line-height:1.7;display:flex}.lp-mock__code .on{color:var(--accent);background:var(--accent-soft);border-radius:4px}.lp-mock__chip{border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-md);align-items:center;gap:5px;padding:5px 10px;font-size:.74rem;font-weight:700;display:inline-flex;position:absolute}.lp-mock__chip--xp{color:var(--gold);top:62px;right:14px}.lp-mock__chip--streak{color:#f0883e;bottom:22px;left:14px}.lp-stats{justify-content:space-around;gap:var(--s-6);padding:var(--s-6) var(--s-8);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.lp-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.lp-stat strong{letter-spacing:-.02em;font-size:1.9rem;font-weight:800}.lp-stat span{color:var(--text-muted);font-size:.8rem}.lp-feature{gap:var(--s-12);grid-template-columns:1fr 1fr;align-items:center;padding:clamp(50px,9vw,100px) 0;display:grid}.lp-feature--flip .lp-feature__copy{order:2}.lp-feature__copy h2{letter-spacing:-.025em;margin:var(--s-4) 0 var(--s-3);font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:800}.lp-feature__copy>p{color:var(--text-muted);font-size:1.02rem;line-height:1.6}.lp-checks{margin:var(--s-5) 0 var(--s-6);flex-direction:column;gap:10px;display:flex}.lp-checks li{align-items:center;gap:10px;font-size:.92rem;display:flex}.lp-checks svg{color:var(--success);flex-shrink:0}.lp-art-card{padding:var(--s-6);box-shadow:var(--shadow-lg)}.lp-art-bars{height:200px;margin-bottom:var(--s-5);align-items:flex-end;gap:10px;display:flex}.lp-art-bars .lp-mb{animation:none}.lp-art-controls{align-items:center;gap:10px;display:flex}.lp-art-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);width:34px;height:34px;color:var(--text-muted);place-items:center;display:grid}.lp-art-btn--p{background:var(--accent);color:#fff;border-color:#0000}.lp-art-track{border-radius:var(--r-pill);background:var(--surface-3);flex:1;height:6px;overflow:hidden}.lp-art-track div{background:var(--accent);border-radius:var(--r-pill);width:55%;height:100%}.lp-art-arch svg{width:100%}.lp-art-arch line{stroke:var(--border-strong);stroke-width:2px}.lp-arch-node rect{fill:var(--surface-2);stroke:var(--sys);stroke-width:1.6px;animation:archpulse 2.6s var(--ease) infinite}@keyframes archpulse{0%,70%,to{stroke:var(--border-strong)}35%{stroke:var(--sys)}}.lp-arch-packet{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent-glow))}.lp-arch-hud{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.lp-arch-ok{color:var(--success);align-items:center;gap:6px;font-weight:700;display:inline-flex}.lp-arch-ok:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px}.lp-gamified{padding:clamp(40px,7vw,80px) 0}.lp-section-head{text-align:center;max-width:620px;margin:0 auto var(--s-8);align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.lp-section-head h2{letter-spacing:-.025em;font-size:clamp(1.7rem,3.6vw,2.3rem);font-weight:800}.lp-section-head p{color:var(--text-muted)}.lp-gamegrid{gap:var(--s-4);grid-template-columns:repeat(4,1fr);display:grid}.lp-gametile{padding:var(--s-5);flex-direction:column;gap:8px;display:flex}.lp-gametile__ico{border-radius:var(--r-md);background:var(--surface-2);place-items:center;width:46px;height:46px;display:grid}.lp-gametile strong{font-size:1rem}.lp-gametile p{color:var(--text-muted);font-size:.84rem;line-height:1.45}.lp-tracks{padding:clamp(30px,6vw,60px) 0}.lp-trackcols{gap:var(--s-5);grid-template-columns:1fr 1fr;display:grid}.lp-trackcol{padding:var(--s-6)}.lp-chips{margin-top:var(--s-4);flex-wrap:wrap;gap:8px;display:flex}.lp-chip{color:var(--text-muted);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);padding:6px 12px;font-size:.78rem;font-weight:500}.lp-quotes{gap:var(--s-4);grid-template-columns:repeat(3,1fr);padding:clamp(40px,7vw,70px) 0;display:grid}.lp-quote{padding:var(--s-6);gap:var(--s-5);flex-direction:column;display:flex}.lp-quote p{font-size:.95rem;line-height:1.55}.lp-quote figcaption{align-items:center;gap:11px;display:flex}.lp-quote figcaption strong{font-size:.88rem;display:block}.lp-quote figcaption span{color:var(--text-muted);font-size:.76rem}.lp-pricing{padding:clamp(40px,7vw,70px) 0}.lp-priceteaser{gap:var(--s-5);grid-template-columns:1fr 1fr;max-width:720px;margin:0 auto;display:grid}.lp-priceplan{padding:var(--s-6);gap:var(--s-3);flex-direction:column;display:flex;position:relative}.lp-priceplan--pro{border-color:var(--border-accent);box-shadow:0 0 0 1px var(--border-accent), 0 16px 40px var(--accent-glow)}.lp-priceplan__tag{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:var(--r-pill);padding:4px 10px;font-size:.66rem;font-weight:700;position:absolute;top:-11px;right:18px}.lp-priceplan>strong{font-size:1.05rem}.lp-price{letter-spacing:-.03em;font-size:2rem;font-weight:800}.lp-price em{color:var(--text-muted);font-size:.9rem;font-style:normal;font-weight:500}.lp-priceplan p{color:var(--text-muted);flex:1;font-size:.86rem}.lp-final{padding:clamp(40px,7vw,80px) 0}.lp-final__inner{text-align:center;padding:clamp(40px, 7vw, 72px) var(--s-6);border-radius:var(--r-xl);border:1px solid var(--border-accent);background:linear-gradient(135deg, var(--accent-soft), var(--sys-soft));position:relative;overflow:hidden}.lp-final__inner h2{letter-spacing:-.03em;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800}.lp-final__inner p{color:var(--text-muted);margin:var(--s-3) 0 var(--s-6)}.lp-final__inner .lp-hero__cta{justify-content:center}.lp-footer{width:min(1140px,92%);padding:var(--s-10) 0 var(--s-12);text-align:center;border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:10px;margin:0 auto;display:flex}.lp-footer .muted{font-size:.85rem}@media (width<=920px){.lp-nav__links{display:none}.lp-hero{grid-template-columns:1fr}.lp-feature{gap:var(--s-6);grid-template-columns:1fr}.lp-feature--flip .lp-feature__copy{order:0}.lp-gamegrid{grid-template-columns:repeat(2,1fr)}.lp-trackcols,.lp-quotes,.lp-priceteaser{grid-template-columns:1fr}}@media (width<=520px){.lp-gamegrid{grid-template-columns:1fr}.lp-hero__copy h1{font-size:2.1rem}}.auth{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth__aside{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,48px);display:flex;position:relative;overflow:hidden}.auth__aside-glow{background:radial-gradient(circle, var(--accent-glow), transparent 65%);opacity:.5;height:420px;position:absolute;inset:auto -20% -30% -10%}.auth__brand{z-index:1;position:relative}.auth__brand--mobile{margin-bottom:var(--s-5);display:none}.auth__aside-body{z-index:1;position:relative}.auth__aside-body h2{letter-spacing:-.025em;max-width:440px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.15}.auth__benefits{gap:var(--s-4);margin:var(--s-8) 0;flex-direction:column;display:flex}.auth__benefits li{color:var(--text);align-items:center;gap:12px;font-size:.95rem;display:flex}.auth__benefit-ico{border-radius:var(--r-sm);width:34px;height:34px;color:var(--accent);background:var(--accent-soft);flex-shrink:0;place-items:center;display:grid}.auth__social{color:var(--text-muted);align-items:center;gap:12px;font-size:.88rem;display:flex}.auth__social .lp-avstack .avatar{border:2px solid var(--surface-1);margin-left:-8px}.auth__social .lp-avstack .avatar:first-child{margin-left:0}.auth__main{flex-direction:column;padding:clamp(20px,3vw,32px);display:flex}.auth__topbar{justify-content:space-between;align-items:center;display:flex}.auth__back{color:var(--text-muted);align-items:center;gap:5px;font-size:.85rem;display:inline-flex}.auth__back:hover{color:var(--text)}.auth__form-wrap{width:100%;max-width:380px;padding:var(--s-8) 0;flex-direction:column;flex:1;justify-content:center;margin:0 auto;display:flex}.auth__form-wrap h1{letter-spacing:-.02em;font-size:1.7rem;font-weight:700}.auth__form-wrap>p{margin-top:6px}.auth__google{height:46px;margin-top:var(--s-6);font-weight:600}.auth__divider{margin:var(--s-5) 0;color:var(--text-faint);align-items:center;gap:12px;font-size:.8rem;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--border);flex:1;height:1px}.auth__form{gap:var(--s-4);flex-direction:column;display:flex}.auth__forgot{color:var(--accent);align-self:flex-end;margin-top:-8px;font-size:.8rem}.auth__switch{text-align:center;margin-top:var(--s-5);color:var(--text-muted);font-size:.88rem}.auth__switch a{color:var(--accent);font-weight:600}.auth__terms{text-align:center;margin-top:var(--s-3);font-size:.74rem}@media (width<=860px){.auth{grid-template-columns:1fr}.auth__aside{display:none}.auth__brand--mobile{display:block}}.ob{background:var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative}.ob:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(800px 400px at 50% -10%, var(--accent-soft), transparent 60%);position:fixed;inset:0}.ob>*{z-index:1;position:relative}.ob__top{padding:var(--s-5) clamp(20px, 5vw, 48px);justify-content:space-between;align-items:center;display:flex}.ob__top-right{align-items:center;gap:var(--s-4);display:flex}.ob__skip{color:var(--text-muted);cursor:pointer;font-size:.86rem}.ob__skip:hover{color:var(--text)}.ob__progress{padding:var(--s-2) 0 var(--s-4);justify-content:center;gap:8px;display:flex}.ob__dot{border-radius:var(--r-pill);background:var(--surface-3);width:38px;height:5px;transition:background .3s}.ob__dot.is-on{background:var(--accent)}.ob__body{padding:var(--s-6) clamp(20px, 5vw, 48px);flex:1;justify-content:center;align-items:center;display:flex}.ob__section{text-align:center;width:100%;max-width:720px}.ob__kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700}.ob__section h1{letter-spacing:-.025em;margin:var(--s-3) 0 var(--s-2);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.ob__section>p{font-size:1rem}.ob__section-body{margin-top:var(--s-8)}.ob__grid{gap:var(--s-4);text-align:left;grid-template-columns:1fr 1fr;display:grid}.ob__grid--3{grid-template-columns:repeat(3,1fr)}.ob__choice{padding:var(--s-5);cursor:pointer;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-1);color:var(--text);text-align:left;flex-direction:column;gap:8px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;position:relative}.ob__choice:hover{border-color:var(--border-strong);transform:translateY(-2px)}.ob__choice.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ob__choice-ico{border-radius:var(--r-md);width:46px;height:46px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.ob__choice strong{font-size:1.02rem}.ob__choice-desc{color:var(--text-muted);font-size:.85rem;line-height:1.4}.ob__choice-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:14px;right:14px}.ob__pathcard{padding:var(--s-6);text-align:left;max-width:480px;margin:0 auto}.ob__pathcard-head{margin-bottom:var(--s-4);align-items:center;gap:12px;display:flex}.ob__pathcard-ico{border-radius:var(--r-md);width:44px;height:44px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.ob__pathcard-head strong{font-size:1.05rem;display:block}.ob__pathlist{flex-direction:column;gap:4px;display:flex}.ob__pathlist li{border-radius:var(--r-sm);align-items:center;gap:11px;padding:9px 8px;font-size:.9rem;display:flex}.ob__pathlist li:hover{background:var(--surface-2)}.ob__pathlist-n{background:var(--surface-3);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.78rem;font-weight:700;display:grid}.ob__pathlist .tag{color:var(--accent);margin-left:auto}.ob__nav{padding:var(--s-5) clamp(20px, 5vw, 48px);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}@media (width<=620px){.ob__grid,.ob__grid--3{grid-template-columns:1fr}}.dash{gap:var(--s-8);flex-direction:column;display:flex}.dash__greet{justify-content:space-between;align-items:flex-start;gap:var(--s-5);display:flex}.dash__greet h1{letter-spacing:-.025em;font-size:1.8rem;font-weight:700}.dash__greet p{color:var(--text-muted);max-width:620px;margin-top:6px;font-size:.98rem}.dash__greet .hot{color:#f0883e}.wave{animation:wave 2.2s var(--ease) infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave{0%,60%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(12deg)}}.dash__goalring-in{flex-direction:column;line-height:1;display:flex}.dash__goalring-in strong{font-size:.92rem}.dash__goalring-in span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem}.dash__top{gap:var(--s-5);grid-template-columns:1.65fr 1fr;display:grid}.continue{grid-template-columns:1.1fr .9fr;display:grid;position:relative;overflow:hidden}.continue__glow{background:radial-gradient(circle, var(--accent-glow), transparent 70%);opacity:.6;pointer-events:none;height:240px;position:absolute;inset:-50% 30% auto -10%}.continue__body{padding:var(--s-6);gap:var(--s-4);flex-direction:column;align-items:flex-start;display:flex;position:relative}.continue__body h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.continue__body p{color:var(--text-muted);font-size:.92rem}.continue__body .progress{margin:2px 0}.continue__meta{flex-wrap:wrap;gap:8px;display:flex}.continue__preview{border-left:1px solid var(--border);background:var(--surface-inset);justify-content:flex-end;gap:var(--s-4);padding:var(--s-6);flex-direction:column;display:flex;position:relative}.minibars{align-items:flex-end;gap:7px;height:150px;display:flex}.minibar{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 55%, transparent));animation:minibar 2.6s var(--ease-soft) infinite alternate;border-radius:5px 5px 2px 2px;flex:1}@keyframes minibar{0%{transform:scaleY(.82)}to{transform:scaleY(1.05)}}.continue__preview-cap{color:var(--text-faint);font-size:.7rem}.daily{padding:var(--s-6);gap:var(--s-3);border-color:var(--border-accent);flex-direction:column;display:flex}.daily__head{justify-content:space-between;align-items:center;display:flex}.daily__timer{color:var(--text-muted);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.daily h3{font-size:1.2rem;font-weight:700}.daily p{color:var(--text-muted);flex:1;font-size:.9rem}.daily__reward{gap:var(--s-3);flex-wrap:wrap;display:flex}.daily__reward-xp{color:var(--gold);background:var(--warning-soft);border-radius:var(--r-pill);align-items:center;gap:6px;padding:5px 11px;font-size:.86rem;font-weight:700;display:inline-flex}.daily__streak-keep{color:#f0883e;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.dash__stats{gap:var(--s-4);grid-template-columns:repeat(4,1fr);display:grid}.statcard{align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);display:flex}.statcard__icon{border-radius:var(--r-md);background:var(--surface-2);width:46px;height:46px;color:var(--text-muted);flex-shrink:0;place-items:center;display:grid}.statcard__icon.hot{color:#f0883e;background:#f0883e24}.statcard__icon.gold{color:var(--gold);background:var(--warning-soft)}.statcard__v{letter-spacing:-.01em;font-size:1.18rem;font-weight:700}.statcard__l{color:var(--text-muted);font-size:.76rem}.dash__cols{gap:var(--s-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.dash__main{gap:var(--s-8);flex-direction:column;min-width:0;display:flex}.dash__aside{gap:var(--s-5);top:calc(var(--topbar-h) + var(--s-5));flex-direction:column;display:flex;position:sticky}.pathcard{padding:var(--s-5) var(--s-6);overflow-x:auto}.pathcard__rail{align-items:flex-start;gap:0;min-width:max-content;display:flex}.pathstep{text-align:center;flex-direction:column;align-items:center;gap:8px;width:116px;display:flex;position:relative}.pathstep:before{content:"";background:var(--border);width:100%;height:2px;position:absolute;top:17px;left:-50%}.pathstep:first-child:before{display:none}.pathstep__node{background:var(--surface-2);border:2px solid var(--border);width:36px;height:36px;color:var(--text-muted);z-index:1;border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:relative}.pathstep:hover .pathstep__node{transform:scale(1.08)}.pathstep__num{font-size:.8rem;font-weight:700}.pathstep__label{color:var(--text-muted);max-width:100px;font-size:.74rem;line-height:1.3}.pathstep.is-completed .pathstep__node{background:var(--success);border-color:var(--success);color:#fff}.pathstep.is-completed:before{background:var(--success)}.pathstep.is-in-progress .pathstep__node{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-soft)}.pathstep.is-in-progress .pathstep__label{color:var(--text);font-weight:600}.trackcard{padding:var(--s-5);gap:var(--s-3);flex-direction:column;display:flex}.trackcard__top{align-items:center;gap:var(--s-3);display:flex}.trackcard__icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.trackcard__top>div{flex-direction:column;flex:1;display:flex}.trackcard__top strong{font-size:.96rem}.trackcard__top .muted{font-size:.78rem}.trackcard__pct{letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.trackcard__foot{font-size:.8rem}.minicard{padding:var(--s-5);flex-direction:column;gap:9px;display:flex}.minicard>strong{font-size:1rem}.minicard p{flex:1;font-size:.82rem;line-height:1.45}.minicard .trackbadge{background:var(--surface-2);color:var(--text-muted);align-self:flex-start}.minicard__foot{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.minicard__resume{color:var(--accent);align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.aside-card{padding:var(--s-5)}.aside-card__head{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.aside-card__head h3{font-size:.96rem;font-weight:700}.aside-card__link{color:var(--accent);font-size:.78rem;font-weight:600}.feed{flex-direction:column;gap:2px;display:flex}.feed__item{border-radius:var(--r-sm);align-items:center;gap:11px;padding:8px 6px;display:flex}.feed__item:hover{background:var(--surface-2)}.feed__icon{border-radius:var(--r-sm);background:var(--surface-3);width:30px;height:30px;color:var(--text-muted);flex-shrink:0;place-items:center;display:grid}.feed__icon--check-circle{color:var(--success);background:var(--success-soft)}.feed__icon--zap{color:var(--gold);background:var(--warning-soft)}.feed__icon--flame{color:#f0883e;background:#f0883e24}.feed__icon--sparkles{color:var(--sys);background:var(--sys-soft)}.feed__icon--trophy{color:var(--gold);background:var(--warning-soft)}.feed__body{flex-direction:column;flex:1;min-width:0;display:flex}.feed__body strong{font-size:.82rem;font-weight:600}.feed__body .muted{font-size:.72rem}.feed__xp{color:var(--gold);font-size:.78rem;font-weight:700}.lb{flex-direction:column;gap:1px;display:flex}.lb__row{border-radius:var(--r-sm);align-items:center;gap:10px;padding:7px 8px;display:flex}.lb__row.is-you{background:var(--accent-soft)}.lb__rank{text-align:center;width:20px;color:var(--text-muted);font-size:.8rem;font-weight:700}.lb__rank.is-top{color:var(--gold)}.lb__name{flex:1;font-size:.84rem;font-weight:600}.lb__row.is-you .lb__name{color:var(--accent)}.lb__xp{color:var(--text-muted);font-size:.8rem}@media (width<=1080px){.dash__top,.dash__cols{grid-template-columns:1fr}.dash__aside{flex-flow:wrap;position:static}.dash__aside>*{flex:1;min-width:280px}.dash__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.continue{grid-template-columns:1fr}.continue__preview{border-left:none;border-top:1px solid var(--border)}.dash__greet{flex-direction:row}.dash__goalring{display:none}}.explore{gap:var(--s-5);flex-direction:column;display:flex}.explore__tracks{gap:var(--s-3);grid-template-columns:repeat(2,1fr);max-width:560px;display:grid}.tracktab{cursor:pointer;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-1);color:var(--text-muted);align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.tracktab:hover{border-color:var(--border-strong)}.tracktab.active{border-color:var(--border-accent);background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-sm)}.tracktab__ico{border-radius:var(--r-sm);background:var(--surface-2);place-items:center;width:38px;height:38px;display:grid}.tracktab.active .tracktab__ico{background:var(--accent-soft)}.tracktab__meta{text-align:left;flex-direction:column;display:flex}.tracktab__meta strong{font-size:.95rem}.tracktab__meta span{color:var(--text-muted);font-size:.76rem}.explore__progress{align-items:center;gap:var(--s-4);display:flex}.explore__progress .progress{flex:1;max-width:420px;height:7px}.explore__progress .muted{white-space:nowrap;font-size:.82rem}.explore__toolbar{justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.explore__search{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);min-width:240px;max-width:380px;height:40px;color:var(--text-faint);flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.explore__search:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-soft)}.explore__search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.explore__search-input::placeholder{color:var(--text-faint)}.explore__search-clear{color:var(--text-faint);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.explore__filters{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.explore__diffs{gap:6px;display:flex}.diffchip{cursor:pointer;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);height:30px;color:var(--text-muted);align-items:center;gap:6px;padding:0 11px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.diffchip:hover{color:var(--text)}.diffchip.active{border-color:var(--border-strong);color:var(--text);background:var(--surface-3)}.explore__cats{scrollbar-width:none;gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.explore__cats::-webkit-scrollbar{display:none}.catchip{white-space:nowrap;cursor:pointer;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-1);height:30px;color:var(--text-muted);flex-shrink:0;padding:0 13px;font-size:.8rem;font-weight:600;transition:all .15s}.catchip:hover{color:var(--text);border-color:var(--border-strong)}.catchip.active{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent)}.explore__group{gap:var(--s-4);flex-direction:column;display:flex}.explore__group-head{align-items:center;gap:10px;display:flex}.explore__group-head h2{font-size:1.05rem;font-weight:700}.explore__group-head .muted{background:var(--surface-2);border-radius:var(--r-pill);border:1px solid var(--border);padding:2px 9px;font-size:.8rem}.conceptcard{padding:var(--s-5);flex-direction:column;gap:9px;display:flex}.conceptcard__top{justify-content:space-between;align-items:center;display:flex}.statusdot{color:#fff;background:var(--surface-3);border:1.5px solid var(--border);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.statusdot--completed{background:var(--success);border-color:var(--success)}.statusdot--in-progress{background:var(--accent);border-color:var(--accent)}.statusdot--not-started{background:0 0}.conceptcard__play{font-size:.66rem}.conceptcard__title{font-size:1rem;font-weight:700}.conceptcard__blurb{color:var(--text-muted);flex:1;font-size:.82rem;line-height:1.45}.conceptcard__foot{align-items:center;gap:10px;margin-top:2px;display:flex}.conceptcard__meta{color:var(--text-muted);align-items:center;gap:4px;font-size:.76rem;display:inline-flex}.conceptcard__resume{color:var(--accent);align-items:center;gap:3px;margin-left:auto;font-size:.78rem;font-weight:600;display:inline-flex}.explore__empty{align-items:center;gap:var(--s-3);padding:var(--s-16) 0;color:var(--text-muted);flex-direction:column;display:flex}.explore__empty svg{color:var(--text-faint)}@media (width<=560px){.explore__tracks{grid-template-columns:1fr}.explore__toolbar{flex-direction:column;align-items:stretch}.explore__search{max-width:none}}.viz{gap:var(--s-5);grid-template-columns:1fr 360px;grid-template-areas:"stage side""complete complete";align-items:start;display:grid}.viz__stage{padding:var(--s-5);gap:var(--s-4);flex-direction:column;grid-area:stage;display:flex}.viz__side{top:calc(var(--topbar-h) + var(--s-5));grid-area:side;position:sticky}.viz__complete{grid-area:complete}.viz__stage-head{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.viz__counters{gap:var(--s-4);display:flex}.viz__counter{color:var(--text-muted);font-size:.8rem}.viz__counter b{color:var(--text);font-variant-numeric:tabular-nums}.viz__counter--score{color:var(--gold);align-items:center;gap:5px;display:inline-flex}.viz__counter--score b{color:var(--gold)}.canvas{background:radial-gradient(120% 100% at 50% 0%, var(--accent-soft), transparent 60%), var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-md);padding:36px var(--s-5) var(--s-3)}.bars{align-items:stretch;gap:10px;height:300px;display:flex}.bar-col{flex:1;grid-template-rows:1fr auto 24px;align-items:end;min-width:0;height:100%;display:grid}.bar{background:color-mix(in srgb, var(--dsa) 26%, var(--surface-3));border:1px solid color-mix(in srgb, var(--dsa) 30%, transparent);width:100%;min-height:8px;transition:height .32s var(--ease), background .2s, transform .2s, box-shadow .2s;border-radius:7px 7px 3px 3px;align-self:end;position:relative}.bar__val{text-align:center;font-family:var(--font-mono);color:var(--text-muted);font-size:.74rem;font-weight:600;position:absolute;top:-22px;left:0;right:0}.bar__flag{text-transform:uppercase;letter-spacing:.05em;color:#1a1205;background:var(--gold);border-radius:var(--r-pill);white-space:nowrap;padding:2px 7px;font-size:.6rem;font-weight:700;position:absolute;top:-42px;left:50%;transform:translate(-50%)}.bar.is-compare{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translateY(-3px)}.bar.is-pivot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 16px color-mix(in srgb, var(--gold) 50%, transparent)}.bar.is-swap{background:var(--danger);border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft);animation:barpulse .4s var(--ease)}.bar.is-sorted{background:var(--success);border-color:var(--success)}.bar.is-dim{opacity:.32}@keyframes barpulse{50%{transform:translateY(-6px)scale(1.04)}}.bar__idx{text-align:center;font-family:var(--font-mono);color:var(--text-faint);padding-top:5px;font-size:.66rem}.bar__ptrs{flex-direction:column;align-items:center;gap:2px;padding-top:3px;display:flex}.ptr{font-family:var(--font-mono);border-radius:var(--r-pill);padding:0 5px;font-size:.6rem;font-weight:700;line-height:1.5}.ptr--i{color:var(--accent);background:var(--accent-soft)}.ptr--j{color:var(--sys);background:var(--sys-soft)}.ptr--min{color:var(--success);background:var(--success-soft)}.ptr--key{color:var(--gold);background:var(--warning-soft)}.viz__caption{color:var(--text);align-items:center;min-height:44px;padding:0 2px;font-size:.92rem;display:flex}.viz__caption code{font-family:var(--font-mono);background:var(--surface-3);color:var(--accent);border-radius:5px;padding:1px 5px;font-size:.84em}.challenge-bar{justify-content:space-between;align-items:center;gap:var(--s-4);border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--border-accent);flex-wrap:wrap;min-height:44px;padding:10px 14px;font-size:.9rem;display:flex}.challenge-bar__q{color:var(--text);align-items:center;gap:9px;display:flex}.challenge-bar__q code{font-family:var(--font-mono);background:var(--surface-1);border-radius:4px;padding:1px 5px}.challenge-bar__btns{gap:8px;display:flex}.challenge-bar--ok{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 40%, transparent);color:var(--text)}.challenge-bar--bad{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.challenge-bar--ok>svg{color:var(--success)}.challenge-bar--bad>svg{color:var(--danger)}.scrubber{align-items:center;gap:var(--s-4);display:flex}.scrubber__count{color:var(--text-muted);white-space:nowrap;font-size:.76rem}.scrubber__range,.speed-range{appearance:none;border-radius:var(--r-pill);background:var(--surface-3);cursor:pointer;height:6px}.scrubber__range{flex:1}.scrubber__range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--surface-1);width:16px;height:16px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%}.speed-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--surface-1);width:16px;height:16px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%}.scrubber__range::-moz-range-thumb{border:2px solid var(--surface-1);background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.speed-range::-moz-range-thumb{border:2px solid var(--surface-1);background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.controls{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.controls__group{gap:6px;display:flex}.controls__speed{color:var(--text-muted);align-items:center;gap:8px;display:flex}.controls__speed .speed-range{width:96px}.controls__speed-val{min-width:34px;font-size:.78rem}.controls__input{flex:1;align-items:center;gap:6px;min-width:220px;display:flex}.controls__input .input{height:34px;font-size:.82rem}.legend{gap:var(--s-4);flex-wrap:wrap;padding-top:2px;display:flex}.legend__item{color:var(--text-muted);align-items:center;gap:7px;font-size:.76rem;display:inline-flex}.legend__sw{border-radius:4px;width:13px;height:13px;display:inline-block}.legend__sw.is-compare{background:var(--accent)}.legend__sw.is-pivot{background:var(--gold)}.legend__sw.is-swap{background:var(--danger)}.legend__sw.is-sorted{background:var(--success)}.viz__panel{padding:var(--s-4);gap:var(--s-3);flex-direction:column;display:flex}.viz__panel-tabs{align-self:stretch}.viz__panel-tabs .seg__item{flex:1;justify-content:center}.codepanel{font-family:var(--font-mono);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-3) 0;max-height:360px;font-size:.8rem;line-height:1.75;overflow:auto}.codeline{border-left:2px solid #0000;gap:12px;padding:0 14px;transition:background .15s;display:flex}.codeline__n{color:var(--text-faint);-webkit-user-select:none;user-select:none;text-align:right;min-width:18px}.codeline__t{color:var(--text-muted);white-space:pre}.codeline.is-active{background:var(--accent-soft);border-left-color:var(--accent)}.codeline.is-active .codeline__t{color:var(--text);font-weight:600}.codeline.is-active .codeline__n{color:var(--accent)}.explainpanel{color:var(--text-muted);max-height:360px;padding:4px;font-size:.88rem;line-height:1.65;overflow:auto}.complexity{border-top:1px solid var(--border);padding-top:var(--s-3);flex-direction:column;gap:2px;display:flex}.complexity__row{justify-content:space-between;align-items:center;padding:4px 2px;font-size:.82rem;display:flex}.complexity__row>span:first-child{color:var(--text-muted)}.complexity__vals b{color:var(--success);font-weight:600}.complexity__vals i{color:var(--danger);font-style:normal}.complete-banner{align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);border-color:var(--border-accent);display:flex}.complete-banner__burst{border-radius:var(--r-md);width:54px;height:54px;color:var(--gold);background:var(--warning-soft);flex-shrink:0;place-items:center;display:grid}.complete-banner__txt{flex:1}.complete-banner__txt h3{font-size:1.15rem;font-weight:700}.complete-banner__txt p{color:var(--text-muted);margin-top:3px;font-size:.86rem}.complete-quiz{padding:var(--s-6)}.quiz{gap:var(--s-4);flex-direction:column;display:flex}.quiz__head{justify-content:space-between;align-items:center;display:flex}.quiz__head h3{align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:inline-flex}.quiz__head h3 svg{color:var(--accent)}.quiz__count{color:var(--text-muted);font-size:.8rem}.quiz__q{flex-direction:column;gap:9px;display:flex}.quiz__qtext{font-size:.92rem;font-weight:600}.quiz__opts{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.quiz__opt{text-align:left;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:11px 13px;font-size:.86rem;transition:border-color .15s,background .15s;display:flex}.quiz__opt:hover:not(:disabled){border-color:var(--border-strong)}.quiz__opt:disabled{cursor:default}.quiz__opt .quiz__bullet{background:var(--surface-3);width:22px;height:22px;color:var(--text-muted);border-radius:6px;flex-shrink:0;place-items:center;font-size:.74rem;font-weight:700;display:grid}.quiz__opt svg{margin-left:auto}.quiz__opt.is-chosen{border-color:var(--accent);background:var(--accent-soft)}.quiz__opt.is-chosen .quiz__bullet{background:var(--accent);color:#fff}.quiz__opt.is-correct{border-color:var(--success);background:var(--success-soft);color:var(--text)}.quiz__opt.is-correct svg{color:var(--success)}.quiz__opt.is-wrong{border-color:var(--danger);background:var(--danger-soft)}.quiz__opt.is-wrong svg{color:var(--danger)}.quiz__explain{color:var(--text-muted);background:var(--surface-2);border-radius:var(--r-sm);align-items:flex-start;gap:7px;padding:8px 11px;font-size:.8rem;display:flex}.quiz__explain svg{color:var(--accent);flex-shrink:0;margin-top:2px}.quiz__result{align-items:center;gap:var(--s-5);padding:var(--s-4);border-radius:var(--r-md);background:var(--success-soft);display:flex}.quiz__result-score strong{font-size:1.3rem;font-weight:700}.quiz__result-xp{color:var(--gold);align-items:center;gap:7px;margin-left:auto;font-weight:700;display:inline-flex}@media (width<=1080px){.viz{grid-template-columns:1fr;grid-template-areas:"stage""side""complete"}.viz__side{position:static}.codepanel,.explainpanel{max-height:none}}@media (width<=560px){.quiz__opts{grid-template-columns:1fr}.bars{gap:5px;height:220px}.complete-banner{flex-direction:column;align-items:flex-start}}.conceptpage{gap:var(--s-5);flex-direction:column;display:flex}.conceptpage__head{justify-content:space-between;align-items:flex-start;gap:var(--s-5);display:flex}.conceptpage__badges{margin-bottom:var(--s-3);flex-wrap:wrap;gap:8px;display:flex}.conceptpage__head h1{letter-spacing:-.025em;font-size:1.75rem;font-weight:700}.conceptpage__head p{color:var(--text-muted);max-width:720px;margin-top:7px;font-size:.96rem}.comingsoon__hero{padding:var(--s-12) var(--s-8);text-align:center;align-items:center;gap:var(--s-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.comingsoon__glow{background:radial-gradient(circle, var(--accent-glow), transparent 65%);opacity:.55;pointer-events:none;height:300px;position:absolute;inset:-60% 20% auto}.comingsoon__lock{border-radius:var(--r-lg);width:60px;height:60px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border-accent);place-items:center;display:grid;position:relative}.comingsoon__hero h2{font-size:1.4rem;font-weight:700}.comingsoon__hero p{color:var(--text-muted);max-width:560px;line-height:1.6}.comingsoon__cta{gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.notfound{align-items:center;gap:var(--s-5);padding:var(--s-20) 0;text-align:center;flex-direction:column;display:flex}.notfound h1{font-size:1.6rem;font-weight:700}.sandbox{gap:var(--s-5);grid-template-columns:220px minmax(0,1fr) 300px;align-items:start;display:grid}.sandbox__palette{padding:var(--s-4);top:calc(var(--topbar-h) + var(--s-5));position:sticky}.sandbox__palette-title{font-size:.95rem;font-weight:700}.sandbox__palette-sub{color:var(--text-muted);margin:6px 0 var(--s-3);font-size:.74rem;line-height:1.5}.sandbox__palette-sub svg{vertical-align:-1px}.palette{flex-direction:column;gap:6px;display:flex}.palette__item{text-align:left;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;font-size:.84rem;font-weight:500;transition:border-color .15s,transform .12s;display:flex}.palette__item:hover{border-color:var(--border-strong);transform:translate(2px)}.palette__item:active{transform:translate(0)}.palette__ico{border-radius:var(--r-sm);flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.palette__label{flex:1}.palette__item>svg:last-child{color:var(--text-faint)}.sandbox__palette-tools{margin-top:var(--s-3);gap:6px;display:flex}.sandbox__palette-tools .btn{flex:1}.sandbox__canvaswrap{padding:0;overflow:hidden}.sandbox__canvas-bar{justify-content:space-between;align-items:center;gap:var(--s-3);padding:10px var(--s-4);border-bottom:1px solid var(--border);display:flex}.sandbox__canvas-title{color:var(--text-muted);align-items:center;gap:7px;font-size:.85rem;font-weight:600;display:inline-flex}.sandbox__canvas-actions{align-items:center;gap:var(--s-3);display:flex}.sandbox__linking{color:var(--accent);font-size:.78rem}.linklink{color:var(--text-muted);cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:underline}.canvas2d{touch-action:none;background:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 0);background-size:22px 22px;height:520px;position:relative;overflow:hidden}.canvas2d.is-sim{background-color:color-mix(in srgb, var(--accent) 4%, transparent)}.canvas2d__hint{color:var(--text-muted);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-pill);text-align:center;pointer-events:none;max-width:80%;padding:7px 14px;font-size:.8rem;position:absolute;top:18px;left:50%;transform:translate(-50%)}.wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wire__hit{stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.wire__line{stroke:var(--text-faint);stroke-width:2px}.wire.is-active .wire__line{stroke:var(--accent)}.wire.is-flow .wire__line{stroke-dasharray:7 6;animation:.6s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-13px}}.wire__rubber{stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 5}.packet{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent-glow))}.gnode{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-1);box-shadow:var(--shadow-sm);cursor:grab;-webkit-user-select:none;user-select:none;border-top:2.5px solid var(--gn);flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:box-shadow .15s,border-color .15s,transform .1s;display:flex;position:absolute}.gnode:active{cursor:grabbing}.gnode__ico{border-radius:var(--r-sm);width:30px;height:30px;color:var(--gn);background:color-mix(in srgb, var(--gn) 15%, transparent);place-items:center;display:grid}.gnode__label{font-size:.74rem;font-weight:600}.gnode.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-md)}.gnode.is-target{border-style:dashed;border-color:var(--accent)}.gnode.is-hot{animation:nodehot .9s var(--ease) infinite;border-color:var(--danger)}@keyframes nodehot{0%,to{box-shadow:0 0 0 0 var(--danger-soft)}50%{border-color:var(--danger);box-shadow:0 0 0 7px #0000}}.gnode__link,.gnode__del{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute}.gnode__link{top:50%;right:-9px;transform:translateY(-50%)}.gnode__link:hover{color:var(--accent);border-color:var(--accent)}.gnode__del{color:var(--danger);top:-9px;right:-9px}.gnode__del:hover{background:var(--danger);color:#fff}.hud{align-items:center;gap:var(--s-5);padding:11px var(--s-4);border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;display:flex}.hud__status{border-radius:var(--r-pill);align-items:center;gap:7px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.hud__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.hud__status--healthy{color:var(--success);background:var(--success-soft)}.hud__status--degraded{color:var(--warning);background:var(--warning-soft)}.hud__status--failing{color:var(--danger);background:var(--danger-soft)}.hud__metric{flex-direction:column;display:flex}.hud__metric span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.68rem}.hud__metric b{font-size:.95rem;font-weight:700}.sandbox__panel{gap:var(--s-4);top:calc(var(--topbar-h) + var(--s-5));flex-direction:column;display:flex;position:sticky}.scorecard{padding:var(--s-4) var(--s-5)}.scorecard__top{align-items:center;gap:var(--s-4);display:flex}.scorecard__top h3{font-size:.95rem;font-weight:700}.scorecard__top p{margin-top:3px;font-size:.78rem;line-height:1.4}.scorering__txt{font-size:19px;font-weight:700;font-family:var(--font-mono)}.reqcard,.notecard,.hintcard{padding:var(--s-4) var(--s-5)}.reqcard__title{margin-bottom:var(--s-3);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.reqcard__title svg{color:var(--accent)}.checks{flex-direction:column;gap:3px;display:flex}.check{border-radius:var(--r-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:7px 4px;font-size:.82rem;display:grid}.check__mark{background:var(--surface-3);width:20px;height:20px;color:var(--text-faint);border-radius:50%;place-items:center;display:grid}.check.is-ok .check__mark{background:var(--success);color:#fff}.check__label{color:var(--text-muted)}.check.is-ok .check__label{color:var(--text)}.check__pts{color:var(--text-faint);font-size:.74rem;font-weight:700;font-family:var(--font-mono)}.check.is-ok .check__pts{color:var(--success)}.check__hint{color:var(--text-faint);grid-column:2/-1;font-size:.72rem;line-height:1.4}.notes{flex-direction:column;gap:7px;display:flex}.notes li{color:var(--text-muted);align-items:flex-start;gap:6px;font-size:.8rem;line-height:1.45;display:flex}.notes svg{color:var(--warning);flex-shrink:0;margin-top:3px}.hintcard{padding:0}.hintcard__head{width:100%;padding:var(--s-4) var(--s-5);cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;display:flex}.hintcard__head>span{align-items:center;gap:8px;display:inline-flex}.hintcard__head svg:first-child{color:var(--accent)}.hints{padding:0 var(--s-5) var(--s-5);flex-direction:column;gap:10px;display:flex}.hints li{color:var(--text-muted);align-items:flex-start;gap:9px;font-size:.82rem;line-height:1.45;display:flex}.hints__n{background:var(--accent-soft);width:20px;height:20px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.72rem;font-weight:700;display:grid}@media (width<=1180px){.sandbox{grid-template-columns:200px minmax(0,1fr)}.sandbox__panel{flex-flow:wrap;grid-column:1/-1;position:static}.sandbox__panel>*{flex:1;min-width:260px}}@media (width<=760px){.sandbox{grid-template-columns:1fr}.sandbox__palette{position:static}.palette{flex-flow:wrap}.palette__item{flex:1;width:auto;min-width:130px}.canvas2d{height:440px}}.chub{gap:var(--s-5);flex-direction:column;display:flex}.chub__sechead{font-size:1.1rem;font-weight:700}.chub__daily{grid-template-columns:1.5fr 1fr;display:grid;position:relative;overflow:hidden}.chub__daily-glow{background:radial-gradient(circle, var(--accent-glow), transparent 65%);opacity:.55;height:320px;position:absolute;inset:-50% 30% auto -10%}.chub__daily-body{padding:var(--s-6) var(--s-8);gap:var(--s-3);flex-direction:column;align-items:flex-start;display:flex;position:relative}.chub__daily-body h2{letter-spacing:-.02em;font-size:1.7rem;font-weight:700}.chub__daily-body p{color:var(--text-muted);max-width:460px}.chub__daily-meta{flex-wrap:wrap;gap:8px;margin:4px 0 6px;display:flex}.chub__daily-art{border-left:1px solid var(--border);background:var(--surface-inset);place-items:center;display:grid;position:relative}.chub__daily-art svg{width:220px}.chub__daily-art line{stroke:var(--border-strong);stroke-width:2px}.chub__art-node circle{fill:var(--surface-1);stroke:var(--accent);stroke-width:2px;animation:nodepop 2.4s var(--ease) infinite}.chub__art-node text{fill:var(--text);font-size:13px;font-weight:700;font-family:var(--font-mono)}@keyframes nodepop{0%,80%,to{stroke:var(--border-strong)}40%{stroke:var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow))}}.challengecard{padding:var(--s-5);flex-direction:column;gap:9px;display:flex}.challengecard.is-soon{opacity:.62}.challengecard__top{justify-content:space-between;align-items:center;display:flex}.challengecard__ico{border-radius:var(--r-md);width:40px;height:40px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.challengecard__live{color:var(--success);align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.challengecard__live .dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:1.5s infinite blink}@keyframes blink{50%{opacity:.3}}.challengecard__soon{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-3);border-radius:var(--r-pill);padding:3px 9px;font-size:.68rem;font-weight:700}.challengecard h3{font-size:1.02rem;font-weight:700}.challengecard p{flex:1;font-size:.83rem;line-height:1.45}.challengecard__concept{font-size:.76rem;font-family:var(--font-mono)}.challengecard__foot{align-items:center;gap:10px;display:flex}.challengecard__meta{color:var(--text-muted);align-items:center;gap:4px;font-size:.76rem;display:inline-flex}@media (width<=760px){.chub__daily{grid-template-columns:1fr}.chub__daily-art{display:none}}.cg{gap:var(--s-5);flex-direction:column;display:flex;position:relative}.cg__head{justify-content:space-between;align-items:flex-start;gap:var(--s-5);flex-wrap:wrap;display:flex}.cg__head h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.cg__head p{color:var(--text-muted);max-width:560px;margin-top:5px;font-size:.92rem}.cg__hud{align-items:center;gap:var(--s-4);display:flex}.cg__timer{font-family:var(--font-mono);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:7px;padding:8px 14px;font-size:1.1rem;font-weight:700;display:inline-flex}.cg__timer.is-low{color:var(--danger);border-color:var(--danger);animation:1s infinite blink}.cg__hud-stat{flex-direction:column;align-items:center;display:flex}.cg__hud-stat span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.66rem}.cg__hud-stat b{font-size:1.05rem;font-family:var(--font-mono)}.cg__board{padding:var(--s-5);gap:var(--s-4);flex-direction:column;display:flex}.cg__svg{background:var(--surface-inset);border-radius:var(--r-md);border:1px solid var(--border);width:100%;max-height:420px}.cg__edge{stroke:var(--border-strong);stroke-width:2.5px}.cg__node{cursor:pointer}.cg__node-c{fill:var(--surface-1);stroke:var(--border-strong);stroke-width:2.5px;transition:fill .2s,stroke .2s}.cg__node-t{fill:var(--text);font-size:16px;font-weight:700;font-family:var(--font-mono);pointer-events:none}.cg__node:hover .cg__node-c{stroke:var(--accent)}.cg__node.is-next .cg__node-c{stroke:var(--accent);stroke-dasharray:4 3;animation:8s linear infinite spin-dash}.cg__node.is-visited .cg__node-c{fill:var(--success);stroke:var(--success)}.cg__node.is-visited .cg__node-t{fill:#fff}.cg__node.is-shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.cg__order{fill:var(--gold)}.cg__order-t{fill:#1a1205;font-size:11px;font-weight:700;font-family:var(--font-mono);pointer-events:none}.cg__sequence{flex-wrap:wrap;align-items:center;gap:7px;min-height:32px;display:flex}.cg__sequence .muted{font-size:.82rem}.cg__seq-empty{color:var(--text-faint);font-size:.82rem;font-style:italic}.cg__seq-chip{border-radius:var(--r-sm);width:28px;height:28px;font-family:var(--font-mono);background:var(--success-soft);color:var(--success);place-items:center;font-size:.84rem;font-weight:700;display:grid}.cg__result-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--s-5);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.cg__result{width:100%;max-width:420px;padding:var(--s-8);text-align:center;align-items:center;gap:var(--s-3);animation:pop .3s var(--ease);flex-direction:column;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.cg__result-badge{width:64px;height:64px;color:var(--gold);background:var(--warning-soft);border-radius:50%;place-items:center;display:grid}.cg__result-badge.is-fail{color:var(--danger);background:var(--danger-soft)}.cg__result h2{font-size:1.4rem;font-weight:700}.cg__result-stats{gap:var(--s-6);margin:var(--s-2) 0;display:flex}.cg__result-stats>div{flex-direction:column;display:flex}.cg__result-stats b{font-size:1.5rem;font-weight:700}.cg__result-stats b.gold{color:var(--gold)}.cg__result-stats span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.cg__result-cta{gap:var(--s-3);margin-top:var(--s-2);display:flex}@keyframes spin-dash{to{stroke-dashoffset:-100px}}.prog{gap:var(--s-5);flex-direction:column;display:flex}.prog__hero{align-items:center;gap:var(--s-5);padding:var(--s-6);display:flex;position:relative;overflow:hidden}.prog__hero-glow{background:radial-gradient(circle, var(--accent-glow), transparent 65%);opacity:.5;height:280px;position:absolute;inset:-60% 0 auto 40%}.prog__hero-id{flex:1;position:relative}.prog__hero-id h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.prog__hero-id p{margin-top:3px;font-size:.9rem}.prog__hero-tags{margin-top:var(--s-3);flex-wrap:wrap;gap:8px;display:flex}.prog__hero-ring{position:relative}.prog__hero-lvl{flex-direction:column;line-height:1.1;display:flex}.prog__hero-lvl strong{font-size:1rem}.prog__hero-lvl span{color:var(--text-muted);font-size:.66rem;font-family:var(--font-mono)}.prog__stats{gap:var(--s-3);grid-template-columns:repeat(6,1fr);display:grid}.prog__statile{padding:var(--s-4);align-items:center;gap:11px;display:flex}.prog__statile-ico{border-radius:var(--r-sm);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.prog__statile-v{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.prog__statile-l{color:var(--text-muted);font-size:.7rem}.prog__cols{gap:var(--s-5);grid-template-columns:1fr 320px;align-items:start;display:grid}.prog__main{gap:var(--s-5);flex-direction:column;min-width:0;display:flex}.prog__aside{top:calc(var(--topbar-h) + var(--s-5));position:sticky}.prog__panel{padding:var(--s-5) var(--s-6)}.prog__panel-head{margin-bottom:var(--s-4);justify-content:space-between;align-items:center;display:flex}.prog__panel-head h2{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:inline-flex}.prog__panel-head h2 svg{color:var(--accent)}.prog__panel-head .muted{font-size:.8rem}.heatmap{grid-template-rows:repeat(7,12px);grid-auto-columns:12px;grid-auto-flow:column;gap:3px;padding-bottom:4px;display:grid;overflow-x:auto}.heat{background:var(--surface-3);border-radius:3px;width:12px;height:12px}.heat--0{background:var(--surface-3)}.heat--1{background:color-mix(in srgb, var(--accent) 30%, var(--surface-3))}.heat--2{background:color-mix(in srgb, var(--accent) 55%, var(--surface-3))}.heat--3{background:color-mix(in srgb, var(--accent) 78%, transparent)}.heat--4{background:var(--accent)}.heatmap__legend{margin-top:var(--s-3);align-items:center;gap:4px;font-size:.72rem;display:flex}.heatmap__legend .heat{width:11px;height:11px}.badges{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.badge{text-align:center;padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);flex-direction:column;align-items:center;gap:6px;display:flex}.badge__ico{border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.badge strong{font-size:.84rem}.badge__desc{color:var(--text-muted);font-size:.72rem;line-height:1.35}.badge.is-locked{opacity:.55}.badge.is-locked .badge__ico{color:var(--text-faint)!important;background:var(--surface-3)!important}.prog__tracks{gap:var(--s-5);grid-template-columns:1fr 1fr;display:grid}.prog__trackcol{flex-direction:column;gap:6px;display:flex}.prog__trackcol-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.prog__done-item{border-radius:var(--r-sm);color:var(--text);align-items:center;gap:8px;padding:6px 8px;font-size:.85rem;display:flex}.prog__done-item:hover{background:var(--surface-2)}.prog__none{padding:6px 8px;font-size:.82rem}.lbfull{flex-direction:column;gap:2px;display:flex}.lbfull__row{border-radius:var(--r-sm);align-items:center;gap:11px;padding:9px 8px;display:flex}.lbfull__row.is-you{background:var(--accent-soft)}.lbfull__rank{text-align:center;width:22px;color:var(--text-muted);font-size:.85rem;font-weight:700}.lbfull__rank.is-top{color:var(--gold)}.lbfull__meta{flex-direction:column;flex:1;display:flex}.lbfull__meta strong{font-size:.86rem}.lbfull__meta .muted{align-items:center;gap:3px;font-size:.72rem;display:inline-flex}.lbfull__xp{color:var(--text-muted);font-size:.84rem}@media (width<=1080px){.prog__stats{grid-template-columns:repeat(3,1fr)}.prog__cols{grid-template-columns:1fr}.prog__aside{position:static}}@media (width<=600px){.prog__hero{flex-wrap:wrap}.prog__stats{grid-template-columns:repeat(2,1fr)}.prog__tracks{grid-template-columns:1fr}}.pricing{gap:var(--s-6);flex-direction:column;display:flex}.pricing__head{text-align:center;align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.pricing__head h1{letter-spacing:-.025em;font-size:2rem;font-weight:700}.pricing__head p{color:var(--text-muted);max-width:520px}.pricing__toggle{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);margin-top:var(--s-2);gap:3px;padding:4px;display:inline-flex}.pricing__toggle button{border-radius:var(--r-pill);height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0 18px;font-size:.86rem;font-weight:600;display:inline-flex}.pricing__toggle button.active{background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-sm)}.pricing__save{color:var(--success);background:var(--success-soft);border-radius:var(--r-pill);padding:2px 7px;font-size:.68rem;font-weight:700}.pricing__plans{gap:var(--s-5);grid-template-columns:repeat(2,1fr);width:100%;max-width:760px;margin:0 auto;display:grid}.plan{padding:var(--s-6);gap:var(--s-3);flex-direction:column;display:flex;position:relative}.plan--featured{border-color:var(--border-accent);box-shadow:0 0 0 1px var(--border-accent), 0 20px 50px var(--accent-glow)}.plan__ribbon{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-fg);background:var(--accent);border-radius:var(--r-pill);padding:4px 11px;font-size:.68rem;font-weight:700;position:absolute;top:-11px;right:20px}.plan__name{font-size:1.3rem;font-weight:700}.plan__tagline{font-size:.86rem}.plan__price{margin:var(--s-2) 0;align-items:baseline;gap:4px;display:flex}.plan__price strong{letter-spacing:-.03em;font-size:2.2rem;font-weight:700}.plan__price span{color:var(--text-muted);font-size:.84rem}.plan__features{margin-top:var(--s-3);flex-direction:column;gap:10px;display:flex}.plan__features li{align-items:flex-start;gap:9px;font-size:.86rem;line-height:1.4;display:flex}.plan__features svg{flex-shrink:0;margin-top:2px}.pricing__compare{padding:var(--s-6);width:100%;max-width:760px;margin:0 auto}.pricing__compare h2{margin-bottom:var(--s-4);font-size:1.1rem;font-weight:700}.pricing__compare table{border-collapse:collapse;width:100%}.pricing__compare th,.pricing__compare td{text-align:left;border-bottom:1px solid var(--border);padding:11px 14px;font-size:.86rem}.pricing__compare th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.78rem}.pricing__compare td:first-child{color:var(--text-muted)}.pricing__compare th:not(:first-child),.pricing__compare td:not(:first-child){text-align:center;width:110px}.pricing__compare .is-pro{background:var(--accent-soft)}.pricing__compare th.is-pro{color:var(--accent);border-radius:var(--r-sm) var(--r-sm) 0 0}.pricing__modal{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--s-5);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.pricing__modal-card{width:100%;max-width:400px;padding:var(--s-8);gap:var(--s-3);animation:pop .3s var(--ease);flex-direction:column;display:flex;position:relative}.pricing__modal-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:14px;right:14px}.pricing__modal-ico{border-radius:var(--r-md);width:54px;height:54px;color:var(--accent);background:var(--accent-soft);place-items:center;display:grid}.pricing__modal-card h3{font-size:1.25rem;font-weight:700}.pricing__modal-row{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.pricing__modal-fine{text-align:center;font-size:.74rem}@media (width<=600px){.pricing__plans{grid-template-columns:1fr}.pricing__compare{overflow-x:auto}}.ag-root{max-width:1120px;margin:0 auto;padding:24px 20px 60px;font-family:Inter,Space Grotesk,system-ui,sans-serif}.ag-hero{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.ag-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ac7;border:1px solid #94a3b838;border-radius:24px;padding:22px;box-shadow:0 24px 70px #00000059}.ag-badge{color:#bbf7d0;background:#22c55e24;border:1px solid #22c55e59;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.ag-h1{color:#f8fafc;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,5vw,44px);line-height:1}.ag-muted{color:#cbd5e1;font-size:.95rem;line-height:1.55}.ag-controls{gap:12px;display:grid}.ag-label{color:#e2e8f0;margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.ag-input{color:#fff;background:#020617b8;border:1px solid #94a3b859;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:18px;transition:border-color .2s,box-shadow .2s}.ag-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.ag-input:disabled{opacity:.5;cursor:not-allowed}.ag-btns{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.ag-btn{cursor:pointer;color:#fff;white-space:nowrap;border:0;border-radius:14px;padding:12px 16px;font-size:.88rem;font-weight:800;transition:transform .15s,opacity .15s,box-shadow .2s}.ag-btn:hover:not(:disabled){transform:translateY(-1px)}.ag-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ag-btn--primary{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px #2563eb40}.ag-btn--good{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 8px 20px #16a34a40}.ag-btn--warn{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 8px 20px #ea580c40}.ag-btn--secondary{box-shadow:none;background:#334155e6}.ag-board{grid-template-columns:1fr 330px;gap:18px;display:grid}.ag-visual{min-height:460px}.ag-row-title{justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;display:flex}.ag-row-title h2{color:#e2e8f0;margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem}.ag-tiles{background:#02061761;border:1px dashed #94a3b847;border-radius:18px;flex-wrap:wrap;gap:10px;min-height:72px;padding:12px;display:flex}.ag-tile{color:#0f172a;-webkit-user-select:none;user-select:none;cursor:default;background:linear-gradient(145deg,#f8fafc,#cbd5e1);border-radius:16px;place-items:center;width:54px;height:54px;font-size:25px;font-weight:900;transition:all .25s;display:grid;position:relative;box-shadow:0 10px 20px #00000038}.ag-tile small{color:#475569;font-size:9px;position:absolute;bottom:3px;right:5px}.ag-tile--active{outline:4px solid #facc15;transform:translateY(-7px)scale(1.04);box-shadow:0 16px 28px #facc154d}.ag-tile--scan{outline:4px solid #38bdf8;transform:scale(1.08);box-shadow:0 12px 24px #38bdf84d}.ag-tile--matched{color:#052e16;background:linear-gradient(145deg,#86efac,#22c55e)}.ag-tile--used{color:#e2e8f0;opacity:.7;background:linear-gradient(145deg,#64748b,#334155)}.ag-tile--wrong{color:#450a0a;background:linear-gradient(145deg,#fca5a5,#ef4444);animation:.35s ag-shake}@keyframes ag-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.ag-message{color:#e2e8f0;background:#1e293bd1;border:1px solid #94a3b83d;border-radius:18px;min-height:64px;margin:16px 0;padding:16px;font-size:.98rem;line-height:1.55}.ag-message b{color:#fde68a}.ag-score-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.ag-score{text-align:center;background:#02061780;border:1px solid #94a3b82e;border-radius:18px;padding:14px}.ag-score span{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.ag-score strong{color:#f8fafc;font-family:Space Grotesk,sans-serif;font-size:26px}.ag-quiz{background:#3b82f61a;border:1px solid #60a5fa40;border-radius:18px;margin-top:14px;padding:15px}.ag-quiz h3{color:#93c5fd;margin:0 0 10px;font-size:1rem}.ag-choices{gap:8px;display:grid}.ag-choice{text-align:left;box-shadow:none;background:#0f172ae0;border:1px solid #94a3b833;border-radius:12px;width:100%;padding:11px 16px;font-weight:600;transition:background .2s,border-color .2s}.ag-choice:hover:not(:disabled){background:#2563eb40;border-color:#60a5fa66;transform:none}.ag-choice--correct{background:#16a34ad9!important;border-color:#22c55e!important}.ag-choice--incorrect{background:#dc2626d9!important;border-color:#ef4444!important}.ag-result{text-align:center;border-radius:20px;margin-top:16px;padding:18px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) ag-pop}.ag-result--win{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.ag-result--lose{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}@keyframes ag-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.ag-code-panel{align-self:start;position:sticky;top:80px}.ag-code-panel h2{color:#e2e8f0;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1rem}.ag-pre{color:#c4b5fd;background:#020617b8;border:1px solid #94a3b829;border-radius:18px;margin:0;padding:16px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow:auto}.ag-line{white-space:pre;border-radius:8px;padding:1px 8px;transition:background .2s;display:block}.ag-line--on{color:#fef3c7;background:#facc1529}@media (width<=850px){.ag-hero,.ag-board{grid-template-columns:1fr}.ag-tile{width:46px;height:46px;font-size:21px}.ag-code-panel{position:static}}.amg-root{max-width:1180px;margin:0 auto;padding:24px 20px 60px;font-family:Inter,Space Grotesk,system-ui,sans-serif}.amg-hero{grid-template-columns:1.08fr .92fr;align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.amg-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border:1px solid #94a3b838;border-radius:24px;padding:22px;box-shadow:0 24px 70px #00000059}.amg-badge{color:#bbf7d0;background:#22c55e24;border:1px solid #22c55e59;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex}.amg-h1{color:#f8fafc;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:clamp(24px,4.5vw,42px);line-height:1.05}.amg-muted{color:#cbd5e1;font-size:.93rem;line-height:1.6}.amg-chip{color:#86efac;letter-spacing:.03em;background:#22c55e2e;border:1px solid #22c55e59;border-radius:999px;padding:2px 10px;font-family:Fira Code,Consolas,monospace;font-size:.78rem;font-weight:800;display:inline-block}.amg-chip--red{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.amg-controls{gap:12px;display:grid}.amg-label{color:#e2e8f0;margin-bottom:6px;font-size:.9rem;font-weight:800;display:block}.amg-input{color:#fff;background:#020617b8;border:1px solid #94a3b859;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:18px;transition:border-color .2s,box-shadow .2s}.amg-input:focus{border-color:#4ade80;box-shadow:0 0 0 4px #4ade8024}.amg-input:disabled{opacity:.5;cursor:not-allowed}.amg-btns{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.amg-btn{cursor:pointer;color:#fff;white-space:nowrap;border:0;border-radius:14px;padding:12px 16px;font-family:inherit;font-size:.88rem;font-weight:900;transition:transform .15s,opacity .15s,box-shadow .2s}.amg-btn:hover:not(:disabled){transform:translateY(-1px)}.amg-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.amg-btn--primary{background:linear-gradient(135deg,#16a34a,#2563eb);box-shadow:0 10px 24px #16a34a38}.amg-btn--good{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 8px 20px #16a34a38}.amg-btn--warn{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 8px 20px #ea580c38}.amg-btn--secondary{box-shadow:none;background:#334155e6}.amg-board{grid-template-columns:1fr 350px;gap:18px;display:grid}.amg-visual{min-height:500px}.amg-row-title{justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;display:flex}.amg-row-title h2{color:#e2e8f0;margin:0;font-family:Space Grotesk,sans-serif;font-size:.97rem}.amg-tiles{background:#02061761;border:1px dashed #94a3b847;border-radius:18px;flex-wrap:wrap;gap:10px;min-height:70px;padding:12px;display:flex}.amg-tile{color:#0f172a;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#f8fafc,#cbd5e1);border-radius:16px;place-items:center;width:52px;height:52px;font-size:24px;font-weight:900;transition:all .22s;display:grid;position:relative;box-shadow:0 10px 20px #00000038}.amg-tile small{color:#475569;font-size:9px;position:absolute;bottom:3px;right:5px}.amg-tile--active{outline:4px solid #facc15;transform:translateY(-7px)scale(1.04);box-shadow:0 16px 28px #facc1540}.amg-tile--add{color:#052e16;background:linear-gradient(145deg,#bbf7d0,#22c55e)}.amg-tile--sub{color:#082f49;background:linear-gradient(145deg,#bfdbfe,#3b82f6)}.amg-map-grid{background:#02061761;border:1px solid #94a3b833;border-radius:18px;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;min-height:116px;margin-top:2px;padding:12px;display:grid}.amg-map-cell{background:#1e293be0;border:1px solid #94a3b83d;border-radius:18px;transition:all .25s;overflow:hidden}.amg-map-cell--hot{outline:4px solid #facc15d9;transform:translateY(-5px);box-shadow:0 12px 28px #facc1526}.amg-map-key{text-align:center;background:#0f172af2;border-bottom:1px solid #94a3b829;padding:9px;font-size:22px;font-weight:900}.amg-map-val{text-align:center;color:#86efac;padding:10px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:900;transition:color .2s}.amg-map-val--zero{color:#94a3b8}.amg-map-val--neg{color:#fca5a5}.amg-map-bar-track{background:#94a3b829;height:8px}.amg-map-bar-fill{background:linear-gradient(90deg,#22c55e,#60a5fa);height:100%;transition:width .25s}.amg-message{color:#e2e8f0;background:#1e293bd1;border:1px solid #94a3b83d;border-radius:18px;min-height:64px;margin:16px 0;padding:16px;font-size:.98rem;line-height:1.55}.amg-message b{color:#fde68a}.amg-score-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.amg-score{text-align:center;background:#02061780;border:1px solid #94a3b82e;border-radius:18px;padding:14px}.amg-score span{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.amg-score strong{color:#f8fafc;font-family:Space Grotesk,sans-serif;font-size:26px}.amg-quiz{background:#16a34a14;border:1px solid #4ade8038;border-radius:18px;margin-top:14px;padding:15px}.amg-quiz h3{color:#86efac;margin:0 0 10px;font-size:.97rem}.amg-choices{gap:8px;display:grid}.amg-choice{text-align:left;box-shadow:none;color:#e2e8f0;background:#0f172ae0;border:1px solid #94a3b833;border-radius:12px;width:100%;padding:11px 16px;font-weight:600;transition:background .2s,border-color .2s}.amg-choice:hover:not(:disabled){background:#16a34a2e;border-color:#4ade8066;transform:none}.amg-choice--correct{background:#16a34ad9!important;border-color:#22c55e!important}.amg-choice--incorrect{background:#dc2626d9!important;border-color:#ef4444!important}.amg-result{text-align:center;border-radius:20px;margin-top:16px;padding:18px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) amg-pop}.amg-result--win{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.amg-result--lose{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}@keyframes amg-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.amg-code-panel{align-self:start;position:sticky;top:80px}.amg-code-panel h2{color:#e2e8f0;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1rem}.amg-pre{color:#c4b5fd;background:#020617b8;border:1px solid #94a3b829;border-radius:18px;margin:0;padding:16px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12.5px;line-height:1.65;overflow:auto}.amg-line{white-space:pre;border-radius:8px;padding:1px 8px;transition:background .2s;display:block}.amg-line--on{color:#fef3c7;background:#facc1529}.amg-complexity{background:#22c55e0f;border:1px solid #22c55e33;border-radius:18px;margin-top:16px;padding:14px}.amg-complexity-row{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.88rem;font-weight:600;display:flex}.amg-complexity-note{color:#64748b;margin:8px 0 0;font-size:.78rem;line-height:1.55}@media (width<=900px){.amg-hero,.amg-board{grid-template-columns:1fr}.amg-tile{width:44px;height:44px;font-size:20px}.amg-code-panel{position:static}}.pg-root{max-width:1120px;margin:0 auto;padding:24px 20px 60px;font-family:Inter,Space Grotesk,system-ui,sans-serif}.pg-hero{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.pg-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ac7;border:1px solid #94a3b838;border-radius:24px;padding:22px;box-shadow:0 24px 70px #00000059}.pg-badge{color:#bbf7d0;background:#22c55e24;border:1px solid #22c55e59;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.pg-h1{color:#f8fafc;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,5vw,44px);line-height:1}.pg-muted{color:#cbd5e1;font-size:.95rem;line-height:1.55}.pg-controls{gap:12px;display:grid}.pg-label{color:#e2e8f0;margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.pg-input{color:#fff;background:#020617b8;border:1px solid #94a3b859;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:18px;transition:border-color .2s,box-shadow .2s}.pg-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.pg-input:disabled{opacity:.5;cursor:not-allowed}.pg-btns{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.pg-btn{cursor:pointer;color:#fff;white-space:nowrap;border:0;border-radius:14px;padding:12px 16px;font-size:.88rem;font-weight:800;transition:transform .15s,opacity .15s,box-shadow .2s}.pg-btn:hover:not(:disabled){transform:translateY(-1px)}.pg-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.pg-btn--primary{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px #2563eb40}.pg-btn--good{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 8px 20px #16a34a40}.pg-btn--warn{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 8px 20px #ea580c40}.pg-btn--secondary{box-shadow:none;background:#334155e6}.pg-board{grid-template-columns:1fr 330px;gap:18px;display:grid}.pg-visual{min-height:460px}.pg-row-title{justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;display:flex}.pg-row-title h2{color:#e2e8f0;margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem}.pg-tiles{background:#02061761;border:1px dashed #94a3b847;border-radius:18px;flex-wrap:wrap;gap:10px;min-height:72px;padding:12px;display:flex}.pg-tile{color:#0f172a;-webkit-user-select:none;user-select:none;cursor:default;background:linear-gradient(145deg,#f8fafc,#cbd5e1);border-radius:16px;place-items:center;width:54px;height:54px;font-size:25px;font-weight:900;transition:all .25s;display:grid;position:relative;box-shadow:0 10px 20px #00000038}.pg-tile small{color:#475569;font-size:9px;position:absolute;bottom:3px;right:5px}.pg-tile--l{outline:4px solid #facc15;transform:translateY(-7px)scale(1.04);box-shadow:0 16px 28px #facc154d}.pg-tile--l:after{content:"L";color:#000;background:#facc15;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:-24px}.pg-tile--r{outline:4px solid #38bdf8;transform:translateY(-7px)scale(1.04);box-shadow:0 16px 28px #38bdf84d}.pg-tile--r:after{content:"R";color:#000;background:#38bdf8;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;bottom:-24px}.pg-tile--l.pg-tile--r{outline:4px solid #a855f7;transform:translateY(-7px)scale(1.04);box-shadow:0 16px 28px #a855f74d}.pg-tile--l.pg-tile--r:after{content:"L & R";color:#fff;background:#a855f7;position:absolute;top:auto;bottom:-24px}.pg-tile--matched{color:#052e16;background:linear-gradient(145deg,#86efac,#22c55e)}.pg-tile--ignored{color:#94a3b8;opacity:.6;background:linear-gradient(145deg,#64748b,#334155)}.pg-tile--wrong{color:#450a0a;background:linear-gradient(145deg,#fca5a5,#ef4444);animation:.35s pg-shake}@keyframes pg-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pg-message{color:#e2e8f0;background:#1e293bd1;border:1px solid #94a3b83d;border-radius:18px;min-height:64px;margin:16px 0;padding:16px;font-size:.98rem;line-height:1.55}.pg-message b{color:#fde68a}.pg-score-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.pg-score{text-align:center;background:#02061780;border:1px solid #94a3b82e;border-radius:18px;padding:14px}.pg-score span{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.pg-score strong{color:#f8fafc;font-family:Space Grotesk,sans-serif;font-size:26px}.pg-quiz{background:#3b82f61a;border:1px solid #60a5fa40;border-radius:18px;margin-top:14px;padding:15px}.pg-quiz h3{color:#93c5fd;margin:0 0 10px;font-size:1rem}.pg-choices{gap:8px;display:grid}.pg-choice{text-align:left;box-shadow:none;background:#0f172ae0;border:1px solid #94a3b833;border-radius:12px;width:100%;padding:11px 16px;font-weight:600;transition:background .2s,border-color .2s}.pg-choice:hover:not(:disabled){background:#2563eb40;border-color:#60a5fa66;transform:none}.pg-choice--correct{background:#16a34ad9!important;border-color:#22c55e!important}.pg-choice--incorrect{background:#dc2626d9!important;border-color:#ef4444!important}.pg-result{text-align:center;border-radius:20px;margin-top:16px;padding:18px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:900;animation:.4s cubic-bezier(.34,1.56,.64,1) pg-pop}.pg-result--win{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.pg-result--lose{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}@keyframes pg-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.pg-code-panel{align-self:start;position:sticky;top:80px}.pg-code-panel h2{color:#e2e8f0;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1rem}.pg-pre{color:#c4b5fd;background:#020617b8;border:1px solid #94a3b829;border-radius:18px;margin:0;padding:16px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow:auto}.pg-line{white-space:pre;border-radius:8px;padding:1px 8px;transition:background .2s;display:block}.pg-line--on{color:#fef3c7;background:#facc1529}@media (width<=850px){.pg-hero,.pg-board{grid-template-columns:1fr}.pg-tile{width:46px;height:46px;font-size:21px}.pg-code-panel{position:static}}.sp-root{max-width:1120px;margin:0 auto;padding:24px 20px 60px;font-family:Inter,Space Grotesk,system-ui,sans-serif}.sp-hero{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.sp-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ac7;border:1px solid #94a3b838;border-radius:24px;padding:22px;box-shadow:0 24px 70px #00000059}.sp-badge{color:#e9d5ff;background:#a855f724;border:1px solid #a855f759;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.sp-h1{color:#f8fafc;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,5vw,44px);line-height:1}.sp-muted{color:#cbd5e1;font-size:.95rem;line-height:1.55}.sp-controls{gap:12px;display:grid}.sp-label{color:#e2e8f0;margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.sp-input{color:#fff;background:#020617b8;border:1px solid #94a3b859;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:18px;transition:border-color .2s,box-shadow .2s}.sp-input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}.sp-input:disabled{opacity:.5;cursor:not-allowed}.sp-btns{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.sp-btn{cursor:pointer;color:#fff;white-space:nowrap;border:0;border-radius:14px;padding:12px 16px;font-size:.88rem;font-weight:800;transition:transform .15s,opacity .15s,box-shadow .2s}.sp-btn:hover:not(:disabled){transform:translateY(-1px)}.sp-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sp-btn--primary{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 10px 24px #a855f740}.sp-btn--good{background:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 8px 20px #16a34a40}.sp-btn--warn{background:linear-gradient(135deg,#ea580c,#f59e0b);box-shadow:0 8px 20px #ea580c40}.sp-btn--secondary{box-shadow:none;background:#334155e6}.sp-board{grid-template-columns:1fr 330px;gap:18px;display:grid}.sp-visual{flex-direction:column;min-height:460px;display:flex}.sp-row-title{justify-content:space-between;align-items:center;gap:10px;margin:4px 0 10px;display:flex}.sp-row-title h2{color:#e2e8f0;margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem}.sp-terminal{color:#fbbf24;background:#0f172a;border:1px solid #334155;border-radius:12px;flex-direction:column;flex-grow:1;min-height:200px;margin-bottom:16px;padding:16px;font-family:Fira Code,Consolas,monospace;font-size:24px;line-height:1.4;display:flex;box-shadow:inset 0 2px 10px #00000080}.sp-terminal-row{gap:4px;display:flex}.sp-star{text-shadow:0 0 10px #fbbf2499;animation:.3s cubic-bezier(.34,1.56,.64,1) sp-pop;display:inline-block}.sp-star--active{color:#f8fafc;text-shadow:0 0 15px #ffffffe6;transform:scale(1.2)}@keyframes sp-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.sp-vars{gap:16px;margin-bottom:16px;display:flex}.sp-var{color:#e2e8f0;background:#1e293bcc;border:1px solid #94a3b833;border-radius:12px;padding:8px 16px;font-family:Fira Code,monospace;font-size:1.1rem}.sp-var span{color:#a855f7;font-weight:700}.sp-var--active{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.sp-message{color:#e2e8f0;background:#1e293bd1;border:1px solid #94a3b83d;border-radius:18px;min-height:64px;padding:16px;font-size:.98rem;line-height:1.55}.sp-message b{color:#fde68a}.sp-code-panel{align-self:start;position:sticky;top:80px}.sp-code-panel h2{color:#e2e8f0;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1rem}.sp-pre{color:#c4b5fd;background:#020617b8;border:1px solid #94a3b829;border-radius:18px;margin:0;padding:16px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow:auto}.sp-line{white-space:pre;border-radius:8px;padding:1px 8px;transition:background .2s;display:block}.sp-line--on{color:#f3e8ff;background:#a855f733}@media (width<=850px){.sp-hero,.sp-board{grid-template-columns:1fr}.sp-code-panel{position:static}}:root{--col-bg:#050810;--col-surface:#0d1117;--col-surface-2:#161b22;--col-border:#ffffff14;--col-text:#e6edf3;--col-muted:#8b949e;--col-primary:#6366f1;--col-primary-2:#818cf8;--col-accent:#10b981;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease-out:cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth}body{background:var(--col-bg);color:var(--col-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}.college-page{isolation:isolate;min-height:100vh;position:relative}.bg-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.bg-orbs{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute}.orb-1{background:radial-gradient(circle,#6366f1 0%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-150px;left:-150px}.orb-2{background:radial-gradient(circle,#10b981 0%,#0000 70%);width:400px;height:400px;animation-delay:-5s;bottom:10%;right:-100px}.orb-3{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:300px;height:300px;animation-delay:-8s;top:40%;left:50%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-40px)scale(1.1)}}.college-nav{z-index:100;padding:var(--space-md) var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--col-border);background:#050810b3;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.college-nav__logo{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);color:var(--col-text);font-size:1.2rem;text-decoration:none;display:flex}.college-nav__logo strong{color:var(--col-primary-2)}.college-nav__badge{background:linear-gradient(135deg, var(--col-primary), var(--col-accent));color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;margin-left:4px;padding:2px 8px;font-size:.65rem;font-weight:700}.college-nav__links{align-items:center;gap:var(--space-xl);display:flex}.college-nav__link{color:var(--col-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.college-nav__link:hover{color:var(--col-text)}.college-btn{font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);transition:all .25s var(--ease-out);white-space:nowrap;border:none;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:inline-flex}.college-btn--primary{background:linear-gradient(135deg, var(--col-primary) 0%, var(--col-primary-2) 100%);color:#fff;box-shadow:0 4px 24px #6366f166}.college-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f199}.college-btn--ghost{color:var(--col-text);border:1px solid var(--col-border);background:0 0}.college-btn--ghost:hover{background:#ffffff0d;border-color:#fff3}.college-btn--lg{border-radius:var(--radius-lg);padding:14px 32px;font-size:1rem}.college-hero{max-width:900px;padding:var(--space-3xl) var(--space-xl);text-align:center;margin:0 auto}.college-hero__tag{color:var(--col-primary-2);margin-bottom:var(--space-lg);background:#6366f11f;border:1px solid #6366f14d;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.college-hero__title{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:var(--space-lg);color:var(--col-text);font-size:clamp(2.8rem,7vw,5rem);font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--col-primary) 0%, var(--col-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.college-hero__subtitle{color:var(--col-muted);max-width:600px;margin:0 auto var(--space-xl);font-size:1.15rem;line-height:1.7}.college-hero__cta{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.college-stats{justify-content:center;gap:var(--space-2xl);padding:var(--space-xl);border:1px solid var(--col-border);border-radius:var(--radius-xl);background:#ffffff08;flex-wrap:wrap;display:flex}.college-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.college-stat__value{font-family:var(--font-heading);background:linear-gradient(135deg, var(--col-primary-2), var(--col-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.college-stat__label{color:var(--col-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:500}.college-section{padding:var(--space-3xl) var(--space-2xl);max-width:1200px;margin:0 auto}.college-section__title{font-family:var(--font-heading);text-align:center;margin-bottom:var(--space-sm);color:var(--col-text);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.college-section__subtitle{color:var(--col-muted);text-align:center;margin-bottom:var(--space-2xl);font-size:1.05rem}.college-subjects-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.college-subject-card{padding:var(--space-xl);border:1px solid var(--col-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .35s var(--ease-out);background:#ffffff08;position:relative;overflow:hidden}.college-subject-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at 30% 30%, var(--card-color,#6366f1) 0%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.college-subject-card.is-hovered:before{opacity:.08}.college-subject-card.is-hovered{box-shadow:0 20px 60px #0006, 0 0 40px color-mix(in srgb, var(--card-color,#6366f1) 15%, transparent);border-color:#ffffff26;transform:translateY(-6px)}.college-subject-card.is-soon{opacity:.6;cursor:default}.college-subject-card__soon{top:var(--space-md);right:var(--space-md);color:var(--col-muted);letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff26;border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:600;position:absolute}.college-subject-card__emoji{margin-bottom:var(--space-md);font-size:2.5rem;display:block}.college-subject-card__name{font-family:var(--font-heading);color:var(--col-text);margin-bottom:var(--space-xs);font-size:1.2rem;font-weight:700}.college-subject-card__desc{color:var(--col-muted);margin-bottom:var(--space-lg);font-size:.9rem;line-height:1.5}.college-subject-card__btn{color:var(--col-text);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;padding:8px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.college-subject-card__btn:hover{background:#ffffff1f;border-color:#fff3}.college-about{padding:var(--space-3xl) var(--space-2xl);border-top:1px solid var(--col-border);border-bottom:1px solid var(--col-border);background:#ffffff05}.college-about__inner{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;max-width:1100px;margin:0 auto;display:grid}.college-about__text h2{font-family:var(--font-heading);margin-bottom:var(--space-lg);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.2}.college-about__text p{color:var(--col-muted);margin-bottom:var(--space-lg);font-size:1rem;line-height:1.8}.college-features{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.college-features li{color:var(--col-text);align-items:center;gap:var(--space-sm);font-size:.95rem;display:flex}.college-mockup{border:1px solid var(--col-border);border-radius:var(--radius-xl);background:#ffffff0a;overflow:hidden;box-shadow:0 40px 80px #00000080}.college-mockup__bar{border-bottom:1px solid var(--col-border);background:#ffffff08;gap:6px;padding:12px 16px;display:flex}.college-mockup__bar span{background:#fff3;border-radius:50%;width:10px;height:10px}.college-mockup__bar span:first-child{background:#ff5f56}.college-mockup__bar span:nth-child(2){background:#ffbd2e}.college-mockup__bar span:nth-child(3){background:#27c93f}.college-mockup__content{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.college-mockup__pill{color:var(--col-primary-2);background:linear-gradient(135deg,#6366f133,#10b98126);border:1px solid #6366f14d;border-radius:100px;width:fit-content;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-block}.college-mockup__progress{flex-direction:column;gap:6px;display:flex}.college-mockup__label{color:var(--col-muted);font-size:.85rem;font-weight:500}.college-mockup__bar-fill{background:#ffffff0f;border-radius:100px;height:8px;overflow:hidden}.college-mockup__bar-fill div{background:linear-gradient(90deg, var(--col-primary), var(--col-accent));height:100%;transition:width 1s var(--ease-out);border-radius:100px}.college-mockup__score{font-family:var(--font-heading);color:var(--col-text);font-size:1.1rem;font-weight:700}.college-footer{text-align:center;padding:var(--space-2xl);color:var(--col-muted);gap:var(--space-sm);flex-direction:column;font-size:.9rem;display:flex}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:fadeSlideUp .7s var(--ease-out) forwards}.animate-up-2{animation-delay:.1s;animation-fill-mode:both}.animate-up-3{animation-delay:.2s;animation-fill-mode:both}.animate-up-4{animation-delay:.3s;animation-fill-mode:both}.animate-up-5{animation-delay:.45s;animation-fill-mode:both}@media (width<=768px){.college-nav{padding:var(--space-md) var(--space-lg)}.college-nav__links{gap:var(--space-md)}.college-nav__link{display:none}.college-hero{padding:var(--space-2xl) var(--space-lg)}.college-stats{gap:var(--space-lg)}.college-section{padding:var(--space-2xl) var(--space-lg)}.college-about__inner{gap:var(--space-2xl);grid-template-columns:1fr}}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--dsa-hue:251;--sys-hue:188;--ease:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--maxw:1320px;--sidebar-w:248px;--topbar-h:60px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090a;--bg-grid:#ffffff06;--surface-1:#0e0f12;--surface-2:#15161a;--surface-3:#1c1e24;--surface-inset:#0a0b0d;--border:#ffffff14;--border-strong:#ffffff26;--border-accent:#7c6df073;--text:#ededef;--text-muted:#9295a0;--text-faint:#5f626b;--accent:#7c6cf0;--accent-hover:#8b7cf5;--accent-fg:#fff;--accent-soft:#7c6df029;--accent-glow:#7c6df059;--dsa:hsl(var(--dsa-hue) 84% 70%);--dsa-soft:hsl(var(--dsa-hue) 84% 70% / .15);--sys:hsl(var(--sys-hue) 78% 58%);--sys-soft:hsl(var(--sys-hue) 78% 58% / .15);--success:#3fb36f;--success-soft:#3fb36f29;--warning:#e2a93b;--warning-soft:#e2a93b29;--danger:#f0575c;--danger-soft:#f0575c29;--gold:#f0c14b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 30px #00000073;--shadow-lg:0 24px 60px #0000008c;--shadow-pop:0 16px 50px #0009, 0 0 0 1px var(--border);--easy:#3fb36f;--medium:#e2a93b;--hard:#f0575c}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fcfcfd;--bg-grid:#00000006;--surface-1:#fff;--surface-2:#f6f6f8;--surface-3:#eeeef1;--surface-inset:#f3f3f6;--border:#00000017;--border-strong:#00000029;--border-accent:#5b4fe066;--text:#15161a;--text-muted:#5e616b;--text-faint:#8b8e98;--accent:#5b4fe0;--accent-hover:#4e42d6;--accent-fg:#fff;--accent-soft:#5b4fe01a;--accent-glow:#5b4fe040;--dsa:hsl(var(--dsa-hue) 70% 54%);--dsa-soft:hsl(var(--dsa-hue) 70% 54% / .1);--sys:hsl(var(--sys-hue) 72% 40%);--sys-soft:hsl(var(--sys-hue) 72% 40% / .1);--success:#2c9e5e;--success-soft:#2c9e5e1f;--warning:#c7891f;--warning-soft:#c7891f1f;--danger:#e0383d;--danger-soft:#e0383d1a;--gold:#d99b15;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 10px 30px #0f121e14;--shadow-lg:0 24px 60px #0f121e1f;--shadow-pop:0 16px 50px #0f121e24, 0 0 0 1px var(--border);--easy:#2c9e5e;--medium:#c7891f;--hard:#e0383d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .3s var(--ease-soft), color .3s var(--ease-soft);font-size:15px;line-height:1.55;overflow-x:clip}::selection{background:var(--accent-soft);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}code,pre,.mono{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.logo{align-items:center;gap:8px;display:inline-flex}.logo__mark{letter-spacing:-.01em;white-space:nowrap;font-size:1.06rem;font-weight:700}.logo__en{color:var(--text)}.logo__hi{color:var(--accent);font-family:"Tiro Devanagari Hindi", var(--font-sans)}.logo__tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);border:1px solid var(--border-accent);padding:2px 7px;font-size:.62rem;font-weight:700}.avatar{border-radius:var(--r-pill);color:#fff;letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.app{grid-template-columns:var(--sidebar-w) 1fr;background:radial-gradient(1200px 600px at 80% -10%, var(--accent-soft), transparent 60%), var(--bg);min-height:100vh;display:grid}.app:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);background-size:44px 44px;position:fixed;inset:0}.sidebar{z-index:30;gap:var(--s-2);height:100vh;padding:var(--s-5) var(--s-4);border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;display:flex;position:sticky;top:0}.sidebar__brand{padding:4px 8px var(--s-4);align-items:center;display:flex}.nav{flex-direction:column;gap:2px;display:flex}.nav__label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);padding:var(--s-4) 12px var(--s-2);font-size:.68rem;font-weight:700}.nav__item{border-radius:var(--r-sm);color:var(--text-muted);align-items:center;gap:11px;padding:9px 12px;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:flex}.nav__item:hover{background:var(--surface-2);color:var(--text)}.nav__item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav__item.active svg{color:var(--accent)}.sidebar__spacer{flex:1}.sidebar__upgrade{padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);transition:border-color .2s,transform .2s;display:block;position:relative;overflow:hidden}.sidebar__upgrade:hover{border-color:var(--border-accent);transform:translateY(-1px)}.sidebar__upgrade-glow{background:radial-gradient(circle, var(--accent-glow), transparent 70%);opacity:.7;height:120px;position:absolute;inset:-40% 30% auto -10%}.sidebar__upgrade-top{color:var(--accent);align-items:center;gap:7px;display:flex;position:relative}.sidebar__upgrade-top strong{font-size:.92rem}.sidebar__upgrade p{color:var(--text-muted);margin:6px 0 10px;font-size:.76rem;line-height:1.45;position:relative}.sidebar__upgrade-cta{color:var(--text);align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:inline-flex;position:relative}.sidebar__user{border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px;display:flex}.sidebar__user:hover{background:var(--surface-2);border-color:var(--border)}.sidebar__user-meta{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar__user-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.sidebar__user-meta span{color:var(--text-muted);font-size:.72rem}.sidebar__user svg{color:var(--text-faint)}.main{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.topbar{z-index:20;height:var(--topbar-h);align-items:center;gap:var(--s-4);padding:0 var(--s-6);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;position:sticky;top:0}.topbar__burger{display:none}.topbar__search{cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);min-width:220px;max-width:320px;height:36px;color:var(--text-faint);flex:1;align-items:center;gap:9px;padding:0 12px;font-size:.85rem;transition:border-color .15s;display:flex}.topbar__search:hover{border-color:var(--border-strong)}.topbar__search span{text-align:left;flex:1}.topbar__right{align-items:center;gap:var(--s-3);margin-left:auto;display:flex}.topbar__avatar{cursor:pointer;border-radius:var(--r-pill);background:0 0;border:none;padding:0}.kbd{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);background:var(--surface-1);border-radius:5px;padding:1px 6px;font-size:.72rem}.chip{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);height:30px;color:var(--text);align-items:center;gap:5px;padding:0 11px;font-size:.82rem;font-weight:600;display:inline-flex}.chip strong{font-weight:700}.chip--streak,.chip--streak svg{color:#f0883e}.chip--xp svg{color:var(--gold)}.chip__lvl{color:var(--text-muted);background:var(--surface-3);border-radius:4px;padding:1px 5px;font-size:.66rem}.content{padding:var(--s-8) var(--s-8) var(--s-16);width:100%;max-width:var(--maxw);flex:1;margin:0 auto}.scrim,.botnav{display:none}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid var(--border);background:var(--surface-2);height:38px;color:var(--text);transition:transform .12s var(--ease), background .15s, border-color .15s, box-shadow .15s;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:.88rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 1px 0 #ffffff2e inset, 0 6px 20px var(--accent-glow);border-color:#0000}.btn--primary:hover{background:var(--accent-hover);border-color:#0000}.btn--ghost{background:0 0}.btn--ghost:hover{background:var(--surface-2)}.btn--subtle{background:var(--accent-soft);color:var(--accent);border-color:#0000}.btn--subtle:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.btn--danger{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.btn--sm{height:32px;padding:0 12px;font-size:.82rem}.btn--lg{border-radius:var(--r-md);height:46px;padding:0 24px;font-size:.96rem}.btn--block{width:100%}.btn--icon{width:38px;padding:0}.btn--icon.btn--sm{width:32px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card--pad{padding:var(--s-6)}.card--hover{transition:transform .18s var(--ease), border-color .18s, box-shadow .18s;cursor:pointer}.card--hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.pill{border-radius:var(--r-pill);height:26px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:6px;padding:0 11px;font-size:.76rem;font-weight:600;display:inline-flex}.tag{color:var(--text-muted);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.diff{border-radius:var(--r-pill);letter-spacing:.02em;padding:3px 9px;font-size:.7rem;font-weight:700}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.seg{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);gap:2px;padding:3px;display:inline-flex}.seg__item{height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 13px;font-size:.83rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.seg__item:hover{color:var(--text)}.seg__item.active{background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-sm)}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--text-muted);font-size:.8rem;font-weight:600}.input{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);height:40px;color:var(--text);width:100%;padding:0 13px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input::placeholder{color:var(--text-faint)}.input.mono{font-family:var(--font-mono);letter-spacing:.04em}.progress{background:var(--surface-3);border-radius:var(--r-pill);width:100%;overflow:hidden}.progress__bar{border-radius:var(--r-pill);height:100%;transition:width .6s var(--ease)}.ring{place-items:center;display:inline-grid;position:relative}.ring__svg{transform:rotate(-90deg)}.ring__bar{transition:stroke-dashoffset .7s var(--ease)}.ring__inner{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.stat{flex-direction:column;gap:3px;display:flex}.stat__value{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1}.stat__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.74rem;font-weight:600}.sectionhead{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.sectionhead__title{letter-spacing:-.01em;font-size:1.18rem;font-weight:700}.sectionhead__sub{color:var(--text-muted);margin-top:3px;font-size:.88rem}.sectionhead__action{flex-shrink:0}.page-head{margin-bottom:var(--s-6)}.page-head h1{letter-spacing:-.02em;font-size:1.7rem;font-weight:700}.page-head p{color:var(--text-muted);margin-top:6px;font-size:.95rem}.crumbs{color:var(--text-muted);margin-bottom:var(--s-4);align-items:center;gap:7px;font-size:.84rem;display:flex}.crumbs a:hover{color:var(--text)}.crumbs svg{color:var(--text-faint)}.trackbadge{border-radius:var(--r-pill);letter-spacing:.02em;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.trackbadge--dsa{color:var(--dsa);background:var(--dsa-soft)}.trackbadge--sys{color:var(--sys);background:var(--sys-soft)}.divider{background:var(--border);height:1px;margin:var(--s-6) 0;border:none}.done-ico{color:var(--success)}.grid{gap:var(--s-5);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.theme-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.theme-toggle__track{border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border);width:46px;height:28px;transition:background .2s;position:relative}.theme-toggle__thumb{background:var(--surface-1);width:22px;height:22px;color:var(--accent);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;left:2px}:root[data-theme=light] .theme-toggle__thumb{transform:translate(18px)}.theme-toggle--compact .theme-toggle__track{border-radius:var(--r-sm);width:30px;height:30px}.theme-toggle--compact .theme-toggle__thumb{width:100%;height:100%;box-shadow:none;background:0 0;border:none;position:static;transform:none}.theme-toggle--compact:hover{color:var(--text)}.theme-toggle--compact .theme-toggle__track:hover{background:var(--surface-3)}@media (width<=1080px){.content{padding:var(--s-6) var(--s-5) calc(var(--s-16) + 56px)}.grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=880px){.app{grid-template-columns:1fr}.sidebar{width:280px;max-width:84vw;transition:transform .25s var(--ease);background:var(--surface-1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.is-open{box-shadow:var(--shadow-lg);transform:translate(0)}.scrim{z-index:25;opacity:0;pointer-events:none;background:#00000080;transition:opacity .2s;display:block;position:fixed;inset:0}.scrim.is-open{opacity:1;pointer-events:auto}.topbar__burger{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);width:38px;height:38px;color:var(--text);cursor:pointer;place-items:center;display:inline-grid}.topbar__search{min-width:0}.topbar__search span,.topbar__search .kbd,.chip--xp .chip__lvl{display:none}.grid--2,.grid--3{grid-template-columns:1fr}.botnav{z-index:22;background:color-mix(in srgb, var(--surface-1) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.botnav__item{color:var(--text-muted);border-radius:var(--r-sm);flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;font-size:.66rem;font-weight:600;display:flex}.botnav__item.active{color:var(--accent)}}@media (width<=560px){.content{padding:var(--s-5) var(--s-4) calc(var(--s-16) + 56px)}.page-head h1{font-size:1.4rem}.sectionhead{flex-direction:column;align-items:flex-start}}