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