:root{--bh-black: #0a0a0a;--bh-ink-900: #0e0e0d;--bh-ink-800: #141410;--bh-ink-700: #1c1c17;--bh-ink-600: #232320;--bh-hairline: #2a2a22;--bh-lime-500: #c6fa5c;--bh-lime-400: #cefe6f;--bh-lime-600: #8fbf3b;--bh-lime-tint: #3a4a1e;--bh-gold-500: #f0c419;--bh-gold-tint: #463a0e;--bh-red-500: #ff6b5c;--bh-red-tint: #4a211c;--bh-paper: #f2f2ed;--bh-grey-400: #9e9e93;--bh-grey-600: #67675e;--surface-page: var(--bh-black);--surface-card: var(--bh-ink-800);--surface-raised: var(--bh-ink-700);--surface-sunken: var(--bh-ink-900);--surface-hover: var(--bh-ink-600);--surface-inverse: var(--bh-paper);--text-primary: var(--bh-paper);--text-secondary: var(--bh-grey-400);--text-muted: var(--bh-grey-600);--text-accent: var(--bh-lime-500);--text-on-accent: #12160a;--text-inverse: var(--bh-black);--border-hairline: var(--bh-hairline);--border-strong: #3a3a2f;--border-accent: var(--bh-lime-500);--border-focus: var(--bh-lime-500);--accent-primary: var(--bh-lime-500);--accent-primary-hover: #d4ff74;--accent-primary-press: #b2e24c;--accent-muted: var(--bh-lime-600);--accent-tint-bg: var(--bh-lime-tint);--accent-tint-fg: var(--bh-lime-500);--premium-fg: var(--bh-gold-500);--premium-tint-bg: var(--bh-gold-tint);--danger-fg: var(--bh-red-500);--danger-tint-bg: var(--bh-red-tint);--success-fg: var(--bh-lime-500);--overlay-scrim: rgba(10, 10, 10, .72);--overlay-glass: rgba(28, 28, 23, .72);--font-display: "Bricolage Grotesque", "Commissioner", system-ui, sans-serif;--font-body: "Commissioner", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--fs-display-1: 72px;--lh-display-1: 1.02;--ls-display-1: -.035em;--fs-display-2: 56px;--lh-display-2: 1.05;--ls-display-2: -.03em;--fs-h1: 40px;--lh-h1: 1.1;--ls-h1: -.025em;--fs-h2: 32px;--lh-h2: 1.15;--ls-h2: -.02em;--fs-h3: 24px;--lh-h3: 1.2;--ls-h3: -.015em;--fs-h4: 20px;--lh-h4: 1.25;--ls-h4: -.01em;--fs-body-lg: 18px;--lh-body-lg: 1.55;--fs-body: 16px;--lh-body: 1.6;--fs-body-sm: 14px;--lh-body-sm: 1.55;--fs-caption: 13px;--lh-caption: 1.45;--fs-micro: 11px;--lh-micro: 1.3;--ls-micro: .08em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-display: 800;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--container-prose: 680px;--gutter: 24px;--shadow-none: none;--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .35);--shadow-raised: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 16px 40px rgba(0, 0, 0, .5);--shadow-modal: 0 32px 80px rgba(0, 0, 0, .65);--glow-accent: 0 0 0 1px rgba(198, 250, 92, .35), 0 8px 32px rgba(198, 250, 92, .14);--ring-focus: 0 0 0 2px var(--surface-page), 0 0 0 4px var(--accent-primary);--ease-standard: cubic-bezier(.2, .6, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.5, 0, .9, .4);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .32s;--blur-glass: blur(14px);--grid-line: rgba(242, 242, 237, .045)}:root{--doc-body: 18px;--doc-small: 15px;--doc-h2: 22px;--doc-h1: 26px;--doc-lh: 1.65;--doc-lh-heading: 1.25;--measure: 65ch;--doc-text: #e6e6e6;--doc-dim: #b0b0b0;--doc-faint: #a3a3a3;--shell-nav: 280px;--shell-max: 1440px;--shell-header: 64px}html{height:100%}body{margin:0;min-height:100%;background:var(--surface-page);color:var(--doc-text);font-family:var(--font-body);font-size:var(--doc-body);line-height:var(--doc-lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--fw-display);color:var(--text-primary);line-height:var(--doc-lh-heading);text-wrap:balance}p{margin:0;text-wrap:pretty}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}::selection{background:var(--accent-tint-bg);color:var(--accent-tint-fg)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-pill);background:var(--border-strong);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--doc-faint);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:none;box-shadow:var(--ring-focus)}.page{max-width:var(--measure);margin:0 auto;padding:var(--space-16) var(--gutter)}.shell{display:grid;grid-template-columns:var(--shell-nav) minmax(0,1fr);min-height:100vh}.shell__nav-wrap{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;border-right:1px solid var(--border-hairline)}.shell__nav-toggle{display:none}.shell__nav{padding:var(--space-6) var(--space-4)}.shell__main{min-width:0}.shell__header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--shell-header);padding:0 var(--space-8);background:var(--overlay-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--border-hairline)}.shell__header>*{flex-shrink:1}.shell__body{max-width:calc(var(--measure) + var(--space-8) * 2);padding:var(--space-10) var(--space-8) var(--space-24)}.shell__body--form{max-width:calc(1000px + var(--space-8) * 2)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);min-height:100vh;padding:var(--space-12) var(--gutter);text-align:center}.state__art{width:min(260px,60vw);height:auto}.state__title{font-size:var(--doc-h1);line-height:var(--doc-lh-heading)}.state__text{max-width:46ch;color:var(--doc-dim);font-size:var(--doc-body)}.back-link,.state__link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-accent);font-size:var(--doc-small);font-weight:var(--fw-medium);text-decoration:none}.back-link:hover,.state__link:hover{text-decoration:underline;text-underline-offset:3px}.state__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.state__details{color:var(--doc-faint);font-size:var(--fs-caption)}.state__details summary{cursor:pointer}.state__details code{display:block;margin-top:var(--space-2);font-family:var(--font-mono)}@media(max-width:1024px){.shell{grid-template-columns:1fr}.shell__nav-wrap{position:static;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--border-hairline)}.shell__nav-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--gutter);color:var(--doc-dim);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-micro);text-transform:uppercase;list-style:none;cursor:pointer}.shell__nav-toggle::-webkit-details-marker{display:none}.shell__nav-toggle:before{content:"▸";display:inline-block;color:var(--accent-primary);transition:transform var(--dur-fast) var(--ease-standard)}.shell__nav-wrap[open] .shell__nav-toggle:before{transform:rotate(90deg)}.shell__nav-toggle:hover{color:var(--text-primary)}.shell__nav-wrap:not([open])>.shell__nav{display:none}.shell__nav-wrap[open]>.shell__nav{max-height:60vh;overflow-y:auto;padding-top:0}.shell__nav .nav-brand{display:none}.shell__body{padding:var(--space-6) var(--gutter) var(--space-16)}.shell__header{padding:0 var(--gutter)}}@media(prefers-reduced-motion:reduce){.shell__nav-toggle:before{transition-duration:1ms}}.nav-brand{display:flex;justify-content:center;margin-bottom:var(--space-8);text-decoration:none}.nav-brand img{display:block;flex-shrink:0}.nav-module{margin-bottom:var(--space-5)}.nav-module__title{display:block;padding:var(--space-2) var(--space-3);color:var(--doc-dim);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-micro);text-transform:uppercase;text-decoration:none}.nav-module__title:hover{color:var(--text-accent)}.nav-list{margin:var(--space-1) 0 0;padding:0;list-style:none}.nav-link{display:flex;align-items:baseline;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-xs);color:var(--doc-dim);font-size:var(--fs-body-sm);text-decoration:none;transition:background var(--dur-fast) var(--ease-standard)}.nav-link:hover{background:var(--surface-card);color:var(--text-primary)}.nav-link--active{background:var(--surface-raised);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent-primary)}.nav-link__mark{flex-shrink:0;width:14px;color:var(--accent-primary);font-size:var(--fs-caption)}.crumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-body-sm);color:var(--doc-faint);min-width:0}.crumbs a{color:var(--doc-dim);text-decoration:none;white-space:nowrap}.crumbs a:hover{color:var(--text-accent)}.crumbs__current{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--border-hairline)}.lesson-nav a{max-width:45%;color:var(--doc-dim);font-size:var(--fs-body-sm);text-decoration:none}.lesson-nav a:hover{color:var(--text-accent)}.lesson-nav b{display:block;margin-top:2px;color:var(--text-primary);font-weight:var(--fw-medium)}.save-toast{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:10;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);font-size:var(--doc-small);color:var(--text-primary);pointer-events:none;opacity:0;transform:translateY(var(--space-3));transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.save-toast--shown{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.save-toast{transition-duration:1ms;transform:none}}.save-toast__mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--accent-tint-bg);color:var(--accent-tint-fg);font-size:var(--fs-caption);font-weight:var(--fw-bold)}.save-toast__mark--fail{background:var(--danger-tint-bg);color:var(--danger-fg)}.module-card{display:block;padding:var(--space-6);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.module-card:hover{background:var(--surface-raised);border-color:var(--border-strong)}.module-card__title{margin-top:var(--space-3);font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4)}.module-card__summary{margin-top:var(--space-2);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--doc-dim)}.module-card__progress{margin-top:var(--space-4);font-size:var(--doc-small);color:var(--doc-faint)}.task-list{margin:var(--space-8) 0 0;padding:0;list-style:none;border-top:1px solid var(--border-hairline)}.task-row{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--border-hairline);text-decoration:none;color:var(--text-primary);transition:background var(--dur-fast) var(--ease-standard)}.task-row:hover{background:var(--surface-card)}.task-row__number{flex-shrink:0;min-width:38px;font-family:var(--font-mono);font-size:var(--doc-small);color:var(--doc-faint)}.task-row__title{flex:1;font-size:var(--fs-body)}.task-row__badge{flex-shrink:0;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--accent-tint-bg);color:var(--accent-tint-fg);font-size:var(--fs-micro);letter-spacing:var(--ls-micro);text-transform:uppercase}.task-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.input,.textarea{width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:16px;line-height:1.5;transition:border-color var(--dur-fast) var(--ease-standard)}.textarea{resize:vertical;min-height:76px}@supports (field-sizing: content){.textarea{field-sizing:content;resize:none;max-height:24lh}}.input::placeholder,.textarea::placeholder{color:#8c8c8c}.input:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:none}.field{margin-top:var(--space-8)}.field:first-child{margin-top:0}.field__label{display:block;margin-bottom:var(--space-2);font-size:var(--doc-body);font-weight:var(--fw-medium);color:var(--text-primary)}.field__example{margin-bottom:var(--space-3);padding-left:var(--space-4);border-left:2px solid var(--border-strong);font-size:var(--doc-small);line-height:1.5;color:var(--doc-faint)}.field__example b{display:block;margin-bottom:2px;font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:var(--ls-micro);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--doc-dim)}.note{margin-top:var(--space-6);padding-left:var(--space-5);border-left:2px solid var(--border-hairline);color:var(--doc-dim)}.note--plain{padding-left:0;border-left:none;color:var(--doc-text)}.callout{margin-top:var(--space-6);max-width:var(--measure);padding-left:var(--space-5);border-left:2px solid var(--border-hairline);color:var(--doc-dim)}.callout--important{border-left-color:var(--premium-fg)}.callout--warning{border-left-color:var(--danger-fg)}.callout__title{margin-bottom:var(--space-1);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:var(--ls-micro);text-transform:uppercase;font-weight:var(--fw-bold)}.callout--important .callout__title{color:var(--premium-fg)}.callout--warning .callout__title{color:var(--danger-fg)}.sample-wrap{margin-top:var(--space-6);overflow-x:auto}.sample{border-collapse:collapse;font-size:var(--doc-small);color:var(--doc-dim)}.sample th,.sample td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--border-hairline);min-width:120px}.sample th{font-size:var(--fs-micro);letter-spacing:var(--ls-micro);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--doc-faint);white-space:nowrap}.grid-table{margin-top:var(--space-6);border:1px solid var(--border-hairline);border-radius:var(--radius-md);overflow:hidden}.grid-head,.grid-row{display:grid;gap:var(--space-2);align-items:start;padding:var(--space-2) var(--space-3)}.grid-head{background:var(--surface-sunken);border-bottom:1px solid var(--border-hairline);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:var(--ls-micro);text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--doc-faint);padding-block:var(--space-3)}.grid-row{border-top:1px solid var(--border-hairline);background:var(--surface-page)}.grid-body>*:first-child .grid-row{border-top:none}.grid-row__num{padding-top:.6rem;font-family:var(--font-mono);font-size:var(--doc-small);color:var(--doc-faint)}.input--cell,.textarea--cell,.select-cell{background:var(--surface-sunken);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);padding:var(--space-2);font-size:var(--doc-small);line-height:1.45}.input--cell:hover,.textarea--cell:hover,.select-cell:hover{border-color:var(--border-strong)}.input--cell:focus,.textarea--cell:focus,.select-cell:focus{border-color:var(--border-focus)}.select-cell{width:100%;box-sizing:border-box;color:var(--text-primary);font-family:inherit;cursor:pointer}@supports (appearance: base-select){.select-cell,.select-cell::picker(select){appearance:base-select}.select-cell::picker(select){margin-top:var(--space-1);padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised)}.select-cell option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);color:var(--doc-text)}.select-cell option:hover{background:var(--surface-hover)}.select-cell option:checked{color:var(--accent-primary)}.select-cell option::checkmark{content:"✓";color:var(--accent-primary)}.select-cell::picker-icon{color:var(--doc-faint)}}.textarea--cell{min-height:2.6lh;max-height:12lh}@supports (field-sizing: content){.textarea--cell{field-sizing:content;resize:none}}.grid-row__tools{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);padding-top:.35rem}.grid-row__grip{padding:0 var(--space-1);color:var(--doc-faint);cursor:grab;-webkit-user-select:none;user-select:none}.grid-row__grip:active{cursor:grabbing}.grid-row__remove{width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-xs);color:var(--doc-faint);font-size:var(--fs-h4);line-height:1;transition:color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.grid-row__remove:hover{background:var(--danger-tint-bg);color:var(--danger-fg)}@media(max-width:860px){.grid-head{display:none}.grid-row{grid-template-columns:1fr!important;gap:var(--space-1);padding:var(--space-4)}.grid-row__cell:before{content:attr(data-label);display:block;margin-bottom:var(--space-1);font-size:var(--fs-caption);color:var(--doc-dim)}.grid-row__cell+.grid-row__cell{margin-top:var(--space-3)}.input--cell,.textarea--cell{border-color:var(--border-hairline)}.grid-row__tools{justify-content:flex-start;margin-top:var(--space-3)}}.tableadd{margin-top:var(--space-4);padding:var(--space-3) var(--space-5);background:none;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--doc-dim);font-size:var(--doc-small);transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.tableadd:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.hint-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:var(--space-1);padding:0;flex-shrink:0;vertical-align:middle;background:#f2f2ed14;border:none;border-radius:var(--radius-pill);color:var(--doc-faint);font-size:10px;font-weight:var(--fw-bold);line-height:1;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.hint-mark:hover,.hint-mark:focus-visible{background:var(--accent-tint-bg);color:var(--accent-tint-fg)}.hint-bubble{position:absolute;position-area:block-end span-inline-end;position-try-fallbacks:block-start span-inline-end,block-end span-inline-start;margin:var(--space-2) 0 0;box-sizing:border-box;max-width:280px;padding:var(--space-3) var(--space-4);background:var(--overlay-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-modal);color:var(--doc-text);font-size:var(--doc-small);font-weight:var(--fw-regular);line-height:1.45;text-transform:none;letter-spacing:normal;overflow:visible}.hint-bubble{opacity:0;translate:0 -4px;transition:opacity var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out),display var(--dur-fast) allow-discrete,overlay var(--dur-fast) allow-discrete}.hint-bubble:popover-open{opacity:1;translate:0 0}@starting-style{.hint-bubble:popover-open{opacity:0;translate:0 -4px}}@media(prefers-reduced-motion:reduce){.hint-bubble{transition-duration:1ms;translate:none}}.calc-compare{margin-top:var(--space-6);overflow-x:auto}.calc-compare__table{width:100%;border-collapse:collapse;font-size:var(--doc-small)}.calc-compare__table th,.calc-compare__table td{padding:var(--space-3) var(--space-4);text-align:right;white-space:nowrap}.calc-compare__table thead th{color:var(--doc-faint);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-micro);text-transform:uppercase;border-bottom:1px solid var(--border-hairline)}.calc-compare__table th[scope=row],.calc-compare__table thead th:first-child{text-align:left;color:var(--doc-dim);font-weight:var(--fw-medium)}.calc-compare__table tbody tr+tr th,.calc-compare__table tbody tr+tr td{border-top:1px solid var(--border-hairline)}.calc-compare__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary)}.calc-compare__value--good{color:var(--success-fg)}.calc-compare__value--weak{color:var(--danger-fg)}.calc{display:grid;gap:var(--space-5);margin-top:var(--space-6)}.calc-card{padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg)}.calc-card__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.calc-card__title{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4)}.calc-card__inputs{display:grid;gap:var(--space-4)}@media(min-width:560px){.calc-card__inputs{grid-template-columns:1fr 1fr}}.calc-field{display:grid;gap:var(--space-1)}.calc-field__label{display:flex;align-items:center;font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--doc-dim)}.calc-field__label label{cursor:pointer}.calc-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--dur-slow) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.calc-reveal--shown{grid-template-rows:1fr;opacity:1}.calc-reveal>*{min-height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){.calc-reveal{transition-duration:1ms}}.calc-waiting{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-hairline);font-size:var(--doc-small);color:var(--doc-faint)}.flow{margin-top:var(--space-6)}.flow__hint{margin-bottom:var(--space-3);font-size:var(--doc-small);line-height:1.45;color:var(--doc-faint)}.flow__canvas{height:min(72vh,720px);position:relative;border:1px solid var(--border-hairline);border-radius:var(--radius-md);overflow:hidden}.flow__canvas .react-flow{--xy-background-color: var(--surface-sunken);--xy-node-background-color: var(--surface-raised);--xy-node-border: 1px solid var(--border-strong);--xy-node-color: var(--doc-text);--xy-node-boxshadow-hover: var(--glow-accent);--xy-theme-selected: var(--accent-primary);--xy-edge-stroke: var(--doc-faint);--xy-edge-stroke-selected: var(--accent-primary);--xy-edge-stroke-width: 3;--xy-handle-background-color: var(--accent-primary);--xy-handle-border-color: var(--surface-page);--xy-attribution-background-color: transparent}.flow__canvas .react-flow__node{font-family:var(--font-body);font-size:var(--doc-small);border-radius:var(--radius-sm)}.flow__canvas .react-flow__minimap{background:var(--surface-card)}.flow__canvas .react-flow__controls-button{background:var(--surface-raised);border-bottom:1px solid var(--border-hairline);fill:var(--doc-dim)}.flow__canvas .react-flow__controls-button:hover{background:var(--surface-hover)}.flow__canvas .react-flow__node-terminator,.flow__canvas .react-flow__node-action,.flow__canvas .react-flow__node-decision,.flow__canvas .react-flow__node-io,.flow__canvas .react-flow__node-connector{padding:0;border:none;background:none;width:auto}.shape{position:relative;display:grid;place-items:center;min-width:140px;min-height:60px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--doc-text);font-size:var(--doc-small);line-height:1.3;text-align:center}.shape__label{position:relative;max-width:190px;overflow-wrap:normal;word-break:keep-all}.shape__input{position:relative;z-index:2;max-width:180px;padding:0;border:none;border-bottom:1px solid var(--accent-primary);background:none;color:var(--doc-text);font:inherit;text-align:center}.shape__input:focus{outline:none;box-shadow:none}.flow__canvas .shape .react-flow__handle{z-index:1;width:14px;height:14px;border-width:2px}.flow__canvas .shape .react-flow__handle:after{content:"";position:absolute;inset:-7px;border-radius:var(--radius-pill)}.flow__canvas .shape .react-flow__handle:hover{background:var(--accent-primary-hover)}.shape--terminator{border-radius:var(--radius-pill)}.shape--action{border-radius:var(--radius-sm)}.shape--decision{min-width:116px;min-height:116px;border:none;background:none}.shape--decision .shape__face{position:absolute;inset:0;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-raised);pointer-events:none;rotate:45deg}.shape--decision .shape__label{position:relative;max-width:96px}.shape--io{border:none;background:none}.shape--io .shape__face{position:absolute;inset:0;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-raised);pointer-events:none;transform:skew(-18deg)}.shape--io .shape__label{position:relative}.shape--connector{min-width:62px;min-height:62px;padding:0;border-radius:var(--radius-pill)}.shape--connector .shape__label{max-width:52px}.react-flow__node.selected .shape:not(:has(.shape__face)),.react-flow__node.selected .shape__face{border-color:var(--accent-primary);box-shadow:var(--glow-accent)}.flow__foot{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.flow__canvas .react-flow__edgelabel-renderer{z-index:1001}.flow__canvas .react-flow__edge-interaction{pointer-events:stroke;cursor:pointer}.flow__edge-remove{position:absolute;display:grid;place-items:center;width:32px;height:32px;padding:0;z-index:1001;border:1px solid var(--danger-fg);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--danger-fg);pointer-events:all;opacity:0;visibility:hidden;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-standard)}.flow__edge-remove.is-shown{opacity:1;visibility:visible}.flow__edge-remove:hover{border-color:var(--danger-fg);background:var(--danger-tint-bg);color:var(--danger-fg)}.flow__edge-remove svg{width:18px;height:18px}.flow__menu{position:absolute;z-index:10;min-width:210px;padding:var(--space-2);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:var(--shadow-modal)}.flow__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-xs);background:none;color:var(--doc-text);font-family:var(--font-body);font-size:var(--doc-small);text-align:left;cursor:pointer}.flow__item:hover{background:var(--surface-hover)}.flow__item--danger:hover{color:var(--bh-black);background:var(--accent-primary)}.flow__chip{flex:none;width:20px;height:14px;border:1px solid var(--doc-dim)}.flow__chip--terminator{border-radius:var(--radius-pill)}.flow__chip--action{border-radius:3px}.flow__chip--decision{width:14px;rotate:45deg}.flow__chip--io{transform:skew(-18deg)}.flow__chip--connector{width:14px;border-radius:var(--radius-pill)}.fieldgroup{margin-top:var(--space-10)}.fieldgroup:first-of-type{margin-top:var(--space-6)}.fieldgroup__title{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-hairline);font-family:var(--font-body);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-micro);text-transform:uppercase;color:var(--text-accent)}.field__color{display:flex;align-items:center;gap:var(--space-3)}.field__swatch{flex-shrink:0;width:42px;height:42px;padding:0;background:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer}.field__swatch::-webkit-color-swatch-wrapper{padding:3px}.field__swatch::-webkit-color-swatch{border:none;border-radius:var(--radius-xs)}.field__swatch::-moz-color-swatch{border:none;border-radius:var(--radius-xs)}.ice-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.ice-head__count{font-size:var(--doc-small);color:var(--doc-faint)}.button-ghost,.ice-sort{padding:var(--space-2) var(--space-4);background:none;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--doc-dim);font-size:var(--doc-small);transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.button-ghost:hover,.ice-sort:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.head-actions{display:flex;align-items:center;gap:var(--space-3)}.button-accent{padding:var(--space-2) var(--space-4);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);background:var(--accent-primary);color:var(--text-on-accent);font-size:var(--doc-small);font-weight:var(--fw-bold);transition:background var(--dur-fast) var(--ease-standard)}.button-accent:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.button-danger{padding:var(--space-2) var(--space-4);background:none;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--doc-dim);font-size:var(--doc-small);transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.button-danger:hover{border-color:var(--danger-fg);color:var(--danger-fg)}.confirm{max-width:420px;padding:var(--space-6);border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-card);color:var(--doc-text);box-shadow:var(--shadow-modal)}.confirm::backdrop{background:#0009}.confirm__title{font-size:var(--doc-h2);line-height:1.2}.confirm__text{margin-top:var(--space-3);font-size:var(--doc-small);line-height:1.5;color:var(--doc-dim)}.confirm__field{width:100%;box-sizing:border-box;margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--doc-text);font:inherit;font-size:var(--doc-small)}.confirm__row{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.confirm__go{padding:var(--space-2) var(--space-4);border:1px solid var(--danger-fg);border-radius:var(--radius-sm);background:var(--danger-fg);color:var(--bh-black);font-size:var(--doc-small);font-weight:var(--fw-bold)}.confirm__go:disabled{border-color:var(--border-hairline);background:none;color:var(--doc-faint)}.ice-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.ice-row{padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-hairline);border-left:3px solid var(--border-hairline);border-radius:var(--radius-md);transition:border-left-color var(--dur-base) var(--ease-standard)}.ice-row--now{border-left-color:var(--success-fg)}.ice-row--next{border-left-color:var(--premium-fg)}.ice-row--later{border-left-color:var(--border-strong)}.ice-row__main{display:grid;gap:var(--space-3);align-items:end}@media(min-width:900px){.ice-row__main{grid-template-columns:minmax(0,1fr) auto auto}}.ice-row__title{font-size:var(--doc-small)}.ice-row__scores{display:flex;align-items:end;gap:var(--space-3)}.ice-score{display:grid;gap:var(--space-1)}.ice-score__label{display:flex;align-items:center;font-size:var(--fs-caption);color:var(--doc-dim)}.ice-score__input{width:68px;text-align:center}.ice-score--result{min-width:64px}.ice-row__value{display:block;padding:var(--space-2);font-family:var(--font-mono);font-size:var(--doc-body);font-weight:var(--fw-semibold);color:var(--text-primary);text-align:center}.ice-row--now .ice-row__value{color:var(--success-fg)}.ice-row--later .ice-row__value{color:var(--doc-faint)}.ice-row__remove{align-self:center}.ice-row__note{display:flex;align-items:baseline;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-hairline);flex-wrap:wrap}.ice-badge{flex-shrink:0;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-micro);letter-spacing:var(--ls-micro);text-transform:uppercase;font-weight:var(--fw-semibold)}.ice-badge--now{background:var(--accent-tint-bg);color:var(--accent-tint-fg)}.ice-badge--next{background:var(--premium-tint-bg);color:var(--premium-fg)}.ice-badge--later{background:var(--surface-sunken);color:var(--doc-faint)}.ice-row__text{flex:1;min-width:240px;font-size:var(--doc-small);line-height:1.5;color:var(--doc-dim)}.ice-foot{margin-top:var(--space-5);max-width:var(--measure);font-size:var(--doc-small);color:var(--doc-faint)}.calc-lines{margin:var(--space-5) 0 0;padding:0;list-style:none;counter-reset:calc-line}.calc-lines li{position:relative;counter-increment:calc-line;padding-left:var(--space-8);margin-top:var(--space-3);font-size:var(--doc-small);line-height:1.55;color:var(--doc-dim)}.calc-lines li:first-child{margin-top:0}.calc-lines li:before{content:counter(calc-line);position:absolute;left:0;top:1px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--surface-sunken);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--doc-faint)}.calc-lines b{font-weight:var(--fw-semibold);color:var(--text-primary);white-space:nowrap}.calc-say{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-sunken);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm)}.calc-say--good{border-left-color:var(--success-fg)}.calc-say--mixed{border-left-color:var(--premium-fg)}.calc-say--weak{border-left-color:var(--danger-fg)}.calc-say__text{font-size:var(--doc-body);font-weight:var(--fw-semibold);color:var(--text-primary)}.calc-say--good .calc-say__text{color:var(--success-fg)}.calc-say--weak .calc-say__text{color:var(--danger-fg)}.calc-say__detail{margin-top:var(--space-2);font-size:var(--doc-small);line-height:1.5;color:var(--doc-dim)}.calc-out{display:grid;gap:var(--space-3);margin:var(--space-5) 0 0;padding-top:var(--space-5);border-top:1px solid var(--border-hairline)}@media(min-width:560px){.calc-out{grid-template-columns:1fr 1fr}}.calc-out__item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.calc-out__item dt{font-size:var(--doc-small);color:var(--doc-dim)}.calc-out__item dd{margin:0;font-family:var(--font-mono);font-size:var(--doc-small);font-weight:var(--fw-medium);color:var(--text-primary);white-space:nowrap}.calc-out__item--good dd{color:var(--success-fg)}.calc-out__item--weak dd{color:var(--premium-fg)}.calc-total{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface-card);border-left:3px solid var(--border-strong);border-radius:var(--radius-md)}.calc-total--good{border-left-color:var(--success-fg)}.calc-total--mixed{border-left-color:var(--premium-fg)}.calc-total--weak{border-left-color:var(--danger-fg)}.calc-total__text{font-size:var(--doc-h2);font-family:var(--font-display);font-weight:var(--fw-display);color:var(--text-primary)}.calc-total--good .calc-total__text{color:var(--success-fg)}.calc-total--weak .calc-total__text{color:var(--danger-fg)}.calc-total__detail{margin-top:var(--space-3);max-width:var(--measure);font-size:var(--doc-small);line-height:1.55;color:var(--doc-dim)}.calc-note{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.checklist{margin:0;padding:0;list-style:none}.checklist__row{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-hairline)}.checklist__row:first-child{margin-top:var(--space-6);padding-top:0;border-top:none}.checklist__head{display:flex;align-items:baseline;gap:var(--space-3)}.checklist__box{flex-shrink:0;appearance:none;width:18px;height:18px;margin:0;background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.checklist__box:hover{border-color:var(--accent-primary)}.checklist__box:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.checklist__box:checked:after{content:"";display:block;width:4px;height:9px;margin:1px auto 0;border:solid var(--text-on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.checklist__label{font-size:var(--doc-body);font-weight:var(--fw-medium);color:var(--text-primary);cursor:pointer}.checklist__hint{margin:var(--space-2) 0 var(--space-3);padding-left:calc(18px + var(--space-3));font-size:var(--doc-small);line-height:1.5;color:var(--doc-faint)}.checklist__row .input{margin-top:var(--space-3)}.section-title{margin-top:var(--space-16);margin-bottom:var(--space-4);font-size:var(--doc-h2)}.section-title--sample{margin-bottom:var(--space-3);color:var(--doc-dim);font-size:var(--doc-body)}@scope(.prose){:where(p){margin-block:.9em;max-width:var(--measure)}:where(h2){margin-top:2.4em;margin-bottom:.5em;font-size:var(--doc-h2)}:where(h3){margin-top:1.8em;margin-bottom:.4em;font-size:var(--fs-h4)}:where(ul,ol){margin-block:.9em;padding-left:1.4em;max-width:var(--measure)}:where(li){margin-block:.3em}:where(li)::marker{color:var(--doc-faint)}:where(blockquote){margin:1.4em 0;padding-left:var(--space-5);border-left:2px solid var(--border-strong);color:var(--doc-dim)}:where(figure){margin:1.4em 0}:where(figcaption){margin-top:var(--space-2);padding-left:var(--space-5);font-size:var(--doc-small);color:var(--doc-faint)}:where(dt){margin-top:.9em;font-weight:var(--fw-semibold);color:var(--text-primary)}:where(dd){margin:.2em 0 0;padding-left:var(--space-5);color:var(--doc-dim)}:where(dfn){font-style:normal;font-weight:var(--fw-semibold);color:var(--text-primary)}:where(code){padding:.1em .35em;background:var(--surface-sunken);border:1px solid var(--border-hairline);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.9em}:where(a){color:var(--text-accent);text-underline-offset:.2em}:where(strong){font-weight:var(--fw-semibold);color:var(--text-primary)}:where(kbd){padding:.1em .4em;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.85em}}.auth{max-width:420px;display:flex;flex-direction:column;align-items:center;min-height:100vh;justify-content:center;text-align:center}.auth__title{margin-top:var(--space-6);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}.auth__form{text-align:left}.auth__text{margin-top:var(--space-3);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-secondary)}.auth__form{width:100%;margin-top:var(--space-10);display:flex;flex-direction:column;gap:var(--space-2)}.auth__form .field__label:not(:first-child){margin-top:var(--space-4)}.auth__password{position:relative}.auth__password .input{padding-right:48px}.auth__eye{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard)}.auth__eye:hover{color:var(--text-primary)}.auth__eye:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.auth__remember{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--fs-body-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.auth__remember input{width:16px;height:16px;margin:0;accent-color:var(--accent-primary);cursor:pointer}.auth__hint{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--text-muted)}.auth__error{margin-top:var(--space-2);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--danger-fg)}.auth__submit{margin-top:var(--space-6);height:52px;padding:0 var(--space-6);border:none;border-radius:var(--radius-md);background:var(--accent-primary);color:var(--text-on-accent);font-family:inherit;font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.auth__submit:hover:not(:disabled){background:var(--accent-primary-hover)}.auth__submit:active:not(:disabled){background:var(--accent-primary-press);transform:scale(.98)}.auth__submit:disabled{opacity:.4;cursor:not-allowed}.auth__link{margin-top:var(--space-6);padding:0;border:none;background:none;color:var(--text-secondary);font-family:inherit;font-size:var(--fs-body-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth__link:hover{color:var(--text-primary)}