@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.ttf) format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-700.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-600.ttf) format("truetype")}:root{color-scheme:dark;--font-body: "Inter", "Avenir Next", "Segoe UI", sans-serif;--font-heading: "Inter", "Avenir Next", "Segoe UI", sans-serif;--font-display: "Montserrat", "Inter", "Avenir Next", sans-serif;--bg: #0a0a0a;--paper: #141414;--surface-raised: #1a1a1a;--ink: #ededed;--ink-soft: rgba(237, 237, 237, .75);--ink-tertiary: rgba(237, 237, 237, .5);--line: #222222;--accent: #60a5fa;--accent-soft: rgba(96, 165, 250, .12);--accent-hover: #3b82f6;--accent-border: color-mix(in srgb, var(--accent) 50%, transparent);--accent-border-strong: color-mix(in srgb, var(--accent) 75%, transparent);--accent-surface: color-mix(in srgb, var(--accent) 14%, transparent);--accent-surface-strong: color-mix(in srgb, var(--accent) 20%, transparent);--accent-table-hover: color-mix(in srgb, var(--accent) 8%, transparent);--motion-duration-fast: .2s;--motion-ease-standard: cubic-bezier(.16, 1, .3, 1);--amber: #fbbf24;--amber-soft: rgba(251, 191, 36, .2);--success: #7ea895;--success-soft: rgba(126, 168, 149, .18);--danger: #b08b8b;--danger-soft: rgba(176, 139, 139, .16);--warning: #a99a73;--warning-soft: rgba(169, 154, 115, .2);--ocean: #1d4ed8;--card-shadow: none;--input-bg: color-mix(in srgb, var(--paper) 96%, transparent);--surface-subtle: color-mix(in srgb, var(--paper) 72%, transparent);--surface-muted: color-mix(in srgb, var(--paper) 78%, transparent);--surface-elevated: color-mix(in srgb, var(--surface-raised) 88%, transparent);--paper-warm-96: rgba(20, 20, 20, .96);--paper-warm-92: rgba(20, 20, 20, .92);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--mobile-bottom-nav-height: 56px}:root[data-theme=light]{color-scheme:light;--bg: #fafaf9;--paper: #ffffff;--surface-raised: #f2f2f1;--ink: #18181b;--ink-soft: rgba(24, 24, 27, .75);--ink-tertiary: rgba(24, 24, 27, .45);--line: #e4e4e7;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--accent-hover: #1d4ed8;--accent-border: color-mix(in srgb, var(--accent) 45%, transparent);--accent-border-strong: color-mix(in srgb, var(--accent) 70%, transparent);--accent-surface: color-mix(in srgb, var(--accent) 10%, transparent);--accent-surface-strong: color-mix(in srgb, var(--accent) 16%, transparent);--accent-table-hover: color-mix(in srgb, var(--accent) 6%, transparent);--surface-subtle: color-mix(in srgb, var(--paper) 72%, transparent);--surface-muted: color-mix(in srgb, var(--paper) 78%, transparent);--amber: #d97706;--amber-soft: rgba(217, 119, 6, .12);--success: #16653a;--success-soft: rgba(22, 101, 58, .1);--danger: #991b1b;--danger-soft: rgba(153, 27, 27, .1);--warning: #854d0e;--warning-soft: rgba(133, 77, 14, .1);--ocean: #1d4ed8;--motion-duration-fast: .2s;--motion-ease-standard: cubic-bezier(.16, 1, .3, 1);--card-shadow: 0 1px 3px rgba(24, 24, 27, .08);--input-bg: color-mix(in srgb, var(--paper) 96%, transparent);--surface-elevated: color-mix(in srgb, var(--paper) 88%, transparent);--paper-warm-96: rgba(250, 250, 249, .96);--paper-warm-92: rgba(250, 250, 249, .92)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);min-height:100vh}@media(prefers-color-scheme:dark){body{background:var(--bg)}}a{color:color-mix(in srgb,var(--ink) 82%,var(--accent));text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h2,h3,h4{margin:0;font-family:var(--font-heading);letter-spacing:.01em;line-height:1.2;text-wrap:balance}h2{font-size:var(--text-2xl);font-weight:600}h3{font-size:var(--text-xl);font-weight:600}h4{font-size:var(--text-lg);font-weight:600}p{margin:0;color:var(--ink);line-height:1.6}ul{margin:0;padding-left:18px}li{margin-bottom:6px;color:var(--ink)}pre,code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}code{overflow-wrap:anywhere}pre{margin:0;position:relative;white-space:pre-wrap;word-break:break-word;background:var(--surface-raised);color:#e2e8f0;border:1px solid var(--line);padding:24px;border-radius:12px;font-size:var(--text-base)}pre.json-evidence:after{content:"JSON";position:absolute;top:8px;right:10px;font-size:var(--text-xs);letter-spacing:.12em;color:var(--ink-tertiary)}pre.json-evidence .json-key{color:#7ec8c8}pre.json-evidence .json-key.has-hint{text-decoration:underline dotted rgba(126,200,200,.75);text-underline-offset:2px;cursor:help}pre.json-evidence .json-string{color:#e8b87a}pre.json-evidence .json-number{color:#b6d8ff}pre.json-evidence .json-boolean,pre.json-evidence .json-null{color:#c8a0e8}.skip-link{position:absolute;left:12px;top:-48px;z-index:1000;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);transition:top .12s ease}.skip-link:focus,.skip-link:focus-visible{top:12px}.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}.shell{max-width:1320px;margin:0 auto;padding:28px 32px 120px}.layout-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.site-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:14px 18px;border-radius:18px;border:none;background:#0a0a0ab3;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);box-shadow:none}.brand{display:flex;align-items:center;gap:14px;margin-bottom:0;min-width:0}.brand-copy{display:grid;gap:2px;min-width:0}.brand-copy span{font-size:var(--text-sm);letter-spacing:.01em;text-transform:none;color:var(--ink-tertiary);white-space:nowrap}.brand-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,1.9vw,1.85rem);font-weight:700;letter-spacing:.03em;text-wrap:balance}.brand-mark{width:40px;height:40px;display:block;border-radius:10px;box-shadow:0 10px 30px #0206176b,0 0 0 1px #60a5fa14;transition:transform var(--motion-duration-fast) var(--motion-ease-standard),filter var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.brand:hover .brand-mark,.brand-mark:focus-visible{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 34%,transparent)}.brand-mark-footer{width:24px;height:24px;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 24%,transparent)}@media(prefers-reduced-motion:reduce){.brand-mark{transition:none}}.mobile-nav-shell>summary{display:none}.mobile-nav-shell:not([open]) .nav-shell{display:grid}.mobile-bottom-nav{display:none}.nav-shell{display:grid;gap:14px;align-items:center}.nav-surface-section{display:grid;gap:6px;min-width:0}.nav-row{display:flex;flex-wrap:wrap;gap:8px}.nav-row a{position:relative;display:flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-soft);font-size:var(--text-sm);letter-spacing:.01em;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard)}.nav-row a.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.nav-row a.active:before{display:none}.nav-row a:hover{opacity:1;text-decoration:none;color:var(--ink);background:color-mix(in srgb,var(--paper) 78%,transparent)}.nav-surface-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-tertiary);margin:0;padding:0}.site-header details.mobile-nav-shell{min-width:0}.site-header details.mobile-nav-shell:not([open]) .nav-shell{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px}.site-main{min-width:0;max-width:none;margin:0}main{display:grid;gap:72px}.site-footer{margin-top:48px;padding-top:8px;display:grid;gap:20px;color:var(--ink-tertiary);font-size:var(--text-sm)}.site-footer-brand{display:flex;align-items:center;gap:10px}.site-footer-brand p{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:.01em;color:var(--ink-soft)}.site-footer-brand small{color:var(--ink-tertiary)}.site-footer-columns{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.site-footer-columns section{display:grid;gap:6px;align-content:start}.site-footer-columns h2{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.site-footer a{color:var(--ink-tertiary)}.site-footer a:hover{color:color-mix(in srgb,var(--ink) 82%,var(--accent))}.card{display:grid;gap:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 3%,transparent),transparent),var(--paper);border-radius:12px;border:1px solid var(--line);padding:28px;box-shadow:var(--card-shadow)}[data-react-island]:empty:before{content:"";display:block;min-height:180px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(105deg,var(--surface-subtle) 10%,var(--surface-elevated) 48%,var(--surface-subtle) 86%)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.viewer-mode-toggle{display:inline-flex;gap:0;border-radius:999px;border:1px solid var(--line);background:var(--surface-raised);overflow:hidden}.viewer-mode-toggle button{padding:6px 14px;border:none;background:transparent;color:var(--ink-soft);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:color-mix(in srgb,var(--ink) 82%,var(--accent));font-size:var(--text-sm);font-weight:600;letter-spacing:.04em}.badge.status-success{background:var(--success-soft);color:var(--success)}.badge.status-error{background:var(--danger-soft);color:var(--danger)}.badge.status-neutral{background:color-mix(in srgb,var(--paper) 72%,transparent);color:var(--ink-soft)}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.kv{display:grid;gap:16px}.kv.compact{gap:8px}.kv div{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 66%,transparent);font-size:var(--text-base)}.kv.compact div{padding:8px 10px;font-size:var(--text-base)}label{display:block;margin-bottom:6px;font-size:var(--text-base);font-weight:600;letter-spacing:.01em;color:var(--ink)}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);font-family:var(--font-body);font-size:.95rem}textarea{min-height:120px}button{padding:12px 24px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;font-weight:500;cursor:pointer;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,transparent);transition:filter var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}button.secondary{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}button:hover:not(.secondary){filter:brightness(1.08);background:var(--accent-hover)}button.secondary:hover{background:color-mix(in srgb,var(--paper) 80%,transparent)}.note{font-size:var(--text-sm);color:var(--ink-soft)}.note.is-loading{display:inline-flex;align-items:center;gap:7px}.note.is-loading:before{content:"";width:10px;height:10px;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 20%,transparent)}.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:12px 24px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:var(--text-base);font-weight:500;letter-spacing:.01em;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,transparent);transition:filter var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}.button-link:hover{text-decoration:none;filter:brightness(1.08);background:var(--accent-hover);border-color:var(--accent-hover)}.button-link.secondary-cta{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}.button-link.secondary-cta:hover{background:color-mix(in srgb,var(--paper) 80%,transparent);border-color:var(--line);filter:none}.story-breadcrumb{display:flex;gap:8px;align-items:center;border-bottom:none;padding:4px 2px 2px}.story-breadcrumb p{color:var(--ink-tertiary)}.story-breadcrumb span:last-child{color:var(--ink-soft)}.story-breadcrumb .note{font-weight:600;letter-spacing:.01em}@media(max-width:1040px){.site-header{grid-template-columns:1fr}.site-header details.mobile-nav-shell:not([open]) .nav-shell{justify-content:flex-start}.brand-copy span,.nav-surface-label{display:none}}@media(max-width:720px){input,select,textarea{font-size:16px}.shell{padding:0 12px calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom) + 16px)}.layout-grid{grid-template-columns:1fr;gap:18px}main{gap:32px}.site-header{border-radius:0;border:none;border-bottom:none;padding:10px 12px;gap:10px;margin:0 -12px;width:calc(100% + 24px);grid-template-columns:1fr}.brand{margin-bottom:0}.brand-mark{width:32px;height:32px;border-radius:6px}.brand-copy h1{font-size:1rem}.brand-copy span,.mobile-nav-shell{display:none}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:30;min-height:var(--mobile-bottom-nav-height);background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid var(--line);box-shadow:0 -4px 12px #00000040;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;transform:translateZ(0);contain:paint}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;min-height:44px;min-width:44px;justify-content:center;font-size:var(--text-xs);color:var(--ink-soft);text-decoration:none;border-radius:8px;transition:color .15s ease}.mobile-bottom-nav a:hover,.mobile-bottom-nav a[aria-current=page]{color:var(--accent)}.nav-row a{padding:12px 0;font-size:var(--text-sm)}a.badge{padding:10px 14px;min-height:44px}.nav-row a.active:before{left:-1px}pre{max-height:300px;overflow-y:auto;padding:16px}.grid{grid-template-columns:1fr}.card{padding:16px}.site-footer{margin-top:32px;gap:16px}.site-footer-columns{grid-template-columns:1fr 1fr}.grid>*,.card{min-width:0}h1,h2,h3,h4,.badge,code,pre{overflow-wrap:anywhere;word-break:break-word}h1{font-size:1.5rem;line-height:1.15}h2{font-size:1.375rem;line-height:1.2}h3{font-size:1.25rem;line-height:1.2}h4{font-size:1.125rem;line-height:1.2}.note{font-size:.875rem;line-height:1.5}}@media(max-width:480px){.shell{padding:0 10px calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom) + 8px)}.site-header{padding:10px;margin:0 -10px;width:calc(100% + 20px)}main{gap:24px}.card{padding:12px}.site-footer{margin-top:24px}.site-footer-columns{grid-template-columns:1fr 1fr}h2{font-size:1.25rem}h3{font-size:1.125rem}}