:root{color:#edf2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#080b13;--panel:#101524db;--panel-strong:#181f34eb;--panel-soft:#ffffff0f;--line:#b1c4ff29;--line-strong:#b1c4ff47;--text:#edf2ff;--muted:#aeb9d7;--subtle:#7f8daf;--accent:#9fb3ff;--accent-strong:#c9d6ff;--accent-warm:#f6c177;--shadow:0 30px 110px #0000006b;--radius-lg:30px;--radius-md:20px;--radius-sm:14px;background:#080b13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 0%, #6777ff2e, transparent 32rem), radial-gradient(circle at 84% 8%, #2fc4b21f, transparent 30rem), linear-gradient(180deg, #111526 0%, var(--bg) 44rem);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg, #ffffff1a, #ffffff08), var(--panel);width:min(1120px,100vw - 40px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:28px auto;padding:clamp(20px,3.4vw,40px)}.page{gap:28px;display:grid}.route-state{min-height:220px;color:var(--muted);place-items:center;font-weight:700}.page-header{max-width:760px}.eyebrow{color:var(--accent-warm);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;max-width:820px;margin-bottom:18px;font-size:clamp(2.45rem,8vw,5.75rem);line-height:.9}h2{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.05}h3{color:var(--accent-strong);margin-bottom:8px}p{color:var(--muted);font-size:1.02rem;line-height:1.65}p:last-child{margin-bottom:0}a{color:var(--accent-strong);text-underline-offset:.18em;text-decoration-color:#c9d6ff6b}a:visited{color:var(--accent-strong)}a:hover,a:focus-visible{color:#fff;text-decoration-color:currentColor}:focus-visible{outline-offset:3px;outline:3px solid #9fb3ffb8}.app-nav{border:1px solid var(--line);background:#04070f75;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;padding:8px;display:flex}.app-nav a{min-height:38px;color:var(--muted);border-radius:999px;align-items:center;padding:0 14px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.app-nav a:hover,.app-nav a:focus-visible{color:var(--text);background:#ffffff14}.app-nav__brand{letter-spacing:-.02em;background:linear-gradient(135deg,#9fb3ff42,#f6c17724);color:var(--text)!important}.app-nav__links{flex-wrap:wrap;justify-content:flex-end;gap:2px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:2px 0;display:grid}.metric-grid div,.route-card,.embedded-router-panel,.embedded-router-frame,.local-dev-panel section article,.local-dev-panel section>section{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-soft)}.metric-grid div{padding:16px}dt{color:var(--subtle);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}dd{overflow-wrap:anywhere;color:var(--text);margin:7px 0 0;font-weight:750}.action-row,.button-row{flex-wrap:wrap;gap:10px;display:flex}button,.route-card__link{color:#0b1020;cursor:pointer;background:linear-gradient(135deg,#dce5ff,#9fb3ff);border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-weight:850;line-height:1;text-decoration:none;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex;box-shadow:0 12px 30px #2b41a038}button:hover,.route-card__link:hover,button:focus-visible,.route-card__link:focus-visible{color:#080b13;filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 16px 36px #2b41a04d}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}code{color:#dce5ff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:.12em .34em}pre{border-radius:var(--radius-sm);color:#dbeafe;background:#00000057;border:1px solid #ffffff1a;min-height:72px;margin:0;padding:16px;overflow:auto}.state-block{white-space:pre-wrap}.route-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.route-card{align-content:start;gap:8px;padding:20px;display:grid}.route-card__link{justify-self:start;margin-top:8px}.embedded-router-workbench{grid-template-columns:minmax(260px,.86fr) minmax(320px,1.14fr);align-items:stretch;gap:16px;display:grid}.embedded-router-panel,.embedded-router-frame{min-width:0;padding:18px}.embedded-router-frame{background:linear-gradient(145deg,#9fb3ff1f,#0000 46%),#04070f61;place-items:stretch stretch;min-height:320px;display:grid}.embedded-router-controls{gap:16px;display:grid}.embedded-router-form{gap:10px;display:grid}label{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:800}input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#00000047;padding:12px 14px}input:focus-visible{border-color:#9fb3ffbf}.embedded-router-form button{justify-self:start}.embedded-router-samples button{min-height:36px;color:var(--accent-strong);box-shadow:none;background:#ffffff14;padding-inline:13px}.embedded-router-samples button:hover,.embedded-router-samples button:focus-visible{color:var(--text);background:#ffffff21}.embedded-router-note{color:var(--subtle);font-size:.92rem}.embedded-route-card{border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1f;align-content:center;min-height:100%;padding:clamp(22px,4vw,38px);display:grid}ul{color:var(--muted);padding-left:1.2rem}@media (max-width:820px){.hero{border-radius:22px;width:min(100% - 24px,1120px);margin-block:12px}.app-nav,.app-nav__links,.embedded-router-workbench{grid-template-columns:1fr;display:grid}.app-nav a{justify-content:center}h1{font-size:clamp(2.25rem,14vw,3.7rem)}}