:root{--bg:#fbfbfd;--bg-soft:#f2f3f7;--surface:#fff;--border:#e3e5ec;--text:#1a1d26;--muted:#5d6474;--faint:#8a91a1;--accent:#2563eb;--accent-soft:#2563eb14;--stage:#0b0d12;--code-bg:#f4f5f8;--radius:10px;--topbar:56px;--sidebar:248px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d12;--bg-soft:#10131a;--surface:#12161e;--border:#1f2531;--text:#e6e9ef;--muted:#9aa3b5;--faint:#6b7385;--accent:#5bb3ff;--accent-soft:#5bb3ff1a;--code-bg:#12161e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b0d12;--bg-soft:#10131a;--surface:#12161e;--border:#1f2531;--text:#e6e9ef;--muted:#9aa3b5;--faint:#6b7385;--accent:#5bb3ff;--accent-soft:#5bb3ff1a;--code-bg:#12161e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--topbar) + 16px)}body{background:var(--bg);color:var(--text);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--mono)}button{font:inherit;cursor:pointer}.shiki,.shiki span{color:var(--shiki-light)}:root[data-theme=dark] .shiki,:root[data-theme=dark] .shiki span{color:var(--shiki-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shiki,:root:not([data-theme=light]) .shiki span{color:var(--shiki-dark)}}pre.shiki{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:14px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.topbar{z-index:20;height:var(--topbar);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:radial-gradient(circle at 65% 35%, var(--bg) 0 38%, transparent 39%), conic-gradient(from 200deg, #5bb3ff, #f472b6, #fbbf24, #34d399, #5bb3ff);border-radius:50%;width:20px;height:20px}.topnav{gap:4px;margin-left:auto;display:flex}.topnav a{color:var(--muted);border-radius:8px;padding:6px 12px;font-weight:500}.topnav a:hover,.topnav a.active{color:var(--text);background:var(--bg-soft);text-decoration:none}.icon-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:8px}.menu-toggle{display:none}.layout{grid-template-columns:var(--sidebar) minmax(0, 1fr) 220px;max-width:1480px;margin:0 auto;display:grid}.sidebar,.toc{top:var(--topbar);height:calc(100vh - var(--topbar));padding:24px 16px 48px;position:sticky;overflow-y:auto}.sidebar{border-right:1px solid var(--border)}.main{min-width:0;padding:40px 48px 96px}body[data-view=home] .layout,body[data-view=gallery] .layout{max-width:1240px;display:block}body[data-view=home] .sidebar,body[data-view=home] .toc,body[data-view=gallery] .sidebar,body[data-view=gallery] .toc,body[data-view=demo] .toc{display:none}body[data-view=demo] .layout{grid-template-columns:var(--sidebar) minmax(0, 1fr)}.nav-section{margin-bottom:20px}.nav-label,.toc-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 8px 6px;font-size:11px;font-weight:600}.sidebar a,.toc a{color:var(--muted);border-radius:6px;padding:4px 8px;font-size:14px;line-height:1.45;display:block}.sidebar a:hover,.toc a:hover{color:var(--text);text-decoration:none}.sidebar a.active{color:var(--accent);background:var(--accent-soft);font-weight:550}.nav-all{margin-bottom:16px}.toc a{font-size:13px}.toc a.toc-3{padding-left:20px}.prose{max-width:780px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:600}.prose h1{letter-spacing:-.02em;margin:0 0 16px;font-size:34px;line-height:1.2}.prose h2{letter-spacing:-.01em;margin:44px 0 12px;padding-top:8px;font-size:22px}.prose h3{margin:28px 0 8px;font-size:17px}.prose h2 .anchor,.prose h3 .anchor{color:var(--faint);opacity:0;margin-left:8px}.prose h2:hover .anchor,.prose h3:hover .anchor{opacity:1}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose li{margin:4px 0}.prose :not(pre)>code{background:var(--bg-soft);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:.86em}.prose pre.shiki{margin:0 0 20px}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius) var(--radius) 0;color:var(--text);margin:0 0 20px;padding:10px 16px}.prose blockquote p:last-child{margin:0}.prose table{border-collapse:collapse;width:100%;margin:0 0 20px;font-size:14px}.prose th,.prose td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.prose th{color:var(--muted);font-weight:600}.prose .demo{margin:24px 0 28px}.lede,.prose>p:first-of-type{color:var(--muted);font-size:17px}.pager{grid-template-columns:1fr 1fr;gap:16px;max-width:780px;margin-top:56px;display:grid}.pager a{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;padding:14px 16px;font-weight:550;display:flex}.pager a:hover{border-color:var(--accent);text-decoration:none}.pager a span{color:var(--faint);font-size:12px;font-weight:400}.pager a.next{text-align:right;grid-column:2}insomni-demo{display:block}.demo{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.demo-frame{aspect-ratio:16/9;background:var(--stage);position:relative;overflow:hidden}.demo-surface{position:absolute;inset:0}.demo-surface canvas{touch-action:none}.demo-notice{text-align:center;color:#9aa3b5;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.demo-notice[hidden]{display:none}.demo-notice strong{color:#e6e9ef}.demo-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 14px;font-size:13px;display:flex}.demo-meta{align-items:baseline;gap:10px;min-width:0;display:flex}.demo-title{white-space:nowrap;font-weight:600}.demo-status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-status.warn{color:#d97706}.demo-tools{flex-shrink:0;align-items:center;gap:6px;display:flex}.demo-timing{font-family:var(--mono);color:var(--faint);font-variant-numeric:tabular-nums;margin-right:6px;font-size:12px}.demo-tools button,.demo-tools a{border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);border-radius:6px;padding:3px 10px;font-size:12px;line-height:1.6}.demo-tools button:hover,.demo-tools a:hover{color:var(--text);text-decoration:none}.demo-tools .on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.demo-source{border-top:1px solid var(--border);max-height:520px;overflow:auto}.demo-source pre.shiki,.demo-thumb{border:0;border-radius:0}.demo-thumb canvas{pointer-events:none}.demo-page .demo-frame{aspect-ratio:auto;height:min(72vh,760px)}body[data-view=home]{overflow-x:clip}.hero{--hero-bg:#05030c;isolation:isolate;min-height:min(calc(100svh - var(--topbar)), 880px);background:var(--hero-bg);color:#eef0ff;align-items:center;margin:-40px calc(50% - 50vw) 56px;padding:64px calc(max(0px,50vw - 620px) + 48px);display:flex;position:relative;overflow:hidden}.hero-stage{z-index:-1;background:var(--hero-bg);border:0;border-radius:0;position:absolute;inset:0}.hero-stage .demo-frame{aspect-ratio:auto;background:var(--hero-bg);position:absolute;inset:0}.hero-stage canvas{touch-action:pan-y}.hero-copy{pointer-events:none;max-width:580px;position:relative}.hero-copy:before{content:"";z-index:-1;background:radial-gradient(closest-side,#05030cd9,#05030c00);position:absolute;inset:-90px -140px}.hero-copy a,.hero-copy pre{pointer-events:auto}.hero .eyebrow{color:#ff6ad5;text-shadow:0 0 12px #ff3cc888}.hero h1{letter-spacing:-.035em;background:linear-gradient(100deg,#fff 10%,#8ff4ff 45%,#ff6ad5 90%);color:#0000;filter:drop-shadow(0 0 22px #ff3cc855);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;padding-bottom:.12em;font-size:clamp(40px,6vw,72px);line-height:1.02}.hero-lede{color:#b9bfdc;margin:0 0 28px;font-size:18px}.hero .btn{color:#eef0ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border-color:#ffffff2e}.hero .btn:hover{border-color:#22e4ff;box-shadow:0 0 18px #22e4ff55}.hero .btn.primary{color:#05030c;background:#22e4ff;border-color:#22e4ff;box-shadow:0 0 24px #22e4ff80}.hero .install{color:#d4d8f5;background:#ffffff0a;border-color:#ffffff24}.hero-hint{color:#8ff4ffaa;font:12px var(--mono);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 10px #22e4ff;pointer-events:none;margin:0;position:absolute;bottom:20px;right:calc(max(0px,50vw - 620px) + 48px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:10px 18px;font-weight:550;display:inline-block}.btn:hover{border-color:var(--accent);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .btn.primary{color:#06121f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn.primary{color:#06121f}}.install{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;margin:0;padding:8px 14px;font-size:13px;display:inline-block}.install span{color:var(--faint);margin-right:8px}.stats{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--surface);flex-direction:column;padding:20px;display:flex}.stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px}.stat span{color:var(--muted);font-size:13px}.stats-note{background:var(--bg-soft);color:var(--faint);grid-column:1/-1;margin:0;padding:10px 20px;font-size:12px}.features,.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.home-section{margin:64px 0}.home-section h2{letter-spacing:-.02em;margin:0 0 20px;font-size:26px}.home-section-lede{color:var(--muted);margin:-8px 0 20px}.home-section .features,.packages{grid-template-columns:repeat(2,minmax(0,1fr))}.qualities{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.qualities a,.package{background:var(--surface);color:var(--text);padding:18px 20px}.qualities a:hover,.package:hover{background:var(--bg-soft);text-decoration:none}.qualities h3{margin:0 0 6px;font-size:15px}.qualities p,.package p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.packages{gap:20px;display:grid}.package{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;display:flex}.package code{font-size:17px}.package-role{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.feature,.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.feature:hover,.card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.feature-copy,.card-copy{padding:14px 16px 18px}.feature h3,.card h4{margin:0 0 6px;font-size:16px}.feature p,.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.home-code{border:1px solid var(--border);background:var(--bg-soft);border-radius:16px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:40px;padding:40px;display:grid}.home-code h2{letter-spacing:-.02em;margin:0 0 12px;font-size:26px}.home-code p{color:var(--muted)}.gallery-head h1,.demo-page h1{letter-spacing:-.02em;margin:0 0 8px;font-size:34px}.gallery-head p{color:var(--muted);margin:0 0 32px;font-size:17px}.gallery-group h2{margin:48px 0 4px;font-size:22px}.gallery-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:24px 0 12px;font-size:13px;font-weight:600}.card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.demo-page header{margin-bottom:20px}.demo-page .lede{max-width:780px;margin:0}.demo-page .prose{margin-top:28px}@media (width<=1180px){.layout{grid-template-columns:var(--sidebar) minmax(0, 1fr)}.toc{display:none}}@media (width<=860px){.layout,body[data-view=demo] .layout,.menu-toggle{display:block}.sidebar{top:var(--topbar);z-index:15;background:var(--bg);width:min(300px,85vw);transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}body.nav-open .sidebar{transform:none}.main{padding:24px 16px 64px}.home-code{grid-template-columns:1fr}.hero{align-items:flex-end;margin-top:-24px;padding:48px 16px 64px}.hero-hint{right:16px}.home-code{padding:20px}.stats,.qualities{grid-template-columns:repeat(2,1fr)}.home-section .features,.packages{grid-template-columns:1fr}.topbar{gap:12px;padding:0 12px}.demo-meta .demo-status{display:none}}