:root{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,"JetBrains Mono",monospace;--font-large-title-size:34px;--font-large-title-line:41px;--font-large-title-tracking:0.004em;--font-title1-size:28px;--font-title1-line:34px;--font-title1-weight:700;--font-title1-tracking:0.006em;--font-title2-size:22px;--font-title2-line:28px;--font-title2-weight:600;--font-title2-tracking:0.007em;--font-title3-size:20px;--font-title3-line:25px;--font-title3-weight:600;--font-title3-tracking:0.008em;--font-headline-size:17px;--font-headline-line:22px;--font-headline-weight:600;--font-headline-tracking:-0.006em;--font-body-size:17px;--font-body-line:25px;--font-body-weight:400;--font-body-tracking:-0.006em;--font-callout-size:16px;--font-callout-line:22px;--font-callout-weight:400;--font-callout-tracking:-0.005em;--font-subhead-size:15px;--font-subhead-line:20px;--font-subhead-weight:400;--font-subhead-tracking:-0.002em;--font-footnote-size:13px;--font-footnote-line:18px;--font-footnote-weight:400;--font-footnote-tracking:0em;--font-caption-size:12px;--font-caption-line:16px;--font-caption-weight:500;--font-caption-tracking:0em;--font-code-size:14px;--font-code-line:22px;--font-code-weight:400;--font-code-tracking:0em;--space-0:0px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--space-0_5:4px;--space-1_5:12px;--space-2_5:20px;--radius-none:0px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--border-hairline:1px;--border-regular:1.5px;--border-thick:2px;--duration-instant:0ms;--duration-fast:120ms;--duration-base:220ms;--duration-slow:360ms;--easing-standard:cubic-bezier(0.2,0,0,1);--easing-entrance:cubic-bezier(0.16,1,0.3,1);--easing-exit:cubic-bezier(0.4,0,1,1);--elevation-none:none;--elevation-sm:0 1px 2px rgba(16,15,13,0.06),0 1px 1px rgba(16,15,13,0.04);--elevation-md:0 4px 12px rgba(16,15,13,0.08),0 1px 3px rgba(16,15,13,0.06);--color-canvas:#FAFAF9;--color-surface:#FFFFFF;--color-surface-raised:#FFFFFF;--color-surface-sunken:#F4F3F1;--color-code-surface:#191714;--color-text-primary:#191714;--color-text-secondary:#615D56;--color-text-tertiary:#817C74;--color-text-on-accent:#FFFFFF;--color-text-on-code:#F4F3F1;--color-accent:#D2691E;--color-accent-pressed:#B4551A;--color-accent-muted:#FCE7D8;--color-separator:#E2E0DC;--color-separator-strong:#CFCCC6;--color-fill:#F4F3F1;--color-fill-pressed:#ECEBE8;--color-success:#2E7D5B;--color-danger:#B23B2E;--color-warning:#9A6B12;--color-syntax-type:#9DC7E8;--color-syntax-string:#A8CE9A;--color-syntax-number:#E0B080;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--color-canvas:#100F0D;--color-surface:#191714;--color-surface-raised:#211F1C;--color-surface-sunken:#100F0D;--color-code-surface:#000000;--color-text-primary:#FAFAF9;--color-text-secondary:#A8A49C;--color-text-tertiary:#817C74;--color-text-on-accent:#100F0D;--color-text-on-code:#ECEBE8;--color-accent:#E87F44;--color-accent-pressed:#F1A578;--color-accent-muted:#5E2D0F;--color-separator:#2C2A26;--color-separator-strong:#46433D;--color-fill:#211F1C;--color-fill-pressed:#2C2A26;--color-success:#4FB98A;--color-danger:#E7746A;--color-warning:#D8A54A;--color-syntax-type:#9DC7E8;--color-syntax-string:#A8CE9A;--color-syntax-number:#E0B080;--elevation-none:none;--elevation-sm:0 1px 2px rgba(0,0,0,0.4);--elevation-md:0 4px 14px rgba(0,0,0,0.5)}}[data-theme=light]{--color-canvas:#FAFAF9;--color-surface:#FFFFFF;--color-surface-raised:#FFFFFF;--color-surface-sunken:#F4F3F1;--color-code-surface:#191714;--color-text-primary:#191714;--color-text-secondary:#615D56;--color-text-tertiary:#817C74;--color-text-on-accent:#FFFFFF;--color-text-on-code:#F4F3F1;--color-accent:#D2691E;--color-accent-pressed:#B4551A;--color-accent-muted:#FCE7D8;--color-separator:#E2E0DC;--color-separator-strong:#CFCCC6;--color-fill:#F4F3F1;--color-fill-pressed:#ECEBE8;--color-success:#2E7D5B;--color-danger:#B23B2E;--color-warning:#9A6B12;--color-syntax-type:#9DC7E8;--color-syntax-string:#A8CE9A;--color-syntax-number:#E0B080}[data-theme=dark]{--color-canvas:#100F0D;--color-surface:#191714;--color-surface-raised:#211F1C;--color-surface-sunken:#100F0D;--color-code-surface:#000000;--color-text-primary:#FAFAF9;--color-text-secondary:#A8A49C;--color-text-tertiary:#817C74;--color-text-on-accent:#100F0D;--color-text-on-code:#ECEBE8;--color-accent:#E87F44;--color-accent-pressed:#F1A578;--color-accent-muted:#5E2D0F;--color-separator:#2C2A26;--color-separator-strong:#46433D;--color-fill:#211F1C;--color-fill-pressed:#2C2A26;--color-success:#4FB98A;--color-danger:#E7746A;--color-warning:#D8A54A;--color-syntax-type:#9DC7E8;--color-syntax-string:#A8CE9A;--color-syntax-number:#E0B080}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--font-body-size);line-height:var(--font-body-line);letter-spacing:var(--font-body-tracking);color:var(--color-text-primary);background:var(--color-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}.t-large-title{font-size:var(--font-large-title-size);line-height:var(--font-large-title-line);font-weight:var(--font-large-title-weight);letter-spacing:var(--font-large-title-tracking)}.t-title1{font-size:var(--font-title1-size);line-height:var(--font-title1-line);font-weight:var(--font-title1-weight);letter-spacing:var(--font-title1-tracking)}.t-title2{font-size:var(--font-title2-size);line-height:var(--font-title2-line);font-weight:var(--font-title2-weight);letter-spacing:var(--font-title2-tracking)}.t-title3{font-size:var(--font-title3-size);line-height:var(--font-title3-line);font-weight:var(--font-title3-weight);letter-spacing:var(--font-title3-tracking)}.t-headline{font-size:var(--font-headline-size);line-height:var(--font-headline-line);font-weight:var(--font-headline-weight);letter-spacing:var(--font-headline-tracking)}.t-body{font-size:var(--font-body-size);line-height:var(--font-body-line);font-weight:var(--font-body-weight);letter-spacing:var(--font-body-tracking)}.t-callout{font-size:var(--font-callout-size);line-height:var(--font-callout-line);letter-spacing:var(--font-callout-tracking)}.t-subhead{font-size:var(--font-subhead-size);line-height:var(--font-subhead-line);letter-spacing:var(--font-subhead-tracking)}.t-footnote{font-size:var(--font-footnote-size);line-height:var(--font-footnote-line)}.t-caption{font-size:var(--font-caption-size);line-height:var(--font-caption-line);font-weight:var(--font-caption-weight);text-transform:uppercase;letter-spacing:.04em}.t-code{font-family:var(--font-mono);font-size:var(--font-code-size);line-height:var(--font-code-line)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:var(--color-surface);border-right:var(--border-hairline) solid var(--color-separator);padding:var(--space-3) var(--space-2);flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand,.sidebar{display:flex;gap:var(--space-1)}.brand{align-items:center;padding:var(--space-1) var(--space-1) var(--space-2)}.brand-mark{width:30px;height:30px;border-radius:var(--radius-md);flex:none;background:var(--color-accent);display:grid;place-items:center;color:var(--color-text-on-accent);font-weight:700;font-size:17px;letter-spacing:-.01em}.nav-section-label{padding:var(--space-2) var(--space-1) var(--space-0_5);color:var(--color-text-tertiary)}.nav-item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard)}.nav-item:hover{background:var(--color-fill)}.nav-item[aria-current=page]{background:var(--color-fill);color:var(--color-text-primary);font-weight:600}.nav-item .dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-accent)}.main{min-width:0}.topbar{height:56px;border-bottom:var(--border-hairline) solid var(--color-separator);background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);position:-webkit-sticky;position:sticky;top:0;z-index:10}.content{padding:var(--space-4) var(--space-4) var(--space-8);max-width:1120px;margin:0 auto}.card{background:var(--color-surface);border:var(--border-hairline) solid var(--color-separator);border-radius:var(--radius-lg);box-shadow:var(--elevation-sm)}.card-pad{padding:var(--space-3)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-0_5);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-callout-size);font-weight:600;transition:background var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard)}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent)}.btn-primary:hover{background:var(--color-accent-pressed)}.btn-secondary{background:var(--color-fill);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-fill-pressed)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.badge,.btn-ghost:hover{background:var(--color-fill)}.badge{display:inline-flex;align-items:center;gap:var(--space-0_5);padding:4px var(--space-1);border-radius:var(--radius-pill);font-size:var(--font-caption-size);font-weight:600;line-height:1;color:var(--color-text-secondary);letter-spacing:0;text-transform:none;white-space:nowrap}.badge-accent{background:var(--color-accent-muted);color:var(--color-accent)}.badge-outline{background:transparent;border:var(--border-hairline) solid var(--color-separator-strong)}.badge-success{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.stack-badge{font-family:var(--font-mono);font-size:var(--font-footnote-size);color:var(--color-text-tertiary);border:var(--border-hairline) solid var(--color-separator);border-radius:var(--radius-sm);padding:1px var(--space-0_5)}.progress{height:4px;background:var(--color-fill);overflow:hidden}.progress,.progress>i{border-radius:var(--radius-pill)}.progress>i{display:block;height:100%;background:var(--color-accent)}.segmented{display:inline-flex;gap:2px;padding:2px;background:var(--color-fill);border-radius:var(--radius-md)}.segmented button{border:none;background:transparent;cursor:pointer;white-space:nowrap;padding:var(--space-0_5) var(--space-1_5);border-radius:calc(var(--radius-md) - 2px);font-size:var(--font-subhead-size);font-weight:500;color:var(--color-text-secondary)}.segmented button[aria-selected=true]{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--elevation-sm);font-weight:600}.path-list{display:flex;flex-direction:column;gap:1px}.path-option{display:flex;align-items:center;gap:var(--space-1);width:100%;text-align:left;border:none;cursor:pointer;padding:var(--space-1) var(--space-1);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-subhead-size);font-weight:500;transition:background var(--duration-fast) var(--easing-standard)}.path-option:hover{background:var(--color-fill)}.path-option[aria-selected=true]{background:var(--color-fill);color:var(--color-text-primary);font-weight:600}.path-option .radio{width:15px;height:15px;border-radius:var(--radius-pill);flex:none;border:1.5px solid var(--color-separator-strong);display:grid;place-items:center;transition:border-color var(--duration-fast) var(--easing-standard)}.path-option[aria-selected=true] .radio{border-color:var(--color-accent)}.path-option[aria-selected=true] .radio:after{content:"";width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-accent)}.code{background:var(--color-code-surface);color:var(--color-text-on-code);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-code-size);line-height:var(--font-code-line);padding:var(--space-2);overflow:auto}.code .kw{color:var(--color-accent)}.code .ty{color:#9DC7E8}.code .st{color:#A8CE9A}.code .cm{color:var(--color-text-tertiary)}.code .num{color:#E0B080}hr.sep{border:none;border-top:var(--border-hairline) solid var(--color-separator);margin:var(--space-2) 0}.row{gap:var(--space-1)}.between,.row{display:flex;align-items:center}.between{justify-content:space-between}.grow{flex:1 1;min-width:0}.muted-icon{color:var(--color-text-tertiary)}.input{width:100%;box-sizing:border-box;padding:var(--space-1) var(--space-1_5);font-family:inherit;font-size:var(--font-callout-size);color:var(--color-text-primary);background:var(--color-surface-sunken);border:var(--border-hairline) solid var(--color-separator-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--easing-standard)}.input:focus{outline:none;border-color:var(--color-accent)}.field-label{display:block;font-size:var(--font-subhead-size);font-weight:600;margin-bottom:var(--space-0_5)}.linklike{border:none;background:none;padding:0;cursor:pointer;color:var(--color-accent);font:inherit;font-weight:600}.linklike:hover{text-decoration:underline}.auth-error{margin-top:var(--space-2);padding:var(--space-1) var(--space-1_5);border-radius:var(--radius-md);color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.auth-shell{min-height:100vh;display:grid;place-items:center;background:var(--color-canvas);padding:var(--space-3)}.auth-card{width:100%;max-width:380px;padding:var(--space-4)}.account,.auth-brand{display:flex;align-items:center;gap:var(--space-1)}.account{padding:var(--space-1) var(--space-0_5)}.account-avatar{width:30px;height:30px;border-radius:var(--radius-pill);flex:none;background:var(--color-fill);color:var(--color-text-secondary);display:grid;place-items:center;font-weight:700;font-size:13px}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glyph{width:18px;height:18px;display:inline-block;vertical-align:-3px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.glyph-sm{width:15px;height:15px}.home-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.home-hero-art{width:100%;height:auto;display:block;border-radius:var(--radius-xl);border:var(--border-hairline) solid var(--color-separator)}@media (max-width:900px){.home-hero{grid-template-columns:1fr}.home-hero-art{display:none}}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.proj-card,.unit-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit;background:var(--color-surface);border:var(--border-hairline) solid var(--color-separator);border-radius:var(--radius-lg);transition:border-color .15s ease}.unit-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--color-fill);border-bottom:var(--border-hairline) solid var(--color-separator)}.unit-body{padding:var(--space-2) var(--space-2) var(--space-2_5);display:flex;flex-direction:column;gap:2px}.unit-body .t-subhead{margin-top:2px}.unit-icon-hero{display:flex;justify-content:center;padding:var(--space-3) 0 var(--space-1)}.unit-icon-hero img{width:80px;height:80px;display:block}.unit-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-pill);flex:none;background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.theme-toggle:hover{background:var(--color-fill);color:var(--color-text-primary)}.view-toggle{display:inline-flex;gap:2px;padding:2px;background:var(--color-fill);border-radius:var(--radius-md)}.view-toggle button{display:grid;place-items:center;width:30px;height:26px;border:none;cursor:pointer;background:transparent;color:var(--color-text-tertiary);border-radius:calc(var(--radius-md) - 2px);transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.view-toggle button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--elevation-sm)}.rows{display:flex;flex-direction:column;border-top:var(--border-hairline) solid var(--color-separator)}.row-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-1_5) var(--space-1);border-bottom:var(--border-hairline) solid var(--color-separator);text-decoration:none;color:inherit;transition:background var(--duration-fast) var(--easing-standard)}.row-item:hover{background:var(--color-fill)}.row-index{font-size:var(--font-title3-size);font-weight:600;line-height:1;color:var(--color-text-tertiary);text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";display:grid;place-items:center}.row-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-separator-strong);display:block}.row-icon{width:46px;height:46px;display:block;object-fit:contain}.row-main{min-width:0}.row-main .t-headline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-end{display:flex;align-items:center;gap:var(--space-1_5)}.row-chev,.row-end{color:var(--color-text-tertiary);flex:none}.row-chev{width:18px;height:18px}.row-item:hover .row-chev{color:var(--color-text-secondary)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.proj-thumb-wrap{position:relative}.proj-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--color-fill)}.proj-icon-badge{position:absolute;left:var(--space-2);bottom:calc(-1 * var(--space-1_5));width:46px;height:46px;border-radius:var(--radius-md);border:var(--border-hairline) solid var(--color-separator);background:var(--color-surface);display:block}.proj-body{padding:var(--space-3) var(--space-2) var(--space-2)}.lesson-banner{width:100%;max-width:176px;aspect-ratio:16/9;height:auto;object-fit:cover;display:block;margin:var(--space-1) 0 var(--space-1_5);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--color-separator);opacity:.9}.proj-hero{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.proj-hero-art{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:var(--radius-lg);border:var(--border-hairline) solid var(--color-separator)}@media (max-width:720px){.proj-hero{grid-template-columns:1fr}.proj-hero-art{max-width:340px}}.guide-row{display:flex;align-items:center;gap:var(--space-1_5);text-decoration:none;color:inherit}.guide-tag{flex:none;min-width:100px;font-size:var(--font-footnote-size);color:var(--color-text-tertiary)}.guide-tag-accent{color:var(--color-accent)}.lesson{display:grid;grid-template-columns:minmax(0,var(--lesson-split,44rem)) minmax(0,1fr);align-items:start;position:relative}.prose{padding:var(--space-4) var(--space-5);border-right:var(--border-hairline) solid var(--color-separator);max-width:none}.lesson.is-editor-full{grid-template-columns:minmax(0,1fr)}.lesson.is-editor-full .lesson-splitter,.lesson.is-editor-full .prose{display:none}.lesson-splitter{position:absolute;top:0;bottom:0;left:var(--lesson-split,44rem);width:var(--space-3);transform:translateX(-50%);cursor:col-resize;z-index:5;touch-action:none;display:flex;justify-content:center;align-items:stretch}.lesson-splitter:before{content:"";width:var(--border-hairline);background:var(--color-separator);transition:background .14s ease,width .14s ease}.lesson-splitter.is-dragging:before,.lesson-splitter:hover:before{background:var(--color-accent);width:var(--border-thick)}@media (prefers-reduced-motion:reduce){.lesson-splitter:before{transition:none}}.lesson-solo{grid-template-columns:1fr}.lesson-solo .prose{border-right:none;max-width:72ch;margin-inline:auto;width:100%}@media (max-width:860px){.lesson{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 56px)}.prose{border-right:none}.playground{position:static;height:auto;min-height:62vh}.lesson-splitter{display:none}}@media (max-width:560px){.prose{padding:var(--space-3)}.lesson-banner{max-width:140px}.editor{margin:var(--space-1_5)}.console{margin:0 var(--space-1_5) var(--space-1_5)}.editor-toolbar{padding:var(--space-1) var(--space-1_5)}.prose .code{font-size:.9em}}.prose h1{font-size:var(--font-title1-size);line-height:var(--font-title1-line);letter-spacing:var(--font-title1-tracking);margin:0 0 var(--space-1)}.prose h2{font-size:var(--font-title3-size);line-height:var(--font-title3-line);margin:var(--space-3) 0 var(--space-1)}.prose p{color:var(--color-text-primary);margin:var(--space-1_5) 0}.prose code{font-family:var(--font-mono);font-size:.92em;background:var(--color-fill);padding:1px 5px;border-radius:var(--radius-sm)}.prose .code{margin:var(--space-2) 0;white-space:pre;display:block}.prose .code code{background:none;padding:0;border-radius:0;font-size:inherit}.prose .app-shots{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0;align-items:flex-start}.prose .app-shots img{flex:1 1;min-width:140px;max-width:220px;height:auto;border-radius:var(--radius-lg);border:var(--border-hairline) solid var(--color-separator);box-shadow:var(--shadow-2,0 8px 24px rgba(0,0,0,.28));background:var(--color-surface)}.prose .app-shots figcaption{flex-basis:100%;margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-footnote-size);line-height:var(--font-footnote-line)}.prose .app-shots figcaption code{background:var(--color-fill);padding:1px 5px;border-radius:var(--radius-sm);font-size:.92em}.prose .table-scroll{overflow-x:auto;margin:var(--space-3) 0}.prose table{width:100%;border-collapse:collapse;font-size:var(--font-subhead-size);line-height:var(--font-subhead-line)}.prose td,.prose th{text-align:left;padding:var(--space-1_5) var(--space-2);vertical-align:top;border-bottom:var(--border-hairline) solid var(--color-separator)}.prose thead th{font-weight:600;color:var(--color-text-secondary);background:var(--color-surface-sunken);border-bottom:var(--border-hairline) solid var(--color-separator-strong)}.prose thead th:first-child{border-top-left-radius:var(--radius-md)}.prose thead th:last-child{border-top-right-radius:var(--radius-md)}.prose tbody td{color:var(--color-text-secondary)}.prose tbody td:first-child{color:var(--color-text-primary);font-weight:500}.prose tbody tr:last-child td{border-bottom:none}.prose .callout{border-left:var(--border-thick) solid var(--color-accent);background:var(--color-surface-sunken);padding:var(--space-1_5) var(--space-2);border-radius:var(--radius-sm);margin:var(--space-2) 0}.prose .callout p{margin:var(--space-0_5) 0}.prose .callout p:first-child{margin-top:0}.prose .callout p:last-child{margin-bottom:0}.prose .callout-compare{border-left-color:var(--color-separator-strong)}.lang-picker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-2) 0 var(--space-1)}.lang-picker .t-caption{text-transform:uppercase;letter-spacing:.04em}.lang-picker-note{flex-basis:100%}.challenge-marker{display:flex;align-items:center;gap:var(--space-1_5);border:var(--border-hairline) solid var(--color-separator-strong);border-radius:var(--radius-md);padding:var(--space-1_5) var(--space-2);margin:var(--space-2) 0;background:var(--color-surface)}.challenge-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-accent);flex:none}.playground{display:flex;flex-direction:column;background:var(--color-surface-sunken);min-width:0;position:-webkit-sticky;position:sticky;top:56px;height:calc(100vh - 56px)}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2);border-bottom:var(--border-hairline) solid var(--color-separator);background:var(--color-surface)}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background .12s ease,color .12s ease}.icon-btn:hover{background:var(--color-fill);color:var(--color-text-primary)}.icon-btn[aria-pressed=true]{color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.icon-btn{transition:none}}.editor{margin:var(--space-2);border-radius:var(--radius-md);display:flex;background:var(--color-code-surface)}.editor,.editor .cm-host{flex:1 1;overflow:hidden;min-height:0}.editor .cm-host{width:100%}.editor .cm-editor{height:100%}.editor .cm-editor.cm-focused{outline:none}.console{margin:0 var(--space-2) var(--space-2);border:var(--border-hairline) solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-2);max-height:40%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-separator-strong) transparent}.console::-webkit-scrollbar{width:8px;height:8px}.console::-webkit-scrollbar-thumb{background:var(--color-separator-strong);border-radius:var(--radius-pill)}.console::-webkit-scrollbar-track{background:transparent}.console pre{font-family:var(--font-mono);font-size:var(--font-footnote-size);color:var(--color-text-secondary);white-space:pre-wrap;margin:var(--space-1) 0 0}.test-row{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-0_5) 0}.tick{width:16px;height:16px;border-radius:var(--radius-pill);display:grid;place-items:center;flex:none}.tick.pass{background:color-mix(in srgb,var(--color-success) 18%,transparent);color:var(--color-success)}.tick.fail{background:color-mix(in srgb,var(--color-danger) 18%,transparent);color:var(--color-danger)}.ws-grid{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--space-4);gap:var(--space-4);align-items:start;margin-top:var(--space-4)}@media (max-width:900px){.ws-grid{grid-template-columns:1fr}}.ws-main{min-width:0;gap:var(--space-4)}.ws-main,.ws-section{display:flex;flex-direction:column}.ws-section,.ws-section-head{gap:var(--space-1_5)}.ws-section-head{display:flex;align-items:baseline}.ws-section-head h2{font-size:var(--font-title3-size);line-height:var(--font-title3-line);margin:0}.ws-count{font-size:var(--font-footnote-size);color:var(--color-text-tertiary)}.guide-link{display:flex;align-items:center;gap:var(--space-1_5);text-decoration:none;color:inherit}.guide-link:hover{background:var(--color-fill)}.guide-link .t-headline,.guide-obj,.ms-card .t-headline{display:block}.guide-obj{color:var(--color-text-secondary);font-size:var(--font-subhead-size);line-height:var(--font-subhead-line);margin:var(--space-0_5) 0 0}.ms-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ms-step{display:grid;grid-template-columns:32px 1fr;grid-gap:var(--space-1_5);gap:var(--space-1_5);position:relative;padding-bottom:var(--space-2)}.ms-step:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:var(--border-regular);background:var(--color-separator)}.ms-node{width:32px;height:32px;border-radius:var(--radius-pill);flex:none;display:grid;place-items:center;z-index:1;background:var(--color-surface);border:var(--border-regular) solid var(--color-separator-strong);color:var(--color-text-secondary);font-size:var(--font-footnote-size);font-weight:600}.ms-step-accent .ms-node{border-color:var(--color-accent);color:var(--color-accent)}.ms-card{text-decoration:none;color:inherit;border-radius:var(--radius-md);padding:var(--space-1_5) var(--space-2);border:var(--border-hairline) solid var(--color-separator);background:var(--color-surface);display:block}.ms-card:hover{border-color:var(--color-separator-strong);background:var(--color-fill)}.ms-card .between{gap:var(--space-1)}.ck-card{border:var(--border-hairline) solid var(--color-separator);border-left:var(--border-thick) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.ck-head{display:flex;flex-direction:column;gap:var(--space-0_5)}.ck-diff,.ck-head{padding:var(--space-2)}.ck-diff{margin:0;background:var(--color-code-surface);color:var(--color-text-on-code);font-family:var(--font-mono);font-size:var(--font-footnote-size);line-height:var(--font-code-line);overflow-x:auto;border-top:var(--border-hairline) solid var(--color-separator)}.ck-diff .cm{color:var(--color-text-tertiary)}.ck-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);border-top:var(--border-hairline) solid var(--color-separator)}.ck-fade{display:block;color:var(--color-text-tertiary)}.ws-rail{position:-webkit-sticky;position:sticky;top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.rail-card{border:var(--border-hairline) solid var(--color-separator);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-2_5)}.rail-title{font-size:var(--font-caption-size);letter-spacing:var(--font-caption-tracking);text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 var(--space-1_5)}.rail-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-0_5) 0}.rail-row+.rail-row{border-top:var(--border-hairline) solid var(--color-separator)}.rail-k{color:var(--color-text-secondary)}.rail-k,.rail-v{font-size:var(--font-subhead-size)}.rail-v{color:var(--color-text-primary);font-weight:600;text-align:right}.rail-note{color:var(--color-text-secondary);line-height:var(--font-footnote-line);margin:var(--space-1) 0 0}.kind-pill,.rail-note{font-size:var(--font-footnote-size)}.kind-pill{flex:none;display:inline-flex;align-items:center;gap:var(--space-0_5);color:var(--color-text-tertiary)}.kind-pill-accent{color:var(--color-accent)}@media (max-width:900px){.ws-rail{position:static}}@media (max-width:640px){.topbar .badge-outline{display:none}.ck-actions .btn{flex:1 1 auto;justify-content:center}.proj-hero{gap:var(--space-2)}}.pf-page{min-height:100vh;background:var(--color-canvas)}.pf-topbar{height:56px;justify-content:space-between;padding:0 var(--space-3);border-bottom:var(--border-hairline) solid var(--color-separator);background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.pf-topbar,.pf-wordmark{display:flex;align-items:center}.pf-wordmark{gap:var(--space-1)}.pf-main{max-width:820px;margin:0 auto;padding:var(--space-5) var(--space-3) var(--space-8)}.pf-hero{display:flex;gap:var(--space-3);align-items:center}.pf-avatar{width:84px;height:84px;border-radius:var(--radius-pill);flex:none;background:var(--color-accent-muted);color:var(--color-accent);display:grid;place-items:center;font-weight:700;font-size:34px;border:var(--border-hairline) solid var(--color-separator)}.pf-meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin-top:var(--space-1_5)}.pf-meta-item{display:inline-flex;align-items:center;gap:var(--space-0_5);color:var(--color-text-tertiary);font-size:var(--font-subhead-size)}.pf-meta-link{color:var(--color-text-secondary)}.pf-meta-link:hover{color:var(--color-accent)}.pf-bio{margin-top:var(--space-3)}.pf-section{margin-top:var(--space-5)}.pf-section-label{display:block;margin-bottom:var(--space-2)}.pf-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--space-1_5);gap:var(--space-1_5)}.pf-stat{padding:var(--space-2) var(--space-2_5);background:var(--color-surface);border:var(--border-hairline) solid var(--color-separator);border-radius:var(--radius-lg)}.pf-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-1_5);gap:var(--space-1_5)}.pf-project{display:flex;flex-direction:column;overflow:hidden}.pf-project-body{padding:var(--space-2_5) var(--space-2_5) var(--space-2);flex:1 1}.pf-project-links{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-2_5);border-top:var(--border-hairline) solid var(--color-separator);background:var(--color-surface-sunken)}.pf-empty{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-4);color:var(--color-text-secondary)}.pf-empty .glyph{color:var(--color-text-tertiary);flex:none}.pf-footer{margin-top:var(--space-6);padding-top:var(--space-3);border-top:var(--border-hairline) solid var(--color-separator)}.pf-editor{max-width:720px}.ed-card{padding:var(--space-3);margin-top:var(--space-3);gap:var(--space-2)}.ed-card,.ed-field{display:flex;flex-direction:column}.ed-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.ed-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--space-1_5);gap:var(--space-1_5)}@media (max-width:620px){.ed-grid-2,.ed-grid-3{grid-template-columns:1fr}}.ed-handle{display:flex;align-items:stretch;gap:var(--space-1);flex-wrap:wrap}.ed-handle-prefix{display:inline-flex;align-items:center;white-space:nowrap}.ed-handle .input{flex:1 1;min-width:180px}.ed-toggle{display:flex;align-items:flex-start;gap:var(--space-1);cursor:pointer;margin-top:var(--space-0_5)}.ed-toggle input{margin-top:3px;accent-color:var(--color-accent);width:16px;height:16px;flex:none}.ed-projects{gap:var(--space-2);margin-top:var(--space-1)}.ed-project,.ed-projects{display:flex;flex-direction:column}.ed-project{gap:var(--space-1_5);padding:var(--space-2_5);border-radius:var(--radius-lg);border:var(--border-hairline) solid var(--color-separator);background:var(--color-surface-sunken)}@media (max-width:620px){.pf-hero{gap:var(--space-2)}.pf-avatar{width:64px;height:64px;font-size:26px}}.bl-main{max-width:900px;margin:0 auto;padding:var(--space-5) var(--space-3) var(--space-8)}.bl-hero{text-align:center;max-width:60ch;margin:0 auto var(--space-4)}.bl-cycle{display:flex;justify-content:center;margin-bottom:var(--space-3)}.bl-save{margin-left:var(--space-1)}.bl-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--space-2);gap:var(--space-2);align-items:stretch}.bl-plan{display:flex;flex-direction:column;padding:var(--space-3);background:var(--color-surface);border:var(--border-hairline) solid var(--color-separator);border-radius:var(--radius-xl)}.bl-plan-pro{border-color:var(--color-accent);box-shadow:var(--elevation-sm)}.bl-plan-head{justify-content:space-between;gap:var(--space-1)}.bl-plan-head,.bl-price{display:flex;align-items:baseline}.bl-price{gap:var(--space-0_5);margin:var(--space-2) 0 var(--space-0_5)}.bl-price-amt{font-size:var(--font-large-title-size);line-height:1;font-weight:var(--font-large-title-weight);letter-spacing:var(--font-large-title-tracking)}.bl-price-per{color:var(--color-text-tertiary)}.bl-features{list-style:none;margin:var(--space-2) 0;padding:0;flex-direction:column;flex:1 1}.bl-feature,.bl-features{display:flex;gap:var(--space-1)}.bl-feature{align-items:flex-start;color:var(--color-text-secondary);font-size:var(--font-subhead-size)}.bl-feature .glyph{color:var(--color-accent);flex:none;margin-top:1px}.bl-feature-off,.bl-feature-off .glyph{color:var(--color-text-tertiary)}.bl-cta{margin-top:var(--space-2)}.bl-cta .btn{width:100%;justify-content:center}.bl-note{margin-top:var(--space-3);padding:var(--space-2) var(--space-2_5);border-radius:var(--radius-md);background:var(--color-fill);color:var(--color-text-secondary);font-size:var(--font-footnote-size)}.bl-status-card{padding:var(--space-3);margin-bottom:var(--space-3)}.bl-status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-1) 0}.bl-status-row+.bl-status-row{border-top:var(--border-hairline) solid var(--color-separator)}.bl-banner{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1_5) var(--space-2);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.bl-banner .glyph{flex:none}.pro-lock{display:inline-flex;align-items:center;gap:var(--space-0_5);padding:3px var(--space-1);border-radius:var(--radius-pill);background:var(--color-accent-muted);color:var(--color-accent);font-size:var(--font-caption-size);font-weight:600;line-height:1}.pro-lock .glyph{width:12px;height:12px}:root{--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-large-title-size:40px;--font-large-title-line:44px;--font-large-title-tracking:-0.022em;--font-large-title-weight:700;--font-title1-tracking:-0.019em;--font-title2-tracking:-0.015em;--font-title3-tracking:-0.012em;--font-headline-tracking:-0.011em}:root,[data-theme=light]{--color-canvas:#f7f8fa;--color-surface:#ffffff;--color-surface-raised:#ffffff;--color-surface-sunken:#f0f1f4;--color-text-primary:#0b0c0f;--color-text-secondary:#565a63;--color-text-tertiary:#8b8f99;--color-text-on-accent:#ffffff;--color-accent:#e2560d;--color-accent-pressed:#c2470a;--color-accent-muted:#fde8db;--color-separator:#e8e9ee;--color-separator-strong:#d5d7de;--color-fill:#f0f1f4;--color-fill-pressed:#e7e8ee;--elevation-sm:0 1px 2px rgba(12,14,24,0.05);--elevation-md:0 6px 22px -8px rgba(12,14,24,0.14)}[data-theme=dark]{--color-canvas:#08090a;--color-surface:#141517;--color-surface-raised:#1a1b1e;--color-surface-sunken:#0c0d0e;--color-text-primary:#f7f8f8;--color-text-secondary:#9ca0aa;--color-text-tertiary:#62666d;--color-text-on-accent:#ffffff;--color-accent:#ff8a4c;--color-accent-pressed:#ffa06b;--color-accent-muted:#3a220f;--color-separator:#202124;--color-separator-strong:#2e3034;--color-fill:#191a1d;--color-fill-pressed:#212327;--elevation-sm:0 1px 2px rgba(0,0,0,0.5);--elevation-md:0 10px 28px -8px rgba(0,0,0,0.6)}.card{box-shadow:none}.proj-card,.unit-card{box-shadow:none;transition:border-color .15s ease,background .15s ease}.proj-card:hover,.unit-card:hover{border-color:var(--color-separator-strong);background:var(--color-surface-raised)}.home-hero h1{font-size:clamp(38px,4.4vw,54px);line-height:1.03;letter-spacing:-.03em;font-weight:700}.home-hero-art{box-shadow:none}.brand-mark{border-radius:8px;position:relative;color:transparent}.brand-mark:after{content:"";position:absolute;inset:0;background-color:var(--color-text-on-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M68 32 C68 21 51 19 41 25 C29 32 32 44 47 49 C63 54 67 63 58 71 C48 79 32 77 29 65' fill='none' stroke='%23fff' stroke-width='13' stroke-linecap='round'/%3E%3C/svg%3E") center /62% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M68 32 C68 21 51 19 41 25 C29 32 32 44 47 49 C63 54 67 63 58 71 C48 79 32 77 29 65' fill='none' stroke='%23fff' stroke-width='13' stroke-linecap='round'/%3E%3C/svg%3E") center /62% no-repeat}.btn{font-weight:550;letter-spacing:-.006em}.btn-primary{box-shadow:none}.row-item{transition:background .12s ease}.t-title3{letter-spacing:-.014em}.topbar{background:color-mix(in srgb,var(--color-canvas) 80%,transparent)}.sidebar-foot{margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-separator);display:flex;flex-direction:column;gap:var(--space-1_5)}.sf-summary{padding:0 var(--space-1)}.sf-resume{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1_5);padding:var(--space-1) var(--space-1_5);border-radius:var(--radius-md);background:var(--color-fill);color:var(--color-text-primary);font-size:var(--font-footnote-size);font-weight:600;text-decoration:none;transition:background var(--duration-fast) var(--easing-standard)}.sf-resume:hover{background:var(--color-fill-pressed)}.sf-resume .grow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-resume .glyph{color:var(--color-text-tertiary);flex:none}.account-block{flex-direction:column}.account-block,.account-links{display:flex;gap:var(--space-0_5)}.account-links{align-items:center;padding-left:38px;font-size:var(--font-footnote-size)}.account-links,.account-links a{color:var(--color-text-tertiary)}.account-links a{text-decoration:none}.account-links a:hover{color:var(--color-text-secondary);text-decoration:underline}.account-signout{border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);flex:none;display:grid;place-items:center;transition:background var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.account-signout:hover{color:var(--color-text-primary);background:var(--color-fill)}.nav-toggle{display:none}@media (max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;height:100dvh;width:272px;z-index:40;transform:translateX(-100%);transition:transform .28s var(--easing-standard,cubic-bezier(.4,0,.2,1));box-shadow:0 0 48px rgba(0,0,0,.28);overflow-y:auto}.sidebar-open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:30}.nav-toggle{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:var(--space-0_5);border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer}.nav-toggle:hover{background:var(--color-fill);color:var(--color-text-primary)}.content{padding-left:var(--space-2);padding-right:var(--space-2)}}@media (max-width:640px){.topbar .stack-badge{display:none}.topbar .row{gap:var(--space-0_5)}.topbar .t-headline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:560px){.home-hero-art{display:none}.home-hero h1{font-size:clamp(30px,8vw,40px)}.topbar{padding:0 var(--space-2)}.content{padding-top:var(--space-3)}.topbar .progress{display:none}}