@font-face{font-family:Timeless Sans Grotesk;src:url(../fonts/TimelessSans-GroteskRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Timeless Sans Grotesk;src:url(../fonts/TimelessSans-GroteskRegularItalic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Timeless Sans Grotesk;src:url(../fonts/TimelessSans-GroteskMedium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Timeless Sans Grotesk;src:url(../fonts/TimelessSans-GroteskSemibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Timeless Sans Grotesk;src:url(../fonts/TimelessSans-GroteskBold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Paper Mono;src:url(../fonts/PaperMono%5Bwght%5D.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root,[data-theme=light]{color-scheme:light;--color-bg: #ffffff;--color-bg-subtle: #f7f7f5;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-hover: #f1f1ee;--color-selected: #ebebe7;--color-line: #e7e7e3;--color-line-strong: #d6d6d1;--color-control: #7f817c;--color-text: #1a1c1b;--color-text-muted: #5d605b;--color-text-subtle: #6a6d68;--color-primary: #25483e;--color-primary-hover: #19372f;--color-on-primary: #ffffff;--color-accent: #d5ed88;--color-on-accent: #172e28;--color-focus: #25483e;--color-success: #286047;--color-success-soft: #ebf4ee;--color-error: #a33232;--color-error-soft: #fdf0ef;--color-scrim: #0b0c0b66;--color-forest: #25483e;--color-lime: #d5ed88;--color-ink: #172e28;--font-sans: "Timeless Sans Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "Paper Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--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;--radius-control: 8px;--radius-card: 12px;--radius-panel: 16px;--radius-overlay: 20px;--radius-pill: 999px;--type-display: clamp(40px, 5vw, 64px);--type-h1: clamp(32px, 3.2vw, 40px);--type-h2: 24px;--type-h3: 17px;--type-lead: 18px;--type-body: 16px;--type-small: 14px;--type-label: 12px;--line-body: 1.6;--line-heading: 1.15;--motion-fast: .12s;--motion-normal: .18s;--motion-ease: cubic-bezier(.2, .8, .2, 1);--layout-sidebar: 272px;--layout-reading: 720px;--layout-wide: 1120px;--layout-target: 44px;--shadow-overlay: 0 24px 64px #0b0c0b24, 0 2px 8px #0b0c0b14;--shadow-raised: 0 1px 2px #0b0c0b14;--breakpoints-mobile: 800px;--breakpoints-compact: 1100px}[data-theme=dark]{color-scheme:dark;--color-bg: #171817;--color-bg-subtle: #121312;--color-surface: #1c1d1c;--color-surface-raised: #222322;--color-hover: #272927;--color-selected: #2e302e;--color-line: #2a2c2a;--color-line-strong: #3a3d3a;--color-control: #80837f;--color-text: #ededea;--color-text-muted: #a4a7a2;--color-text-subtle: #8e918c;--color-primary: #d5ed88;--color-primary-hover: #e3f5a9;--color-on-primary: #172e28;--color-accent: #d5ed88;--color-on-accent: #172e28;--color-focus: #d5ed88;--color-success: #82d1a5;--color-success-soft: #16261d;--color-error: #ff8f86;--color-error-soft: #2c1816;--color-scrim: #000000a6;--color-forest: #25483e;--color-lime: #d5ed88;--color-ink: #172e28;--shadow-overlay: 0 24px 64px #00000099, 0 0 0 1px #ffffff12;--shadow-raised: 0 1px 2px #00000066}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #171817;--color-bg-subtle: #121312;--color-surface: #1c1d1c;--color-surface-raised: #222322;--color-hover: #272927;--color-selected: #2e302e;--color-line: #2a2c2a;--color-line-strong: #3a3d3a;--color-control: #80837f;--color-text: #ededea;--color-text-muted: #a4a7a2;--color-text-subtle: #8e918c;--color-primary: #d5ed88;--color-primary-hover: #e3f5a9;--color-on-primary: #172e28;--color-accent: #d5ed88;--color-on-accent: #172e28;--color-focus: #d5ed88;--color-success: #82d1a5;--color-success-soft: #16261d;--color-error: #ff8f86;--color-error-soft: #2c1816;--color-scrim: #000000a6;--color-forest: #25483e;--color-lime: #d5ed88;--color-ink: #172e28;--shadow-overlay: 0 24px 64px #00000099, 0 0 0 1px #ffffff12;--shadow-raised: 0 1px 2px #00000066}}.ui-banner{display:flex;align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-4);background:var(--color-bg-subtle);color:var(--color-text);border-bottom:1px solid var(--color-line);font-size:var(--type-small);line-height:1.4}.ui-banner p{margin:0;flex:1;min-width:0}.ui-banner>svg{flex-shrink:0;color:var(--color-text-muted)}.ui-banner--warning{background:var(--color-error-soft);color:var(--color-error);border-bottom-color:transparent}.ui-banner--warning>svg{color:currentColor}.ui-banner-action a,.ui-banner-action button{color:inherit;font:inherit;font-weight:500;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ui-banner-close{display:grid;place-items:center;width:28px;height:28px;margin:-4px -8px -4px 0;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:inherit;cursor:pointer;flex-shrink:0}.ui-banner-close:hover{background:var(--color-hover)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-control);font:500 var(--type-small)/1.3 var(--font-sans);letter-spacing:-.005em;cursor:pointer;text-decoration:none;white-space:normal;transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.ui-button:active:not(:disabled){transform:scale(.98)}.ui-button--primary{background:var(--color-primary);color:var(--color-on-primary)}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-line-strong);box-shadow:var(--shadow-raised)}.ui-button--secondary:hover:not(:disabled){background:var(--color-hover)}.ui-button--quiet{background:transparent;color:var(--color-text)}.ui-button--quiet:hover:not(:disabled){background:var(--color-hover)}.ui-button--danger{background:var(--color-error);color:var(--color-bg)}.ui-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 88%,var(--color-text))}.ui-button:disabled{opacity:.45;cursor:not-allowed}.ui-button[aria-busy]{opacity:.8;cursor:progress}.busy-dot{width:14px;height:14px;border-radius:var(--radius-pill);border:2px solid currentColor;border-right-color:transparent;animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-command{width:100%;max-width:520px;padding:var(--space-2);background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay);color:var(--color-text);text-align:left}.ui-command-field{display:flex;align-items:center;gap:var(--space-2);height:var(--layout-target);padding:0 var(--space-2) 0 var(--space-3);border-radius:var(--radius-card);background:var(--color-bg-subtle);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-text-muted);transition:box-shadow var(--motion-fast) var(--motion-ease)}.ui-command-field:focus-within{box-shadow:inset 0 0 0 1px var(--color-line-strong),0 0 0 3px color-mix(in srgb,var(--color-focus) 16%,transparent)}.ui-command-input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;color:var(--color-text);font:400 15px/1 var(--font-sans);caret-color:var(--color-primary)}.ui-command-input::placeholder{color:var(--color-text-subtle)}.ui-command-kbd{font:500 11px/1 var(--font-mono);color:var(--color-text-muted);padding:5px 7px;border-radius:6px;background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line)}.ui-command-clear{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:6px;background:var(--color-hover);color:var(--color-text-muted);cursor:pointer}.ui-command-clear:hover{color:var(--color-text);background:var(--color-selected)}.ui-command-body{min-height:228px;padding:var(--space-1) 0 var(--space-1)}.ui-command-section{padding:var(--space-2) 0 0}.ui-command-section-label{display:block;padding:var(--space-2) var(--space-3) 6px;font:500 11px/1.2 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle)}.ui-command-list{outline:none}.ui-command-list:empty{display:none}.ui-command-item{display:flex;align-items:center;gap:var(--space-3);min-height:40px;padding:6px var(--space-3);border-radius:var(--radius-control);cursor:pointer;scroll-margin:var(--space-2)}.ui-command-item[data-highlighted]{background:var(--color-hover)}.ui-command-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-control);background:var(--color-bg-subtle);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-text-muted);flex-shrink:0}.ui-command-text{display:grid;gap:1px;min-width:0;flex:1}.ui-command-label{font-size:15px;line-height:1.35;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-command[data-state=typing] .ui-command-label{color:var(--color-text-muted)}.ui-command-label mark{background:none;color:var(--color-text);font-weight:600}.ui-command-slash{color:var(--color-text-subtle)}.ui-command-text small{font-size:13px;color:var(--color-text-muted);line-height:1.35}.ui-command-enter{color:var(--color-text-subtle);opacity:0;flex-shrink:0}.ui-command-item[data-highlighted] .ui-command-enter{opacity:1}.ui-command-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px var(--space-3) var(--space-2)}.ui-command-chip{height:30px;padding:0 10px;border:0;border-radius:var(--radius-control);background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-text);font:400 13px/1 var(--font-sans);cursor:pointer}.ui-command-chip:hover{background:var(--color-selected)}.ui-command-empty{margin:0;padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--type-small);line-height:1.5;color:var(--color-text-muted)}.ui-command-empty strong{color:var(--color-text);font-weight:600;word-break:break-word}.ui-command-skeleton{display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3)}.ui-command-skeleton i,.ui-command-skeleton b{display:block;height:10px;border-radius:var(--radius-pill);background:var(--color-hover);animation:ui-pulse 1.2s var(--motion-ease) infinite alternate}.ui-command-skeleton i{width:24px;height:24px;border-radius:6px}.ui-command-skeleton b{width:55%}.ui-command-skeleton:nth-child(3) b{width:40%}.ui-command-skeleton:nth-child(4) b{width:62%}@keyframes ui-pulse{to{opacity:.45}}.ui-command-input:focus-visible{outline:none}.ui-control-label{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--layout-target);cursor:pointer;font-size:var(--type-small);color:var(--color-text)}.ui-control-label:has([data-disabled]){opacity:.5;cursor:not-allowed}.ui-checkbox{display:grid;place-items:center;width:18px;height:18px;padding:0;border:1px solid var(--color-control);border-radius:5px;background:var(--color-surface);color:var(--color-on-primary);flex-shrink:0;transition:background-color var(--motion-fast) var(--motion-ease)}.ui-checkbox[data-checked]{background:var(--color-primary);border-color:var(--color-primary)}.ui-switch{position:relative;width:36px;height:22px;padding:2px;border:0;border-radius:var(--radius-pill);background:var(--color-line-strong);flex-shrink:0;transition:background-color var(--motion-fast) var(--motion-ease)}.ui-switch[data-checked]{background:var(--color-primary)}.ui-switch-thumb{display:block;width:18px;height:18px;background:var(--color-surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-raised);transition:transform var(--motion-normal) var(--motion-ease)}.ui-switch[data-checked] .ui-switch-thumb{transform:translate(14px);background:var(--color-on-primary)}.ui-badge,.ui-status{display:inline-flex;align-items:center;gap:6px;height:24px;font:500 var(--type-label)/1 var(--font-sans);border-radius:var(--radius-pill);padding:0 var(--space-2);white-space:nowrap}.ui-badge--neutral{color:var(--color-text-muted);background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line)}.ui-badge--accent{color:var(--color-on-accent);background:var(--color-accent)}.ui-status{color:var(--color-text);background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line)}.ui-status>span{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-text-subtle)}.ui-status--in-progress{background:var(--color-accent);color:var(--color-on-accent);box-shadow:none}.ui-status--in-progress>span{background:var(--color-on-accent)}.ui-status--delivered{color:var(--color-success);background:var(--color-success-soft);box-shadow:none}.ui-status--delivered>span{background:var(--color-success)}.ui-notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);font-size:var(--type-small);line-height:1.5;background:var(--color-bg-subtle);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-line)}.ui-notice svg{margin-top:3px;flex-shrink:0;color:var(--color-text-muted)}.ui-notice--success{color:var(--color-success);background:var(--color-success-soft);box-shadow:none}.ui-notice--error{color:var(--color-error);background:var(--color-error-soft);box-shadow:none}.ui-notice--success svg,.ui-notice--error svg{color:currentColor}.ui-empty{display:grid;justify-items:center;text-align:center;padding:var(--space-10) var(--space-4)}.ui-empty h3{font:600 var(--type-h3)/1.3 var(--font-sans);letter-spacing:-.01em;margin:0 0 var(--space-1);color:var(--color-text)}.ui-empty p{color:var(--color-text-muted);font-size:var(--type-small);margin:0 0 var(--space-5);max-width:36ch}.ui-field{display:grid;gap:var(--space-2);margin:0 0 var(--space-5);min-width:0}.ui-field label{font-size:var(--type-small);font-weight:500;color:var(--color-text)}.ui-input{width:100%;min-height:var(--layout-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:400 var(--type-small)/1.5 var(--font-sans);transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}.ui-input::placeholder{color:var(--color-text-subtle)}.ui-input:hover{border-color:var(--color-control)}.ui-input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 22%,transparent)}select.ui-input{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat}textarea.ui-input{resize:vertical;min-height:96px}.ui-input[aria-invalid]{border-color:var(--color-error)}.ui-input[aria-invalid]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 22%,transparent)}.ui-input:disabled{opacity:.55;cursor:not-allowed}.field-hint,.field-error{font-size:13px;line-height:1.45}.field-hint{color:var(--color-text-muted)}.field-error{color:var(--color-error)}.ui-help-trigger{position:relative;display:grid;place-items:center;width:var(--layout-target);height:var(--layout-target);padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-text-muted);cursor:pointer}.ui-help-trigger:hover,.ui-help-trigger[data-popup-open]{background:var(--color-hover);color:var(--color-text)}.ui-help-dot{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 0 0 2px var(--color-bg)}.ui-menu{min-width:200px;padding:var(--space-1);outline:none}.ui-menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--color-text);font-size:var(--type-small);text-decoration:none;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.ui-menu-item[data-highlighted]{background:var(--color-hover)}.ui-menu-separator{height:1px;margin:var(--space-1) 0;background:var(--color-line)}.ui-infotip{display:inline-grid;place-items:center;width:24px;height:24px;margin:-4px 0;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-subtle);cursor:pointer;flex-shrink:0;transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.ui-infotip:hover,.ui-infotip[data-popup-open]{color:var(--color-text);background:var(--color-hover)}.ui-infotip-popup{max-width:min(280px,calc(100vw - 32px));padding:var(--space-3);font-size:13px;line-height:1.5;outline:none}.ui-infotip-popup p{margin:0;color:var(--color-text)}.ui-infotip-popup a{display:inline-block;margin-top:var(--space-2);color:var(--color-text);font-weight:500;text-underline-offset:3px}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.button-row--end{justify-content:flex-end;margin-top:var(--space-6)}.ui-backdrop{position:fixed;inset:0;background:var(--color-scrim);transition:opacity var(--motion-normal) var(--motion-ease)}.ui-backdrop[data-starting-style],.ui-backdrop[data-ending-style]{opacity:0}.ui-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:var(--space-6);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-line);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay);transition:opacity var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease)}.ui-modal[data-starting-style],.ui-modal[data-ending-style]{opacity:0;transform:translate(-50%,-48%) scale(.98)}.ui-modal h2{font:600 20px/1.3 var(--font-sans);letter-spacing:-.02em;margin:0 0 var(--space-2)}.ui-modal p{color:var(--color-text-muted);font-size:var(--type-small);margin:0 0 var(--space-3)}.ui-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4)}.ui-page-header h1,.ui-page-header h2,.ui-page-header h3{margin:0;font:600 var(--type-h3)/1.3 var(--font-sans);letter-spacing:-.015em;color:var(--color-text)}.ui-page-header h1{font-size:var(--type-h2)}.ui-page-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-metric{display:grid;gap:var(--space-1);min-width:0}.ui-metric-label{font-size:var(--type-small);color:var(--color-text-muted)}.ui-metric-value{font:600 var(--type-h2)/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--color-text);font-variant-numeric:tabular-nums}.ui-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}.ui-table{border-collapse:collapse;width:100%;font-size:var(--type-small)}.ui-table th{color:var(--color-text-muted);text-align:left;font-weight:500;font-size:var(--type-label);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-bg-subtle)}.ui-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);white-space:nowrap;color:var(--color-text)}.ui-table tr:last-child td{border-bottom:0}.ui-table tbody tr:hover td{background:var(--color-bg-subtle)}.ui-table td:first-child{min-width:220px}.ui-table-link{display:block;background:transparent;border:0;padding:0;color:var(--color-text);font:500 var(--type-small)/1.4 var(--font-sans);text-align:left;cursor:pointer}.ui-table-link:hover{text-decoration:underline;text-underline-offset:3px}.ui-table small{display:block;color:var(--color-text-muted);font-size:var(--type-label)}.ui-setup{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card)}.ui-setup-head{display:flex;align-items:center;gap:var(--space-3)}.ui-setup-head h2{flex:1;min-width:0;margin:0;font:600 var(--type-body)/1.35 var(--font-sans);letter-spacing:-.01em;color:var(--color-text)}.ui-setup-count{font-size:var(--type-small);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ui-setup-close{display:grid;place-items:center;width:28px;height:28px;margin:-4px -8px -4px 0;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-text-muted);cursor:pointer}.ui-setup-close:hover{background:var(--color-hover);color:var(--color-text)}.ui-setup-progress{appearance:none;width:100%;height:4px;border:0;border-radius:var(--radius-pill);background:var(--color-selected);overflow:hidden}.ui-setup-progress::-webkit-progress-bar{background:var(--color-selected)}.ui-setup-progress::-webkit-progress-value{background:var(--color-primary);border-radius:var(--radius-pill)}.ui-setup-progress::-moz-progress-bar{background:var(--color-primary);border-radius:var(--radius-pill)}.ui-setup-steps{display:grid;margin:0;padding:0;list-style:none}.ui-setup-step{display:flex;align-items:center;gap:var(--space-3);min-height:var(--layout-target);border-top:1px solid var(--color-line);font-size:var(--type-small);color:var(--color-text)}.ui-setup-step:first-child{border-top:0}.ui-setup-step[data-done] .ui-setup-label{color:var(--color-text-muted);text-decoration:line-through}.ui-setup-mark{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--color-control);border-radius:var(--radius-pill);flex-shrink:0}.ui-setup-step[data-done] .ui-setup-mark{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ui-setup-label{flex:1;min-width:0}.ui-tabs-root{min-width:0}.ui-tabs{position:relative;display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-line);overflow-x:auto;scrollbar-width:none}.ui-tab{position:relative;background:transparent;color:var(--color-text-muted);border:0;min-height:var(--layout-target);padding:0 var(--space-3);font:500 var(--type-small)/1 var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:var(--radius-control) var(--radius-control) 0 0;transition:color var(--motion-fast) var(--motion-ease)}.ui-tab:hover,.ui-tab[data-active]{color:var(--color-text)}.ui-tab-indicator{position:absolute;bottom:-1px;left:var(--active-tab-left);width:var(--active-tab-width);height:2px;background:var(--color-text);border-radius:var(--radius-pill);transition:left var(--motion-normal) var(--motion-ease),width var(--motion-normal) var(--motion-ease)}.ui-tab-panel{padding-top:var(--space-5);outline:none}.ui-tab-panel p{color:var(--color-text-muted);font-size:var(--type-small);margin:0}.ui-toast-viewport{position:fixed;z-index:60;right:var(--space-4);bottom:var(--space-4);width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column-reverse;gap:var(--space-2);outline:none}.ui-toast{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);font-size:var(--type-small);transition:opacity var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease);transform:translate(var(--toast-swipe-movement-x))}.ui-toast[data-starting-style],.ui-toast[data-ending-style]{opacity:0;transform:translateY(8px)}.ui-toast[data-limited]{display:none}.ui-toast>svg{flex-shrink:0}.ui-toast-title{flex:1;min-width:0;margin:0;font:inherit;font-weight:500}.ui-toast-action{min-height:32px;padding:0 var(--space-3);border:0;border-radius:var(--radius-control);background:transparent;color:inherit;font:600 var(--type-small)/1 var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ui-toast-action:hover,.ui-toast-close:hover{background:color-mix(in srgb,var(--color-bg) 14%,transparent)}.ui-toast-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:inherit;cursor:pointer;flex-shrink:0}.ui-toast :focus-visible{outline:2px solid var(--color-bg);outline-offset:1px}.ui-coach{width:min(300px,calc(100vw - 32px));padding:var(--space-4);outline:none}.ui-coach-arrow{width:12px;height:12px;background:var(--color-surface-raised);border:1px solid var(--color-line);transform:rotate(45deg)}.ui-coach-arrow[data-side=bottom]{top:-7px;border-right:0;border-bottom:0}.ui-coach-arrow[data-side=top]{bottom:-7px;border-left:0;border-top:0}.ui-coach-arrow[data-side=left]{right:-7px;border-left:0;border-bottom:0}.ui-coach-arrow[data-side=right]{left:-7px;border-right:0;border-top:0}.ui-coach-count{display:block;margin-bottom:var(--space-1);font-size:var(--type-label);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ui-coach-title{margin:0 0 var(--space-1);font:600 15px/1.35 var(--font-sans);letter-spacing:-.01em}.ui-coach-body{margin:0;font-size:var(--type-small);line-height:1.5;color:var(--color-text-muted)}.ui-coach-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}[data-tour-active]{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-control);transition:outline-color var(--motion-fast) var(--motion-ease)}.ui-title-row{display:flex;align-items:center;gap:var(--space-1);min-width:0}.ui-popover-positioner{z-index:50}.ui-infotip-popup,.ui-coach,.ui-menu{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-overlay);transform-origin:var(--transform-origin);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.ui-infotip-popup[data-starting-style],.ui-infotip-popup[data-ending-style],.ui-coach[data-starting-style],.ui-coach[data-ending-style],.ui-menu[data-starting-style],.ui-menu[data-ending-style]{opacity:0;transform:scale(.97)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box}html{scroll-padding-top:var(--space-8);-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font:400 var(--type-body)/var(--line-body) var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{isolation:isolate}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button svg,a svg{flex-shrink:0}code,kbd,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}h1:focus{outline:none}::selection{background:var(--color-accent);color:var(--color-on-accent)}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-2);left:var(--space-2);transform:translateY(-200%);padding:var(--space-2) var(--space-3);background:var(--color-surface-raised);border-radius:var(--radius-control);box-shadow:var(--shadow-overlay);z-index:100}.skip-link:focus{transform:translateY(0)}.text-success{color:var(--color-success)}.icon-button{display:grid;place-items:center;width:var(--layout-target);height:var(--layout-target);background:transparent;color:var(--color-text-muted);border:0;border-radius:var(--radius-control)}.icon-button:hover{color:var(--color-text);background:var(--color-hover)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:2;width:var(--layout-sidebar);display:flex;flex-direction:column;background:var(--color-bg-subtle);border-right:1px solid var(--color-line);padding:var(--space-5) var(--space-4) var(--space-4)}.identity{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;padding:0 var(--space-1)}.identity-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--color-forest);color:var(--color-lime);flex-shrink:0}.identity strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.identity small{display:block;font-size:13px;color:var(--color-text-muted);line-height:1.3}.search-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;height:40px;margin:var(--space-5) 0 var(--space-4);padding:0 6px 0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text-subtle);font-size:var(--type-small);text-align:left;box-shadow:var(--shadow-raised);transition:border-color var(--motion-fast) var(--motion-ease)}.search-trigger:hover{border-color:var(--color-line-strong);color:var(--color-text-muted)}.search-trigger span{flex:1}.search-trigger kbd,.rail kbd{display:grid;place-items:center;min-width:22px;height:22px;font-size:11px;border-radius:6px;background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-text-muted)}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2) var(--space-4);scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent}.nav-group{margin-top:var(--space-6)}.nav-group:first-child{margin-top:var(--space-3)}.nav-group-title{display:block;padding:0 var(--space-2) var(--space-2);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.nav-group a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:34px;padding:0 var(--space-2);border-radius:var(--radius-control);font-size:14.5px;line-height:1.3;color:var(--color-text-muted);text-decoration:none;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.nav-group a:hover{background:var(--color-hover);color:var(--color-text)}.nav-group a[aria-current]{background:var(--color-selected);color:var(--color-text);font-weight:500}.nav-badge{font-size:11px;font-weight:500;line-height:1;padding:4px 7px;border-radius:var(--radius-pill);color:var(--color-success);background:var(--color-success-soft)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-line)}.version{font:12px var(--font-mono);color:var(--color-text-subtle)}.theme-switch{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-card);background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line)}.theme-switch button{display:grid;place-items:center;width:34px;height:30px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-text-subtle);transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.theme-switch button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.theme-switch button:hover{color:var(--color-text)}.theme-switch button[aria-checked=true]{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-raised),inset 0 0 0 1px var(--color-line)}.mobile-bar{display:none}.main{margin-left:var(--layout-sidebar);padding:0 var(--space-16) var(--space-20) 112px;outline:none;min-width:0}.article{max-width:var(--layout-wide);margin:0 auto;padding-top:var(--space-12);min-width:0}.page-header{margin-bottom:var(--space-12)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:15px;color:var(--color-text-subtle);margin-bottom:var(--space-8)}.breadcrumb [aria-current]{color:var(--color-text)}.page-header h1{font-size:var(--type-h1);line-height:var(--line-heading);font-weight:600;letter-spacing:-.03em;margin:0 0 var(--space-4)}.lead{font-size:var(--type-lead);line-height:1.6;color:var(--color-text-muted);max-width:64ch;margin:0}.meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.meta-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--space-3);border-radius:var(--radius-control);background:var(--color-bg-subtle);box-shadow:inset 0 0 0 1px var(--color-line);font-size:14px;color:var(--color-text);text-decoration:none;white-space:nowrap;border:0}.meta-mono{font-family:var(--font-mono);font-size:13px}.meta-key{color:var(--color-text-subtle)}.meta-status i{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-text-subtle)}.meta-status--stable i{background:var(--color-success)}.meta-status--new{color:var(--color-success);background:var(--color-success-soft);box-shadow:none}.meta-status--new i{background:var(--color-success)}.meta-action{color:var(--color-text-muted);transition:color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.meta-action:hover{color:var(--color-text);background:var(--color-hover)}.rail{position:fixed;top:50%;left:calc(var(--layout-sidebar) + var(--space-5));transform:translateY(-50%);z-index:4}.rail ol{list-style:none;margin:0;padding:var(--space-3) var(--space-2);display:grid;gap:2px;border-radius:var(--radius-card);transition:background-color var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}.rail a{display:flex;align-items:center;gap:var(--space-3);height:18px;text-decoration:none;color:var(--color-text-muted);font-size:13px;white-space:nowrap}.rail i{display:block;width:14px;height:2px;border-radius:2px;background:var(--color-line-strong);flex-shrink:0;transition:width var(--motion-normal) var(--motion-ease),background-color var(--motion-normal) var(--motion-ease)}.rail a[aria-current] i{width:28px;background:var(--color-text)}.rail span{opacity:0;max-width:0;overflow:hidden;transition:opacity var(--motion-fast) var(--motion-ease)}.rail:hover ol,.rail:focus-within ol{background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);padding-right:var(--space-4)}.rail:hover span,.rail:focus-within span{opacity:1;max-width:240px}.rail a:hover,.rail a[aria-current]{color:var(--color-text)}.rail a:hover i{background:var(--color-text-muted)}.page-body{min-width:0}.doc-intro{margin-bottom:var(--space-12)}.doc-section{margin-top:var(--space-16);scroll-margin-top:var(--space-8)}.doc-section:first-child{margin-top:0}.doc-section>h2{font-size:var(--type-h2);line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-3);scroll-margin-top:var(--space-8)}.anchor{text-decoration:none}.anchor:hover:after{content:" #";color:var(--color-text-subtle);font-weight:400}.md{max-width:var(--layout-reading);overflow-wrap:break-word}.md p,.md ul,.md ol{color:var(--color-text-muted);margin:0 0 var(--space-4)}.md>:last-child{margin-bottom:0}.doc-section .md+*,.doc-section *+.md{margin-top:var(--space-6)}.md strong{color:var(--color-text);font-weight:600}.md li{margin-bottom:var(--space-2);padding-left:2px}.md li::marker{color:var(--color-text-subtle)}.md a{color:var(--color-text);text-decoration-color:var(--color-line-strong);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color var(--motion-fast) var(--motion-ease)}.md a:hover{text-decoration-color:var(--color-text)}.md :not(pre)>code{font-size:.86em;padding:2px 6px;border-radius:6px;background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-text)}.md input[type=checkbox]{accent-color:var(--color-primary);margin-right:var(--space-2)}.md-table{max-width:100%;overflow-x:auto;margin:var(--space-2) 0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card)}.md .md-table{max-width:none}.md-table table{border-collapse:collapse;width:100%;font-size:14.5px}.md-table th{text-align:left;font-weight:500;font-size:13px;color:var(--color-text-muted);background:var(--color-bg-subtle);white-space:nowrap}.md-table td,.md-table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);vertical-align:top}.md-table tr:last-child td{border-bottom:0}.md-table td{color:var(--color-text-muted);min-width:120px}.md-table td:first-child{color:var(--color-text)}.md-table code{white-space:nowrap}.subsection{margin-top:var(--space-8)}.subsection h3{font-size:var(--type-h3);font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-3)}.live-loading{display:grid;place-items:center;min-height:160px;border:1px dashed var(--color-line-strong);border-radius:var(--radius-panel);color:var(--color-text-subtle);font-size:var(--type-small)}.cards{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.card{position:relative;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);min-width:0}.card h3{display:flex;align-items:center;gap:var(--space-2);font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0 0 var(--space-2)}.card .md p,.card .md ul{font-size:15px;line-height:1.6;margin-bottom:var(--space-3)}.card .md>:last-child{margin-bottom:0}.card .md ul{padding-left:var(--space-5)}.card-number{display:inline-grid;place-items:center;min-width:26px;height:26px;margin-bottom:var(--space-4);border-radius:var(--radius-control);background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line);font:500 12px var(--font-mono);color:var(--color-text-muted)}.card-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-pill)}.card--do .card-icon{background:var(--color-success-soft);color:var(--color-success)}.card--dont .card-icon{background:var(--color-error-soft);color:var(--color-error)}.code-block{position:relative;min-width:0;margin:var(--space-2) 0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-bg-subtle);max-width:100%}.md .code-block{max-width:none}.code-block pre{margin:0;padding:var(--space-4) var(--space-5);overflow-x:auto;font-size:13.5px;line-height:1.65;color:var(--color-text);scrollbar-width:thin}.code-block--compact pre{padding:var(--space-4) 120px var(--space-4) var(--space-5)}.code-copy{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--space-3);border:0;border-radius:var(--radius-control);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line),var(--shadow-raised);color:var(--color-text-muted);font-size:13px;opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.code-block:hover .code-copy,.code-copy:focus-visible,.code-block--compact .code-copy{opacity:1}.code-copy:hover{color:var(--color-text)}.code-tag{color:var(--color-primary)}.code-attr{color:var(--color-text-muted)}.code-string{color:var(--color-success)}.code-comment{color:var(--color-text-subtle);font-style:italic}.stage{position:relative;display:grid;border:1px solid var(--color-line);border-radius:var(--radius-panel);background-color:var(--color-bg-subtle);background-image:radial-gradient(color-mix(in srgb,var(--color-text) 14%,transparent) 1px,transparent 1.2px);background-size:18px 18px;background-position:9px 9px;color:var(--color-text);overflow:hidden;min-width:0}.stage-content{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:var(--space-12) var(--space-6);min-width:0}.stage-tools{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;display:flex;gap:var(--space-1)}.stage-theme{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--radius-control);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line),var(--shadow-raised);color:var(--color-text-muted)}.stage-theme:hover{color:var(--color-text)}.stage--small .stage-tools{display:none}.stage--small .stage-content{padding:var(--space-8) var(--space-5);min-height:148px}.stage--flush .stage-content{padding:0;place-items:stretch}.stage-form{width:min(340px,100%);text-align:left}.stage-form .ui-field{margin:0}.stage-panel{width:min(460px,100%);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);text-align:left}.stage-panel--wide{width:min(620px,100%);padding:0;border:0;background:transparent}.state-lock{display:contents}.stage-app{width:min(620px,100%);overflow:hidden;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-card);text-align:left;box-shadow:var(--shadow-raised)}.stage-app-bar{display:flex;align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-surface)}.stage-app-bar strong{font-weight:600;font-size:15px}.stage-app-spacer{flex:1}.stage-app-body{display:grid;gap:var(--space-3);padding:var(--space-5) var(--space-4)}.stage-app-line{height:12px;border-radius:var(--radius-pill);background:var(--color-hover)}.stage-app-line:nth-child(2){width:72%}.stage-app-line:nth-child(3){width:48%}.stage-stack{display:grid;justify-items:center;gap:var(--space-4);width:min(620px,100%)}.stage-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.stage-row--between{justify-content:space-between;padding:var(--space-2) 0;border-top:1px solid var(--color-line);font-size:var(--type-small)}.stage-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.stage-store{margin:0;font-size:var(--type-label);color:var(--color-text-muted)}.stage-link{padding:0;border:0;background:none;color:var(--color-text);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.playground-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-6)}.playground{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--color-line);border-radius:var(--radius-panel);overflow:hidden;background:var(--color-surface)}.playground>.stage{border:0;border-radius:0}.playground-controls{display:grid;align-content:start;gap:var(--space-6);padding:var(--space-6) var(--space-5);border-left:1px solid var(--color-line);background:var(--color-surface);min-width:0}.control-group{display:grid;gap:var(--space-2);min-width:0}.control-group .ui-control-label{justify-content:space-between;flex-direction:row-reverse;min-height:36px;width:100%}.control-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.control-text{display:grid;gap:var(--space-2)}.control-text .ui-input{min-height:40px}.control-presets{display:flex;flex-wrap:wrap;gap:6px}.control-presets button{height:30px;padding:0 10px;border:0;border-radius:var(--radius-control);background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line);font:400 13px var(--font-mono);color:var(--color-text-muted)}.control-presets button:hover,.control-presets button[aria-pressed=true]{color:var(--color-text);background:var(--color-selected)}.control-note{margin:0;font-size:13px;line-height:1.45;color:var(--color-text-muted)}.control-event{display:block;padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-bg-subtle);box-shadow:inset 0 0 0 1px var(--color-line);font:13px/1.4 var(--font-mono);color:var(--color-text-muted);overflow-wrap:anywhere}.segmented{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--radius-card);background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line)}.segmented button{flex:1 0 auto;height:30px;padding:0 8px;border:0;border-radius:var(--radius-control);background:transparent;font-size:13.5px;color:var(--color-text-muted);white-space:nowrap;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.segmented button:hover{color:var(--color-text)}.segmented button[aria-checked=true]{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-raised),inset 0 0 0 1px var(--color-line)}.palette-slot{width:min(520px,100%)}.state-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.state-cell{display:grid;grid-template-rows:1fr auto;margin:0;min-width:0}.state-cell figcaption{display:grid;gap:2px;padding:var(--space-3) var(--space-1) 0;font-size:14px}.state-cell figcaption strong{font-weight:500}.state-cell figcaption span{color:var(--color-text-muted);font-size:13.5px}.state-cell .ui-command{box-shadow:var(--shadow-raised)}.anatomy{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-8);margin-top:var(--space-6);align-items:start}.anatomy-frame{position:relative;width:100%;display:grid;place-items:center;padding:var(--space-4) 56px}.anatomy-frame .ui-command{max-width:460px}.anatomy-marker{position:absolute;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font:600 12px/1 var(--font-sans);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 22%,transparent)}.anatomy-marker--static{position:static;margin:0;flex-shrink:0}.anatomy-line{position:absolute;height:0;border-top:1px dashed color-mix(in srgb,var(--color-primary) 55%,transparent)}.anatomy-legend{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-5)}.anatomy-legend li{display:flex;gap:var(--space-3);align-items:flex-start}.anatomy-legend strong{display:block;font-weight:500;margin-bottom:2px}.anatomy-legend span{display:block;font-size:14.5px;line-height:1.55;color:var(--color-text-muted)}.brand-swatches{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-3);margin-top:var(--space-2)}.brand-swatch{display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:var(--space-5);border:0;border-radius:var(--radius-panel);text-align:left;transition:transform var(--motion-fast) var(--motion-ease)}.brand-swatch:active{transform:scale(.99)}.brand-swatch--forest{background:var(--color-forest);color:var(--color-lime)}.brand-swatch--lime{background:var(--color-lime);color:var(--color-ink)}.brand-swatch--ink{background:var(--color-ink);color:var(--color-lime)}.brand-swatch-name{font-size:22px;font-weight:600;letter-spacing:-.02em}.brand-swatch-meta{display:grid;gap:2px;font-size:13.5px}.brand-swatch-meta code{font-size:13px}.brand-swatch-meta span{opacity:.8}.roles{display:grid;gap:var(--space-8);margin-top:var(--space-6)}.roles-label{display:block;margin-bottom:var(--space-3);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-3)}.role{display:grid;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);text-align:left;transition:border-color var(--motion-fast) var(--motion-ease)}.role:hover{border-color:var(--color-line-strong)}.role-chip{display:grid;grid-template-columns:1fr 1fr;height:56px;border-radius:var(--radius-control);overflow:hidden;box-shadow:inset 0 0 0 1px var(--color-line)}.role-chip>span{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 8%,transparent)}.role-name{padding:0 var(--space-1);font:500 13px var(--font-mono);color:var(--color-text)}.role-values{display:flex;justify-content:space-between;padding:0 var(--space-1)}.role-values code{font-size:11.5px;color:var(--color-text-subtle)}.specimen{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.specimen-main,.specimen-mono{padding:var(--space-8);display:grid;align-content:space-between;gap:var(--space-8);min-width:0}.specimen-mono{border-left:1px solid var(--color-line);background:var(--color-surface)}.specimen-tag{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.specimen-display{margin:0;font-size:var(--type-display);line-height:1.02;font-weight:600;letter-spacing:-.04em}.specimen-weights{display:flex;flex-wrap:wrap;gap:var(--space-6);font-size:28px;letter-spacing:-.02em}.specimen-weights small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--color-text-muted)}.specimen-mono p{margin:0;font:400 17px/1.7 var(--font-mono)}.specimen-glyphs{font:13px var(--font-mono);color:var(--color-text-muted)}.type-scale{margin-top:var(--space-6);border-top:1px solid var(--color-line)}.type-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-6);align-items:baseline;padding:var(--space-5) 0;border-bottom:1px solid var(--color-line)}.type-meta{display:grid;gap:2px}.type-meta strong{font-weight:500;font-size:14px}.type-meta code{font-size:12px;color:var(--color-text-subtle)}.type-sample{min-width:0;overflow-wrap:break-word}.spacing-list{display:grid;gap:var(--space-2);margin-top:var(--space-6)}.spacing-row{display:grid;grid-template-columns:90px minmax(0,1fr) 56px;align-items:center;gap:var(--space-4);font-size:13px}.spacing-row code{color:var(--color-text-muted)}.spacing-bar{height:16px;border-radius:4px;background:var(--color-primary);opacity:.85;max-width:100%}.spacing-value{font-family:var(--font-mono);color:var(--color-text-subtle);text-align:right}.radius-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-6)}.radius-item{display:grid;gap:2px;font-size:13px}.radius-item span{display:block;height:88px;margin-bottom:var(--space-2);background:var(--color-surface);border:1px solid var(--color-line-strong)}.radius-item strong{font-weight:500}.radius-item code{color:var(--color-text-subtle)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2);margin-top:var(--space-2)}.icon-cell{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-2) var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}.icon-cell code{font-size:11px;color:var(--color-text-subtle);max-width:100%;overflow:hidden;text-overflow:ellipsis}.motion-demo{display:grid;gap:var(--space-4);width:min(460px,100%);justify-items:start}.motion-row{display:grid;gap:var(--space-2);width:100%}.motion-row code{font-size:12px;color:var(--color-text-muted)}.motion-track{position:relative;height:32px;border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line)}.motion-track span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--color-primary);transition-property:left;transition-timing-function:var(--motion-ease)}.motion-track span.is-on{left:calc(100% - 28px)}.token-table td:first-child{min-width:240px}.token-copy{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:0;background:transparent;color:var(--color-text);text-align:left}.token-copy:hover code{text-decoration:underline;text-underline-offset:3px}.token-dot{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-text) 16%,transparent)}.token-same{color:var(--color-text-subtle);font-size:13px}.token-table code{font-size:12.5px}.wordmark{display:inline-flex;align-items:center;gap:.32em;font-weight:700;letter-spacing:-.045em;line-height:1}.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-2)}.logo-tile{position:relative;display:grid;place-items:center;min-height:200px;padding:var(--space-8);border-radius:var(--radius-panel);border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-text)}.logo-tile[data-theme=light]{color:var(--color-forest)}.logo-tile--wide{grid-column:span 2}.logo-tile--forest{background:var(--color-forest);color:var(--color-bg);border-color:transparent}[data-theme=dark] .logo-tile--forest,.logo-tile--forest[data-theme=dark]{color:var(--color-text)}.logo-tile--sizes{grid-column:span 2;display:flex;align-items:flex-end;justify-content:center;gap:var(--space-8)}.logo-caption{position:absolute;left:var(--space-4);bottom:var(--space-3);font-size:12.5px;color:var(--color-text-muted)}.logo-tile--forest .logo-caption{color:inherit;opacity:.75}.template-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-4);margin-top:var(--space-2);align-items:start}.template-card{display:grid;text-decoration:none;border:1px solid var(--color-line);border-radius:var(--radius-panel);overflow:hidden;background:var(--color-surface)}.inline-svg{display:grid;background:var(--color-bg-subtle);min-height:120px}.inline-svg svg{width:100%;height:auto;display:block}.template-meta{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-line);font-size:14px}.template-meta strong{font-weight:500}.template-meta span{grid-column:1;color:var(--color-text-muted);font-size:13px}.template-meta svg{grid-row:1 / 3;grid-column:2;color:var(--color-text-muted)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.asset-card{display:grid;grid-template-rows:140px auto;text-decoration:none;border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface);transition:border-color var(--motion-fast) var(--motion-ease)}.asset-card:hover{border-color:var(--color-line-strong)}.asset-preview{display:grid;place-items:center;overflow:hidden;background:var(--color-bg-subtle);color:var(--color-text);border-bottom:1px solid var(--color-line)}.asset-preview--forest{background:var(--color-forest);color:var(--color-bg)}.asset-preview .inline-svg{width:100%;height:100%;place-items:center}.asset-font{font-size:56px;font-weight:500;letter-spacing:-.03em}.asset-font--mono{font-family:var(--font-mono);letter-spacing:0}.asset-meta{display:grid;gap:2px;padding:var(--space-3) var(--space-4) var(--space-4);font-size:14px}.asset-meta strong{font-weight:500}.asset-meta span{color:var(--color-text-muted);font-size:13.5px}.asset-meta small{color:var(--color-text-subtle);font-size:12px;margin-top:var(--space-1)}.intro{display:grid;gap:var(--space-4)}.intro-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:320px;padding:var(--space-10);border-radius:var(--radius-panel);background:var(--color-forest);color:var(--color-lime);overflow:hidden}.intro-hero-copy{position:relative;z-index:1;display:grid;gap:var(--space-6);justify-items:start}.intro-hero-copy .wordmark{color:var(--color-lime)}.intro-hero-copy p{margin:0;font-size:clamp(34px,3.6vw,52px);line-height:1.04;font-weight:600;letter-spacing:-.04em;color:var(--color-lime)}.intro-hero-copy p span{color:color-mix(in srgb,var(--color-lime) 55%,var(--color-forest))}.intro-hero-copy small{font-size:14px;color:color-mix(in srgb,var(--color-lime) 75%,var(--color-forest))}.intro-route{width:100%}.route-soft{stroke:var(--color-lime);opacity:.14;stroke-width:8}.route-line{stroke:var(--color-lime);stroke-width:8;stroke-linecap:round}.route-end{fill:var(--color-lime)}.route-start{fill:var(--color-forest);stroke:var(--color-lime);stroke-width:4}.route-card{fill:var(--color-forest);stroke:var(--color-lime);stroke-opacity:.3}.route-detail{stroke:var(--color-lime);stroke-width:5;stroke-linecap:round;stroke-opacity:.5}.intro-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.intro-path{display:grid;gap:var(--space-2);align-content:start;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);text-decoration:none;transition:border-color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.intro-path:hover{border-color:var(--color-line-strong)}.intro-path-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:var(--space-3);border-radius:var(--radius-control);background:var(--color-hover);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-text-muted)}.intro-path strong{display:flex;justify-content:space-between;align-items:center;font-weight:600;letter-spacing:-.01em}.intro-path strong svg{color:var(--color-text-subtle)}.intro-path>span:last-child{font-size:14px;line-height:1.5;color:var(--color-text-muted)}.intro-new{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-bg-subtle);font-size:14px}.intro-new-label{font-size:11px;font-weight:500;line-height:1;padding:5px 8px;border-radius:var(--radius-pill);color:var(--color-success);background:var(--color-success-soft)}.intro-new a{display:flex;gap:var(--space-2);text-decoration:none;font-weight:500}.intro-new a span{color:var(--color-text-muted);font-weight:400}.intro-new a:hover span{color:var(--color-text)}.stage--screens .stage-content{padding:var(--space-6);place-items:stretch}.screens{width:100%;padding:var(--space-2) var(--space-5) var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);text-align:left;min-width:0}.launch-screen{position:relative;overflow:hidden;padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-forest);color:var(--color-lime);min-height:360px}.launch-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-12);font-size:13px}.launch-top>span{color:color-mix(in srgb,var(--color-lime) 75%,var(--color-forest))}.launch-body{position:relative;z-index:1;max-width:420px}.launch-body h2{margin:0 0 var(--space-4);font-size:clamp(32px,4vw,48px);line-height:1.04;font-weight:600;letter-spacing:-.04em}.launch-body h2 span{color:color-mix(in srgb,var(--color-lime) 55%,var(--color-forest))}.launch-body>p{margin:0 0 var(--space-6);max-width:300px;font-size:15px;color:color-mix(in srgb,var(--color-lime) 85%,var(--color-forest))}.launch-action{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border:0;border-radius:var(--radius-control);background:var(--color-lime);color:var(--color-ink);font-weight:500;font-size:var(--type-small)}.launch-action:hover{filter:brightness(1.06)}.launch-body .launch-message{margin-top:var(--space-4);font-size:14px}.launch-route{position:absolute;width:280px;bottom:var(--space-4);right:calc(-1 * var(--space-6));opacity:.5}.launch-route path{stroke:var(--color-lime);stroke-width:7;fill:none}.launch-route circle{fill:var(--color-lime)}.product-screen{max-width:680px}.product-screen h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--space-1)}.screen-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.screen-eyebrow{display:block;font-size:12.5px;color:var(--color-text-muted);margin-bottom:2px}.screen-lead{font-size:var(--type-small);color:var(--color-text-muted);margin-bottom:var(--space-6)}.result-count{font-size:13px;color:var(--color-text-muted);margin:calc(-1 * var(--space-2)) 0 var(--space-3)}.screen-notice{margin-top:var(--space-4)}.screen-footnote{margin:var(--space-4) 0 0;font-size:12.5px;color:var(--color-text-subtle)}.screen-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.screen-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--color-line);font-size:12.5px;color:var(--color-text-subtle)}fieldset{margin:0;padding:0;border:0;min-width:0}.page-footer{margin-top:var(--space-20)}.neighbors{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.neighbors a{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-card);text-decoration:none;font-weight:500;transition:border-color var(--motion-fast) var(--motion-ease)}.neighbors a:hover{border-color:var(--color-line-strong)}.neighbors small{display:inline-flex;align-items:center;gap:var(--space-1);font-size:13px;font-weight:400;color:var(--color-text-muted)}.neighbor-next{text-align:right;justify-items:end}.source-line{margin:var(--space-6) 0 0;font-size:13px;color:var(--color-text-subtle)}.source-line code{font-size:12.5px}.search-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-popup{position:fixed;top:14vh;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 24px));outline:none;transition:opacity var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease)}.search-popup[data-starting-style],.search-popup[data-ending-style]{opacity:0;transform:translate(-50%) scale(.98)}.search-popup .ui-command{max-width:none}.search-popup .ui-command-body{max-height:min(56vh,460px);overflow-y:auto;scrollbar-width:thin}.mobile-menu{position:fixed;inset:0 auto 0 0;width:min(320px,calc(100vw - 48px));display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-bg-subtle);border-right:1px solid var(--color-line);box-shadow:var(--shadow-overlay);overflow-y:auto;transition:transform var(--motion-normal) var(--motion-ease)}.mobile-menu[data-starting-style],.mobile-menu[data-ending-style]{transform:translate(-100%)}.mobile-menu nav{flex:1;margin-top:var(--space-8)}.mobile-menu .nav-group a{min-height:var(--layout-target)}.mobile-close{position:absolute;top:var(--space-2);right:var(--space-2)}@media(max-width:1100px){.rail{display:none}.main{padding-left:var(--space-10);padding-right:var(--space-10)}.playground{grid-template-columns:minmax(0,1fr)}.playground-controls{border-left:0;border-top:1px solid var(--color-line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.anatomy{grid-template-columns:minmax(0,1fr)}.anatomy-legend{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.intro-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(min(var(--count),2),minmax(0,1fr))}.state-grid{grid-template-columns:repeat(min(var(--columns),2),minmax(0,1fr))}}@media(max-width:800px){.sidebar{display:none}.mobile-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:var(--space-1);height:60px;padding:0 var(--space-2) 0 var(--space-4);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-line)}.mobile-bar .identity{margin-right:auto;padding:0}.mobile-bar .identity-mark{width:30px;height:30px;border-radius:8px}.main{margin-left:0;padding:0 var(--space-4) var(--space-16)}.article{padding-top:var(--space-8)}.breadcrumb{margin-bottom:var(--space-5);font-size:14px}.page-header{margin-bottom:var(--space-10)}.lead{font-size:var(--type-body)}.doc-section{margin-top:var(--space-12)}.cards,.state-grid,.intro-paths,.neighbors,.brand-swatches,.logo-grid,.template-grid,.specimen{grid-template-columns:minmax(0,1fr)}.logo-tile--wide,.logo-tile--sizes{grid-column:auto}.radius-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-hero{grid-template-columns:minmax(0,1fr);padding:var(--space-6);min-height:280px}.intro-route{position:absolute;width:260px;right:-80px;bottom:-10px;opacity:.45}.specimen-mono{border-left:0;border-top:1px solid var(--color-line)}.specimen-main,.specimen-mono{padding:var(--space-6)}.type-row{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.stage-content{padding:var(--space-8) var(--space-4)}.stage--screens .stage-content{padding:var(--space-3)}.screens{padding:var(--space-1) var(--space-3) var(--space-4)}.anatomy-frame{padding:var(--space-2) 36px}.code-block--compact pre{padding-right:var(--space-5);padding-top:var(--space-12)}.neighbor-next{text-align:left;justify-items:start}.ui-command .ui-command-body{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.card .md,.subsection .md{margin-top:0!important}