@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-600.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-700.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2)format("woff2")}:root{--brand-charcoal:#342e37;--brand-red:#ee4036;--brand-cyan:#00b4c5;--brand-blue:#293c8d;--brand-green:#95b43d;--brand-orange:#f17f21;--brand-yellow:#fec01a;--bg:#fff;--surface:#f6f7f9;--surface-2:#eceef2;--line:#e2e4ea;--ink:#342e37;--muted:#6b6770;--faint:#8e8a94;--charcoal:var(--brand-charcoal);--editor-bg:#15171c;--editor-chrome:#1e2027;--code-text:#c7cbe0;--skill-cyan:var(--brand-cyan);--skill-blue:var(--brand-blue);--skill-green:var(--brand-green);--skill-orange:var(--brand-orange);--skill-yellow:var(--brand-yellow);--skill-red:var(--brand-red);--action:var(--ink);--on-action:var(--bg);--pass-fill:var(--brand-green);--hint-fill:var(--brand-orange);--focus:var(--brand-red);--brand-red-ink:#d8362c;--pass:#4e7a1e;--fail:#c2362c;--hint:#a85a0d;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:48px;--s10:64px;--s11:80px;--s12:96px;--r-btn:10px;--r-card:13px;--r-panel:16px;--r-pill:999px;--shadow-1:0 1px 2px #14141e0f;--shadow-2:0 8px 24px #14141e14;--dur-micro:.12s;--dur-std:.2s;--dur-enter:.32s;--ease-std:cubic-bezier(.2, .7, .2, 1)}[data-theme=dark]{--brand-red:#ff5240;--brand-cyan:#1fc6d6;--brand-blue:#5a74d6;--brand-green:#a9cf55;--brand-orange:#ff9a40;--brand-yellow:#ffcb3d;--bg:#15161b;--surface:#1d1f26;--surface-2:#262932;--line:#2e313b;--ink:#ecedf2;--muted:#a6a4ae;--faint:#74727c;--editor-bg:#0e1018;--editor-chrome:#181b22;--code-text:#c7cbe0;--brand-red-ink:#ff6b5a;--pass:#b6d86a;--fail:#ff6b5e;--hint:#f59a3c;--shadow-1:0 0 0 1px #ffffff08;--shadow-2:0 8px 30px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-red:#ff5240;--brand-cyan:#1fc6d6;--brand-blue:#5a74d6;--brand-green:#a9cf55;--brand-orange:#ff9a40;--brand-yellow:#ffcb3d;--bg:#15161b;--surface:#1d1f26;--surface-2:#262932;--line:#2e313b;--ink:#ecedf2;--muted:#a6a4ae;--faint:#74727c;--editor-bg:#0e1018;--editor-chrome:#181b22;--brand-red-ink:#ff6b5a;--pass:#b6d86a;--fail:#ff6b5e;--hint:#f59a3c;--shadow-1:0 0 0 1px #ffffff08;--shadow-2:0 8px 30px #00000073}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--dur-std) var(--ease-std), color var(--dur-std) var(--ease-std);margin:0;font-size:.9375rem;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font-family:inherit}h1,h2,h3,h4,p{margin:0}svg{display:block}::selection{background:var(--brand-red);color:#fff}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.skip-link{z-index:100;background:var(--ink);color:var(--bg);border-radius:0 0 8px;padding:10px 16px;font-size:.875rem;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}[hidden]{display:none!important}.eyebrow{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--brand-red-ink);margin:0;font-size:.7rem;font-weight:600}.eyebrow--muted{color:var(--muted)}.h1{letter-spacing:-.025em;margin:0;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.08}.h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700}.h3{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.h3--sm{font-size:1.05rem}.lede{color:var(--muted);max-width:60ch;margin:0;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.6}.mono{font-family:var(--font-mono)}.text-muted{color:var(--muted)}.text-faint{color:var(--faint)}.measure{max-width:64ch}.btn{font:600 .95rem var(--font-sans);border-radius:var(--r-btn);cursor:pointer;transition:background var(--dur-std) var(--ease-std), border-color var(--dur-std) var(--ease-std);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;display:inline-flex}.btn--primary{background:var(--action);color:var(--on-action)}.btn--primary:hover{background:color-mix(in srgb, var(--action) 86%, var(--muted))}.btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn--ghost:hover{background:var(--surface)}.btn--light{color:#15161b;background:#fff}.btn--light:hover{background:#e7e5e9}.btn--sm{padding:9px 16px;font-size:.875rem}.btn--lg{padding:15px 28px;font-size:1rem}.btn--block{width:100%}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.55;cursor:not-allowed}.textlink{cursor:pointer;color:var(--brand-red-ink);font:600 .9rem var(--font-sans);background:0 0;border:none;align-items:center;gap:5px;padding:0;text-decoration:none;display:inline-flex}.textlink:hover{text-decoration:underline}.textlink--sm{font-size:.8rem}.textlink--muted{color:var(--muted)}.textlink--muted:hover{color:var(--ink)}.textlink svg{width:15px;height:15px}.backlink{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:6px;padding:2px 0;font-size:.72rem;text-decoration:none;display:inline-flex}.backlink:hover{color:var(--ink)}.backlink svg{width:13px;height:13px}.wordmark{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-size:1.2rem;font-weight:700;line-height:1;text-decoration:none;display:inline-block}.wordmark__o{box-sizing:border-box;border:.17em solid var(--brand-red);vertical-align:baseline;border-radius:50%;width:.55em;height:.55em;margin:0 .02em;display:inline-block;position:relative;top:.012em}.wordmark--sm{font-size:1.02rem}.pill{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:.66rem;font-weight:600;display:inline-flex}.pill--live{border-color:color-mix(in srgb, var(--brand-green) 40%, transparent);color:var(--pass);background:color-mix(in srgb, var(--brand-green) 14%, transparent)}.tag-live{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--pass);background:color-mix(in srgb, var(--brand-green) 16%, transparent);border-radius:6px;padding:3px 7px;font-size:.58rem}.tag-coming{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 7px;font-size:.58rem}.tag-track{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.62rem}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot--cyan{background:var(--skill-cyan)}.dot--blue{background:var(--skill-blue)}.dot--green{background:var(--skill-green)}.dot--orange{background:var(--skill-orange)}.dot--red{background:var(--brand-red)}.streak{font-family:var(--font-mono);color:var(--hint);background:color-mix(in srgb, var(--hint-fill) 13%, transparent);border:1px solid color-mix(in srgb, var(--hint-fill) 30%, transparent);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:.8rem;font-weight:600;display:inline-flex}.streak svg{width:14px;height:14px;color:var(--hint-fill)}.account{position:relative}.account__btn{cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;font-size:.88rem;font-weight:600;display:inline-flex}.account__btn:hover{background:var(--surface)}.account__avatar{background:var(--skill-cyan);color:#04222a;width:28px;height:28px;font-size:.82rem;font-weight:700;font-family:var(--font-sans);border-radius:50%;flex:none;place-items:center;display:grid}.account__chev{width:15px;height:15px;color:var(--muted)}.account__menu{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);width:248px;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transition:opacity var(--dur-micro) var(--ease-std), transform var(--dur-micro) var(--ease-std);padding:6px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.account[data-open=true] .account__menu{opacity:1;pointer-events:auto;transform:none}.account__id{padding:10px 12px 12px}.account__name{font-size:.92rem;font-weight:600}.account__email{font-family:var(--font-mono);color:var(--muted);margin-top:2px;font-size:.72rem}.account__sep{background:var(--line);height:1px;margin:4px 0}.account__item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;text-decoration:none;display:flex}.account__item:hover{background:var(--surface-2)}.account__item svg{width:16px;height:16px;color:var(--muted)}.account__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:10px 12px 6px;font-size:.62rem;display:block}.seg{background:var(--surface-2);border-radius:9px;gap:2px;margin:0 12px 8px;padding:3px;display:flex}.seg__btn{cursor:pointer;font:600 .76rem var(--font-sans);color:var(--muted);background:0 0;border:none;border-radius:7px;flex:1;padding:7px 4px}.seg__btn[aria-pressed=true]{background:var(--bg);color:var(--ink);box-shadow:var(--shadow-1)}.skillcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1);color:inherit;max-width:520px;transition:border-color var(--dur-std) var(--ease-std);padding:24px;text-decoration:none;display:block}.skillcard:hover{border-color:color-mix(in srgb, var(--skill-cyan) 45%, var(--line))}.skillcard__head{align-items:center;gap:11px;display:flex}.skillcard__node{border-radius:50%;flex:none;width:12px;height:12px}.skillcard__name{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.skillcard__desc{color:var(--muted);margin:10px 0 0;font-size:.92rem}.skillcard__foot{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.bar{background:var(--surface-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.bar__fill{background:var(--pass-fill);border-radius:999px;height:100%}.bar-row{align-items:center;gap:12px;display:flex}.bar-row .mono{color:var(--muted);white-space:nowrap;font-size:.74rem}.primer{background:var(--surface-2);border-radius:var(--r-btn);align-items:flex-start;gap:13px;padding:14px 16px;display:flex}.primer__eye{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brand-red-ink);flex:none;padding-top:2px;font-size:.64rem;font-weight:600}.primer__body{color:var(--ink);font-size:.9rem;line-height:1.55}.schema{flex-wrap:wrap;gap:18px;display:flex}.schema__table{border:1px solid var(--line);background:var(--bg);border-radius:9px;min-width:150px;overflow:hidden}.schema__name{font-family:var(--font-mono);color:var(--ink);background:var(--surface-2);border-bottom:1px solid var(--line);padding:8px 12px;font-size:.72rem;font-weight:600}.schema__col{font-family:var(--font-mono);color:var(--muted);justify-content:space-between;gap:18px;padding:6px 12px;font-size:.74rem;display:flex}.schema__col+.schema__col{border-top:1px solid var(--line)}.schema__type{color:var(--faint)}.disclosure{cursor:pointer;list-style:none}.disclosure::-webkit-details-marker{display:none}.disclosure__row{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:7px;padding:2px 0;font-size:.72rem;display:flex}.disclosure__row svg{width:13px;height:13px;transition:transform var(--dur-micro) var(--ease-std)}details[open] .disclosure__row svg{transform:rotate(90deg)}.restable{border-collapse:collapse;font-family:var(--font-mono);min-width:120px;font-size:.74rem}.restable th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:5px 12px;font-weight:600}.restable td{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);color:var(--ink);padding:5px 12px}.restable tr:last-child td{border-bottom:none}.editor{--action:#ecedf2;--on-action:#15171c;background:var(--editor-bg);border-radius:var(--r-card);box-shadow:var(--shadow-2);border:1px solid #ffffff14;overflow:hidden}.editor__chrome{background:var(--editor-chrome);border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;padding:11px 14px;display:flex}.editor__light{border-radius:50%;flex:none;width:11px;height:11px}.editor__file{font-family:var(--font-mono);color:#8b90ab;margin-left:10px;font-size:.7rem}.editor__engine{font-family:var(--font-mono);color:#5b6078;margin-left:auto;font-size:.66rem}.editor__code{font-family:var(--font-mono);color:var(--code-text);white-space:pre;margin:0;padding:18px;font-size:.84rem;line-height:1.75;overflow-x:auto}.editor__code--edit{caret-color:#fff;outline:none}.editor__footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:13px;padding:13px 14px;display:flex}.editor__run{font:600 .88rem var(--font-sans);background:var(--action);color:var(--on-action);cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;padding:11px 18px;display:inline-flex}.editor__run:hover{background:#fff}.editor__run:disabled{opacity:.5;cursor:not-allowed}.editor__run svg{width:14px;height:14px}.editor__spacer{margin-left:auto}.editor__textbtn{cursor:pointer;font:600 .82rem var(--font-sans);color:#9ba0bc;background:0 0;border:none;align-items:center;gap:6px;padding:6px 4px;display:inline-flex}.editor__textbtn:hover{color:#fff}.editor__textbtn--solve{color:#ff8e80}.editor__textbtn--solve:hover{color:#ffb0a6}.editor__textbtn svg{width:14px;height:14px}.editor__running{color:#a6a4ae;font-size:.78rem;font-family:var(--font-mono);align-items:center;gap:9px;display:inline-flex}.editor__running .pulse{background:var(--brand-red);width:9px;height:9px;animation:pspulse 1s var(--ease-std) infinite;border-radius:50%;flex:none}.editor__kbd{font-family:var(--font-mono);color:#5b6078;margin-left:auto;font-size:.66rem}.tk-comment{color:#6a6f85}.tk-keyword{color:#ff8a6a}.tk-fn{color:#39c7d8}.result{animation:psreveal .25s var(--ease-std);margin-top:16px}.result__head{font-family:var(--font-mono);align-items:center;gap:9px;font-size:.82rem;font-weight:600;display:flex}.result__head svg{flex:none;width:16px;height:16px}.result--pass{background:color-mix(in srgb, var(--pass-fill) 14%, transparent);border:1px solid color-mix(in srgb, var(--pass-fill) 42%, transparent);border-radius:var(--r-btn);padding:14px 16px}.result--pass .result__head{color:var(--pass)}.result--fail{background:color-mix(in srgb, var(--fail) 11%, transparent);border:1px solid color-mix(in srgb, var(--fail) 34%, transparent);border-left:3px solid var(--fail);border-radius:0 var(--r-btn) var(--r-btn) 0;padding:14px 16px}.result--fail .result__head{color:var(--fail)}.result--error{background:color-mix(in srgb, var(--fail) 11%, transparent);border:1px solid color-mix(in srgb, var(--fail) 34%, transparent);border-left:3px solid var(--fail);border-radius:0 var(--r-btn) var(--r-btn) 0;padding:14px 16px}.result--error .result__head{color:var(--fail)}.result__why{color:var(--ink);max-width:60ch;margin:10px 0 0;font-size:.88rem;line-height:1.55}.result__why b{color:var(--fail)}.result__diff{flex-wrap:wrap;gap:22px;margin-top:14px;display:flex}.result__diffcol{flex-direction:column;gap:6px;display:flex}.result__difflabel{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.64rem}.result__rows{margin-top:12px}.result__errmsg{font-family:var(--font-mono);color:var(--fail);background:color-mix(in srgb, var(--fail) 8%, transparent);white-space:pre-wrap;border-radius:8px;margin:10px 0 0;padding:10px 12px;font-size:.76rem;line-height:1.6}.result__foot{flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;display:flex}.solution{background:var(--editor-bg);border-radius:var(--r-card);animation:psreveal .25s var(--ease-std);border:1px solid #ffffff14;margin-top:16px;overflow:hidden}.solution__bar{background:var(--editor-chrome);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.solution__label{font-family:var(--font-mono);color:#8b90ab;font-size:.68rem}.solution__note{font-family:var(--font-mono);color:#5b6078;font-size:.66rem}.solution__code{font-family:var(--font-mono);color:var(--code-text);white-space:pre;margin:0;padding:16px 18px;font-size:.82rem;line-height:1.7;overflow-x:auto}.hint{background:color-mix(in srgb, var(--hint-fill) 12%, transparent);border:1px solid color-mix(in srgb, var(--hint-fill) 30%, transparent);border-radius:var(--r-btn);animation:psreveal .2s var(--ease-std);padding:13px 16px}.hint__head{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--hint);align-items:center;gap:8px;font-size:.64rem;font-weight:600;display:flex}.hint__head svg{width:14px;height:14px}.hint__body{color:var(--ink);margin:7px 0 0;font-size:.9rem;line-height:1.55}.hint__foot{justify-content:flex-end;margin-top:10px;display:flex}.toast-wrap{z-index:80;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);box-shadow:var(--shadow-2);animation:psslidein var(--dur-enter) var(--ease-std);align-items:center;gap:10px;max-width:300px;padding:12px 15px;font-size:.86rem;font-weight:500;display:flex}.toast svg{flex:none;width:17px;height:17px}.toast--streak svg{color:var(--hint-fill)}.toast__count{font-family:var(--font-mono);color:var(--hint);font-weight:600}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--r-panel);background:linear-gradient(var(--surface), var(--bg));padding:clamp(40px,8vw,72px) 20px}.empty__eye{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-size:.66rem}.empty__line{color:var(--ink);margin:12px 0 0;font-size:1.05rem;font-weight:500}.empty__sub{color:var(--muted);max-width:42ch;margin:6px auto 0;font-size:.92rem}.empty__cta{margin-top:22px}.node{border:2px solid var(--line);background:var(--bg);border-radius:50%;flex:none;width:13px;height:13px}.node--done{background:var(--pass-fill);border-color:var(--pass-fill)}.node--active{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 12%, transparent)}.node--locked{border-color:var(--faint);background:0 0}.node--cyan{background:var(--skill-cyan);border-color:var(--skill-cyan)}.statebar{z-index:90;background:var(--charcoal);max-width:94vw;box-shadow:var(--shadow-2);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:6px 8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.statebar__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#8e8a94;padding:0 8px;font-size:.6rem}.statebar__btn{cursor:pointer;font:600 .74rem var(--font-sans);color:#c9c6d2;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:6px 12px}.statebar__btn:hover{background:#ffffff14}.statebar__btn[aria-pressed=true]{color:#15161b;background:#ecedf2}.signin{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 0) 0 0 / 26px 26px, var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.signin__card{text-align:center;width:100%;max-width:400px}.signin .wordmark{font-size:2rem}.signin__tagline{color:var(--ink);margin:22px 0 0;font-size:1.05rem}.signin__btn{width:100%;margin:30px 0 0}.signin__btn svg{width:18px;height:18px}.signin__beta{font-family:var(--font-mono);color:var(--muted);margin:18px 0 0;font-size:.74rem}.signin__legal{color:var(--muted);margin:26px 0 0;font-size:.8rem;line-height:1.5}.signin__legal a{color:var(--brand-red-ink);text-decoration:none}.signin__legal a:hover{text-decoration:underline}@keyframes pspulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes psreveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes psslidein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes psfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.appbar{z-index:40;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.appbar__inner{align-items:center;gap:16px;max-width:1180px;height:60px;margin:0 auto;padding:0 clamp(20px,5vw,40px);display:flex}.appbar__home{align-items:center;line-height:1;display:inline-flex}.appbar__home.wordmark{transform:translateY(-.06em)}.appbar__right{align-items:center;gap:14px;margin-left:auto;display:flex}.appbar__name{font-size:.9rem}.pathloc{max-width:1180px;font-family:var(--font-mono);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto;padding:11px clamp(20px,5vw,40px);font-size:.74rem;display:flex}.pathloc__dot{margin-right:1px}.pathloc__seg{color:var(--muted);text-decoration:none}a.pathloc__seg:hover{color:var(--ink);text-decoration:underline}.pathloc__sep{color:var(--faint)}.pathloc__seg--here{color:var(--skill-cyan);font-weight:600}.page{max-width:1180px;margin:0 auto;padding:clamp(26px,5vw,44px) clamp(20px,5vw,40px) 112px}.page__head{margin-bottom:clamp(20px,4vw,30px)}.page__head .eyebrow{margin-bottom:12px}.conlabel{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:7px;margin:0 0 9px;font-size:.68rem;display:flex}.conlabel:before{content:"//";color:var(--faint)}.cat-intro{font-family:var(--font-mono);color:var(--muted);max-width:54ch;margin:12px 0 0;font-size:.82rem}.cat-intro b{color:var(--ink);font-weight:600}.minipath{align-items:center;margin:20px 0 2px;display:flex}.minipath__link{background:var(--line);flex:auto;min-width:10px;height:2px}.minipath__link--done{background:var(--skill-cyan)}.minipath__cap{font-family:var(--font-mono);color:var(--muted);margin:10px 0 0;font-size:.7rem}.skillcard__foot .mono{color:var(--muted);font-size:.74rem}.more{max-width:520px;margin-top:34px}.more__line{color:var(--muted);font-size:.92rem}.more__skills{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.more__skill{font-family:var(--font-mono);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.74rem;display:inline-flex}.pathwrap{max-width:860px;margin:0 auto}.path-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 28px;display:flex}.path-head__main{min-width:0}.path-title{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.path-title .h1{font-size:clamp(1.7rem,3.5vw,2.2rem)}.path-sub{color:var(--muted);margin:7px 0 0;font-size:.95rem}.path-readout{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.path-prog{align-items:center;gap:10px;min-width:160px;display:flex}.path-prog .mono{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-size:.74rem}.path-best{font-family:var(--font-mono);color:var(--muted);font-size:.74rem}.path{margin:30px 0 0;padding:6px 0;list-style:none;position:relative}.path:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 0) 0 0 / 22px 22px;-webkit-mask-image:linear-gradient(180deg, transparent, var(--ink) 10%, var(--ink) 90%, transparent);-webkit-mask-image:linear-gradient(180deg, transparent, var(--ink) 10%, var(--ink) 90%, transparent);mask-image:linear-gradient(180deg, transparent, var(--ink) 10%, var(--ink) 90%, transparent);position:absolute;inset:-12px 0}.prung{z-index:1;min-height:82px;animation:psreveal .42s var(--ease-std) both;grid-template-columns:1fr 72px 1fr;align-items:center;display:grid;position:relative}.prung:nth-child(2){animation-delay:50ms}.prung:nth-child(3){animation-delay:.1s}.prung:nth-child(4){animation-delay:.15s}.prung:nth-child(5){animation-delay:.2s}.prung:nth-child(6){animation-delay:.25s}.prung__spine{grid-area:1/2;align-self:stretch;place-items:center;display:grid;position:relative}.prung__spine:before,.prung__spine:after{content:"";background:var(--line);width:2px;position:absolute;left:50%;transform:translate(-50%)}.prung__spine:before{height:50%;top:0}.prung__spine:after{top:50%;bottom:0}.prung:first-child .prung__spine:before,.prung:last-child .prung__spine:after{display:none}.prung--done .prung__spine:before,.prung--done .prung__spine:after,.prung--active .prung__spine:before{background:var(--skill-cyan)}.prung__node{z-index:2;background:var(--bg);border:2px solid var(--line);width:30px;height:30px;color:var(--faint);border-radius:50%;place-items:center;display:grid;position:relative}.prung__node svg{width:15px;height:15px}.prung--done .prung__node{background:var(--skill-cyan);border-color:var(--skill-cyan);color:var(--charcoal)}.prung--active .prung__node{border-color:var(--ink);color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 10%, transparent)}.prung--locked .prung__node{border-color:var(--faint);color:var(--faint)}.prung__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);grid-area:1/1;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex;position:relative}.prung:nth-child(2n) .prung__card{grid-column:3}.prung--active .prung__card{background:var(--bg);border-color:color-mix(in srgb, var(--ink) 26%, var(--line));box-shadow:var(--shadow-1)}.prung--locked .prung__card{background:0 0;border-style:dashed}.prung__card:before{content:"";background:var(--line);z-index:1;width:20px;height:2px;position:absolute;top:50%}.prung:nth-child(odd) .prung__card:before{right:-20px}.prung:nth-child(2n) .prung__card:before{left:-20px}.prung--done .prung__card:before{background:var(--skill-cyan)}.prung__meta{align-items:center;gap:11px;min-width:0;display:flex}.prung__meta--active{flex-direction:column;align-items:flex-start;gap:3px}.prung__row{align-items:center;gap:11px;min-width:0;display:flex}.prung__idx{font-family:var(--font-mono);color:var(--faint);flex:none;font-size:.74rem}.prung--done .prung__idx{color:var(--skill-cyan)}.prung--active .prung__idx{color:var(--ink)}.prung__title{font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;font-weight:600}.prung--locked .prung__title{color:var(--faint);font-weight:500}.prung__state{font-family:var(--font-mono);color:var(--muted);flex:none;align-items:center;gap:6px;font-size:.68rem;display:flex}.prung__state svg{width:13px;height:13px}.prung--done .prung__state{color:var(--skill-cyan)}.prung--locked .prung__state{color:var(--faint)}.prung__here{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--skill-cyan);font-size:.6rem}.prung__btn{flex:none}.pg{flex-direction:column;gap:20px;max-width:940px;margin:0 auto;display:flex}.pg-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pg-rung{font-family:var(--font-mono);color:var(--muted);font-size:.72rem}.pg-best-note{font-family:var(--font-mono);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.72rem;display:none}.pg-sec{flex-direction:column;display:flex}.task{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:22px 24px}.task__title{letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.task__prompt{color:var(--ink);max-width:60ch;margin:10px 0 0;font-size:.98rem;line-height:1.6}.task__schema{margin-top:18px}.pg-loop{flex-direction:column;gap:14px;display:flex}.pg-status{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:9px;padding:2px;font-size:.78rem;display:flex}.pg-status .pulse{background:var(--brand-red);width:9px;height:9px;animation:pspulse 1s var(--ease-std) infinite;border-radius:50%;flex:none}.pg-status .spin{border:2px solid var(--line);border-top-color:var(--muted);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite psspin}@keyframes psspin{to{transform:rotate(360deg)}}.prog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;max-width:760px;display:grid}.prog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px}.card-eye{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-size:.64rem}.prog-big{font-family:var(--font-mono);color:var(--ink);align-items:baseline;gap:10px;margin-top:8px;font-size:2rem;font-weight:600;display:flex}.prog-big svg{width:22px;height:22px;color:var(--hint-fill);align-self:center}.prog-best{font-family:var(--font-mono);color:var(--muted);font-size:.74rem}.prog-card .minipath{margin:16px 0 0}.prog-card__cta{margin-top:18px}.recent{max-width:760px;margin-top:40px}.recent__list{gap:2px;margin-top:14px;display:grid}.recent__row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 4px;display:flex}.recent__row:last-child{border-bottom:none}.recent__check{background:var(--pass-fill);width:22px;height:22px;color:var(--charcoal);border-radius:50%;flex:none;place-items:center;display:grid}.recent__check svg{width:13px;height:13px}.recent__name{font-size:.94rem;font-weight:500}.recent__meta{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:.72rem}.done{text-align:center;max-width:660px;margin:0 auto;padding-top:clamp(16px,4vw,40px)}.done__eye{color:var(--skill-cyan);justify-content:center}.done__eye:before{content:"//";color:var(--faint)}.done__graph{justify-content:center;align-items:center;max-width:430px;margin:22px auto 0;display:flex}.dnode{background:var(--skill-cyan);border:2px solid var(--skill-cyan);width:26px;height:26px;color:var(--charcoal);border-radius:50%;flex:none;place-items:center;display:grid}.dnode svg{width:14px;height:14px}.dlink{background:var(--skill-cyan);flex:auto;min-width:12px;max-width:38px;height:2px}.dnode--trophy{width:46px;height:46px;color:var(--skill-cyan);background:color-mix(in srgb, var(--skill-cyan) 16%, transparent);border-color:var(--skill-cyan)}.dnode--trophy svg{width:22px;height:22px}.done__title{margin-top:28px;font-size:clamp(1.8rem,4vw,2.5rem)}.done__stat{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;margin:16px 0 0;font-size:clamp(2.2rem,6vw,3rem);font-weight:600;line-height:1}.done__sub{color:var(--muted);max-width:46ch;margin:18px auto 0;font-size:1rem;line-height:1.6}.done__meta{justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.done__cta{margin-top:30px}.welcome{background:color-mix(in srgb, var(--skill-cyan) 9%, transparent);border:1px solid color-mix(in srgb, var(--skill-cyan) 30%, var(--line));border-radius:var(--r-btn);justify-content:space-between;align-items:center;gap:12px;max-width:540px;margin-bottom:20px;padding:11px 14px;display:flex}.welcome__msg{align-items:center;gap:10px;font-size:.9rem;display:flex}.welcome__prompt{font-family:var(--font-mono);color:var(--skill-cyan);flex:none;font-weight:600}.welcome__x{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;flex:none;place-items:center;padding:4px;display:grid}.welcome__x:hover{background:color-mix(in srgb, var(--skill-cyan) 14%, transparent);color:var(--ink)}.welcome__x svg{width:15px;height:15px}.path-readout--first{color:var(--muted)}.gpage{text-align:center;max-width:560px;margin:0 auto;padding-top:clamp(28px,8vw,72px)}.gpage .conlabel{color:var(--muted);justify-content:center}.gcrumb{font-family:var(--font-mono);color:var(--faint);margin-bottom:10px;font-size:.78rem}.gcrumb b{color:var(--brand-red-ink);font-weight:600}.gcode{font-family:var(--font-mono);color:var(--brand-red-ink);letter-spacing:-.01em;font-size:clamp(2.8rem,10vw,4.4rem);font-weight:600;line-height:1}.gtitle{margin-top:16px;font-size:clamp(1.4rem,3vw,1.9rem)}.gsub{color:var(--muted);max-width:44ch;margin:14px auto 0;font-size:1rem;line-height:1.6}.gsub b{color:var(--ink);font-weight:600}.gcta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}@media (width<=760px){.path-readout{width:100%}}@media (width<=640px){.prung{grid-template-columns:42px 1fr;min-height:74px}.prung__spine{grid-column:1}.prung__card,.prung:nth-child(2n) .prung__card{grid-column:2;margin-left:6px}.prung__card:before{display:none}}@media (width<=560px){.appbar__name{display:none}.pg-best-note{display:block}}.editor__edit{position:relative}.editor__hl,.editor__ta{font-family:var(--font-mono);white-space:pre;tab-size:2;border:0;margin:0;padding:18px;font-size:.84rem;line-height:1.75;overflow:auto}.editor__hl{color:var(--code-text);pointer-events:none;min-height:7.5em}.editor__ta{color:#0000;caret-color:#fff;resize:none;background:0 0;outline:none;width:100%;height:100%;position:absolute;inset:0}.editor__ta::selection{color:#0000;background:#fff3}.editor__ta:focus-visible{outline:none}