:root{--bg:#fbfbfa;--sidebar:#f4f4f2;--surface:#fff;--text:#1d1d1b;--muted:#8b8b86;--faint:#b9b9b4;--line:#e9e9e6;--line-strong:#cfcfca;--hover:#1e1e190b;--active:#1e1e1913;--accent:#2f6fed;--accent-soft:#2f6fed1a;--chip:#1e1e190d;--chip-hover:#1e1e1917;--ok:#1f883d;--warn:#c98500;--danger:#cf222e;--code:#1e1e190e;--shadow:0 1px 2px #0000000a, 0 12px 40px -8px #00000029;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--kb-case-top:#2b2b29;--kb-case-bottom:#222220;--kb-case-edge:#ffffff0f;--kb-cap:#191918;--kb-cap-top:#222221;--kb-face:#ffffff06;--kb-legend:#74746e;--kb-rail-off:#3a3a37;--kb-shadow:0 1px 1px #00000014, 0 24px 60px -18px #00000073;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161615;--sidebar:#1b1b1a;--surface:#222220;--text:#e8e8e4;--muted:#8a8a84;--faint:#5c5c57;--line:#2a2a28;--line-strong:#4a4a46;--hover:#fffff50d;--active:#fffff516;--accent:#6b9bff;--accent-soft:#6b9bff24;--chip:#fffff512;--chip-hover:#fffff51f;--ok:#3fb950;--warn:#e3a52a;--danger:#f85149;--code:#fffff514;--shadow:0 1px 2px #0000004d, 0 16px 48px -8px #0009;--kb-case-top:#1f1f1e;--kb-case-bottom:#1a1a19;--kb-cap:#121211;--kb-cap-top:#1a1a19;--kb-shadow:0 0 0 1px #ffffff0a, 0 24px 60px -18px #000c}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}button:disabled{opacity:.5}kbd{color:var(--muted);background:var(--chip);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px}h1,h2,h3,p{margin:0}.app{height:100%;display:flex}.sidebar-wrap{background:var(--sidebar);border-right:1px solid var(--line);flex:none;overflow:hidden}.sidebar{flex-direction:column;width:220px;height:100%;padding:18px 10px 14px;display:flex}.brand{letter-spacing:-.01em;color:var(--muted);padding:2px 10px 18px;font-size:13px;font-weight:600}.nav{flex:1;margin:0;padding:0;list-style:none}.nav-item{width:100%;color:var(--muted);transition:color .2s var(--ease), background-color .2s var(--ease);border-radius:7px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:13.5px;display:flex;position:relative}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{color:var(--text)}.nav-highlight{background:var(--active);z-index:0;border-radius:7px;position:absolute;inset:0}.nav-label,.nav-meta{z-index:1;align-items:center;display:flex;position:relative}.nav-meta{font-variant-numeric:tabular-nums;color:var(--faint);font-size:12px}.nav-item.active .nav-meta{color:var(--muted)}.nav-dot{border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 .5px #0003}.nav-dot.breathe{animation:2.4s ease-in-out infinite breathe}.nav-live{color:var(--accent);font-weight:500}.connection{background:var(--chip);color:var(--muted);border-radius:8px;align-items:center;gap:8px;margin:0 4px 10px;padding:7px 10px;font-size:12px;display:flex}.connection-dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.connection.ok .connection-dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent)}.connection.warn .connection-dot{background:var(--warn)}.connection.bad .connection-dot{background:var(--danger)}.hints{color:var(--faint);flex-direction:column;gap:6px;padding:4px 10px 0;font-size:12px;display:flex}.hints kbd{margin-right:6px}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{flex:none;height:44px}.scroll{flex:1;padding:0 40px 64px;overflow-y:auto}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:padding-box padding-box;border:3px solid #0000;border-radius:10px}.scroll:hover::-webkit-scrollbar-thumb{background-color:var(--line-strong)}.page{max-width:1040px;margin:0 auto}.page-header{margin:6px 0 22px}.page-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header h1{letter-spacing:-.025em;font-size:30px;font-weight:650;line-height:1.2}.page-meta{color:var(--muted);min-height:22px;margin-top:6px;font-size:13.5px}.page-meta strong{color:var(--text);font-weight:600}.live{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite breathe}.board{margin-bottom:14px}.board-note{color:var(--muted);text-align:center;margin:-2px 0 18px;font-size:12.5px}.kb{width:100%;position:relative}.kb-svg{width:100%;height:auto;box-shadow:var(--kb-shadow);border-radius:22px;display:block;overflow:visible}.kb-case{stroke:var(--kb-case-edge);stroke-width:1px}.key{cursor:default;transition:filter .35s var(--ease)}.key.dim{filter:brightness(.55)saturate(.6)}.kb.side-focus .key{filter:brightness(.6)saturate(.7)}.blooms{transition:opacity .35s var(--ease)}.kb.side-focus .blooms{opacity:.3}.cap{stroke:#00000080;stroke-width:1px}.face{fill:var(--kb-face);stroke:#ffffff09;stroke-width:1px}.key.hover .face{fill:#ffffff0f}.tint,.bloom,.rail-seg{transition:fill .35s var(--ease), opacity .35s var(--ease)}.kb-well{fill:#00000059}.knob .knob-dial{filter:drop-shadow(0 1px 1.5px #00000080)}.knob-line{stroke:#ffffffd9;stroke-width:3px;stroke-linecap:round}.mini-knob{fill:#e2502a}.legend{text-anchor:middle;fill:var(--kb-legend);transition:fill .35s var(--ease), opacity .35s var(--ease);pointer-events:none;font-size:13px;font-weight:500}.legend.words{letter-spacing:.08em;font-size:9.5px;font-weight:500}.key.faint .legend{opacity:.3}.legend.fkey{letter-spacing:.02em;font-size:11.5px}.key-icon{fill:none;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .35s var(--ease)}.key-icon .icon-fill{fill:currentColor;fill-opacity:.35}.legend.sub{font-size:10px}.badge-text{text-anchor:middle;fill:#ffffff9e;letter-spacing:.01em;pointer-events:none;font-size:9.5px;font-weight:600}.ring{fill:none;stroke-width:2px;pointer-events:none}.ring.brush{stroke-width:2.2px}.kb.painting .key{cursor:crosshair}.rails.breathe{animation:breathe var(--breathe,3s) ease-in-out infinite}.rails.neon .rail-seg{animation:6s linear infinite neon}.kb-tip{z-index:5;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);white-space:nowrap;pointer-events:none;border-radius:8px;flex-direction:column;align-items:center;padding:5px 10px 6px;font-size:12px;line-height:1.35;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 6px))}.kb-tip strong{font-weight:600}.kb-tip span{color:var(--muted)}.kb.anim .bloom,.kb.anim .tint{animation-duration:var(--anim);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.kb.anim-wave .bloom,.kb.anim-wave .tint{animation-name:pulse;animation-delay:calc(var(--x) * var(--anim) * -1)}.kb.anim-wave.reverse .bloom,.kb.anim-wave.reverse .tint{animation-delay:calc((1 - var(--x)) * var(--anim) * -1)}.kb.anim-rise .bloom,.kb.anim-rise .tint{animation-name:pulse;animation-delay:calc((1 - var(--y)) * var(--anim) * -.6)}.kb.anim-rise.reverse .bloom,.kb.anim-rise.reverse .tint{animation-delay:calc(var(--y) * var(--anim) * -.6)}.kb.anim-breathe .bloom,.kb.anim-breathe .tint{animation-name:pulse}.kb.anim-twinkle .bloom,.kb.anim-twinkle .tint{animation-name:pulse;animation-delay:calc(var(--r) * var(--anim) * -1)}@keyframes pulse{0%,to{filter:brightness();fill-opacity:1}50%{fill-opacity:.15}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.25}}@keyframes neon{to{filter:hue-rotate(360deg)}}.mini{background:#1c1c1b;border-radius:6px;width:100%;height:auto;display:block}.mini rect.off{fill:#2a2a28}.panel{flex-direction:column;display:flex}.row{gap:14px;padding:14px 4px;display:flex}.row+.row{border-top:1px solid var(--line)}.row-main{flex:1;min-width:0;font-size:13.5px}.row-head{justify-content:space-between;align-items:center;gap:10px;min-height:24px;margin-bottom:8px;display:flex}.row-head h3{font-size:13.5px;font-weight:600}.row-note{color:var(--faint);font-size:12px}.row-text{color:var(--text)}.row-help{color:var(--muted);margin-top:8px;font-size:12.5px}.row-help.foot{margin-top:18px;padding:0 4px}.row-error{color:var(--danger);margin:8px 0;font-size:12.5px}.row-icon{background:var(--muted);width:18px;height:18px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;flex:none;margin-top:3px}.icon-keyboard{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1' y='3.5' width='14' height='9' rx='2' fill='none' stroke='black' stroke-width='1.3'/><path d='M4 6.5h1M7.5 6.5h1M11 6.5h1M5 9.5h6' stroke='black' stroke-width='1.3' stroke-linecap='round'/></svg>")}.icon-moon{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M13.5 9.8A6 6 0 0 1 6.2 2.5a6 6 0 1 0 7.3 7.3Z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'/></svg>")}.icon-terminal{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1.5' y='2.5' width='13' height='11' rx='2.5' fill='none' stroke='black' stroke-width='1.4'/><path d='M4.5 6l2 2-2 2M8.5 10.5h3' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.icon-power{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 1.8v5.4M4.6 3.9a5.2 5.2 0 1 0 6.8 0' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/></svg>")}.row-main code,.row-help code{background:var(--code);color:var(--text);-webkit-user-select:text;user-select:text;border-radius:5px;padding:1px 5px;font:11.5px SF Mono,ui-monospace,Menlo,monospace}.setup{background:var(--accent-soft);border-radius:12px;align-items:center;gap:16px;margin:0 0 8px;padding:14px 16px;font-size:13px;display:flex}.setup p{flex:1}.setup strong{font-weight:600}.icon-shield{--icon:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 1.5 13.5 3.5v4c0 3.4-2.4 5.9-5.5 7-3.1-1.1-5.5-3.6-5.5-7v-4Z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'/></svg>")}.facts{grid-template-columns:90px 1fr;gap:4px 12px;margin:10px 0 0;font-size:13px;display:grid}.facts dt{color:var(--muted)}.facts dd{font-variant-numeric:tabular-nums;margin:0}.section-label{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:26px 4px 10px;font-size:11px;font-weight:600}.section-label span{letter-spacing:0;text-transform:none;margin-left:8px;font-size:12px;font-weight:400}.segmented{background:var(--chip);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);transition:color .2s var(--ease);border-radius:6px;padding:3px 12px;font-size:12.5px;position:relative}.segmented button:hover,.segmented button.on{color:var(--text)}.segmented button span{z-index:1;position:relative}.segmented-pill{background:var(--surface);z-index:0;border-radius:6px;position:absolute;inset:0;box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000a}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips+.swatches{margin-top:12px}.chip{color:var(--muted);background:var(--chip);transition:background-color .2s var(--ease), color .2s var(--ease), transform .15s var(--ease);border-radius:999px;padding:3px 11px;font-size:12.5px}.chip:hover{background:var(--chip-hover);color:var(--text)}.chip:active{transform:scale(.96)}.chip.on{background:var(--text);color:var(--bg)}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{background:var(--c);width:24px;height:24px;transition:transform .2s var(--spring), box-shadow .2s var(--ease);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.swatch:hover{transform:scale(1.12)}.swatch.on{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--bg), 0 0 0 3.5px var(--text)}.swatch.none{background:var(--chip);color:var(--muted);place-items:center;display:grid}.swatch.custom{background:var(--c,conic-gradient(from 180deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red));cursor:default}.swatch.custom input,.stripe input{opacity:0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.slider{align-items:center;gap:14px;max-width:460px;display:flex}.slider input{appearance:none;background:0 0;flex:1;height:22px;margin:0}.slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--fill) 0 var(--pct), var(--chip-hover) var(--pct) 100%);border-radius:4px;height:4px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;transition:transform .15s var(--ease);background:#fff;border-radius:50%;margin-top:-7px;box-shadow:0 1px 3px #0000004d,0 0 0 .5px #00000026}.slider input:active::-webkit-slider-thumb{transform:scale(1.1)}.slider-value{min-width:64px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.toggle{background:var(--chip-hover);width:34px;height:20px;transition:background-color .2s var(--ease);border-radius:999px;flex:none;justify-content:flex-start;padding:2px;display:flex;position:relative}.toggle.on{background:var(--ok);justify-content:flex-end}.toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #00000040}.button{border:1px solid var(--line);background:var(--surface);height:30px;transition:border-color .2s var(--ease), background-color .2s var(--ease), transform .15s var(--ease), opacity .2s;border-radius:8px;flex:none;padding:0 12px;font-size:13px}.button:hover{border-color:var(--line-strong)}.button:active{transform:scale(.97)}.button.primary{background:var(--accent);color:#fff;border-color:#0000}.button.quiet-plain{color:var(--muted);background:0 0;border-color:#0000}.button.quiet-plain:hover{color:var(--text);background:var(--hover)}.button.small{height:24px;padding:0 8px;font-size:12px}.row-actions{align-items:center;gap:6px;display:flex}.row-actions.inline{padding:4px 4px 14px}.icon-button{width:28px;height:28px;color:var(--muted);transition:background-color .2s var(--ease), color .2s var(--ease), transform .2s var(--spring);border-radius:7px;place-items:center;display:grid}.icon-button:hover{background:var(--hover);color:var(--text)}.icon-button.danger:hover{color:var(--danger)}.icon-button:active{transform:scale(.92)}.stripe-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:560px;display:grid}.stripe{background:var(--chip);color:var(--muted);transition:background-color .2s var(--ease);border-radius:8px;align-items:center;gap:9px;padding:6px 10px;font-size:12.5px;display:flex;position:relative}.stripe:hover{background:var(--chip-hover);color:var(--text)}.stripe-chip{border-radius:4px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000001f}.brush-bar{border-bottom:1px solid var(--line);margin-bottom:4px;overflow:hidden}.layer-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.layer{transition:background-color .2s var(--ease), opacity .2s var(--ease);border-radius:10px;align-items:center;gap:14px;padding:8px;display:flex}.layer:hover{background:var(--hover)}.layer.editing{background:var(--accent-soft)}.layer.hidden .layer-thumb{opacity:.4}.layer-thumb{width:128px;transition:transform .2s var(--ease), opacity .2s var(--ease);border-radius:7px;flex:none;overflow:hidden}.layer-thumb:hover{transform:scale(1.03)}.layer-main{flex-direction:column;flex:1;min-width:0;display:flex}.layer-name{cursor:text;font-size:13.5px;font-weight:600}.layer-meta{color:var(--muted);font-size:12px}.layer-rename{width:220px;font:inherit;border:1px solid var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg);color:var(--text);border-radius:6px;outline:none;margin-left:-6px;padding:1px 6px;font-size:13.5px;font-weight:600}.layer-actions{opacity:.7;transition:opacity .2s var(--ease);gap:2px;display:flex}.layer:hover .layer-actions,.layer.editing .layer-actions{opacity:1}.presets{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.preset{text-align:left;border:1px solid var(--line);background:var(--surface);transition:border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex}.preset:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.preset:active{transform:scale(.98)}.preset .mini{margin-bottom:6px}.preset-name{padding:0 2px;font-size:13px;font-weight:600}.preset-hint{color:var(--muted);padding:0 2px;font-size:12px}.shortcut-list{margin:0 0 8px;padding:0;list-style:none}.shortcut-list li{grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:7px 4px;font-size:13.5px;display:grid}.shortcut-list li+li{border-top:1px solid var(--line)}.combo{gap:4px;display:flex}.combo kbd{text-align:center;min-width:22px;color:var(--text);padding:2px 6px;font-size:12px}.rule-list{margin:0;padding:0;list-style:none}.rule{transition:background-color .4s var(--ease), opacity .2s var(--ease);border-radius:10px;align-items:flex-start;gap:16px;padding:14px 4px;display:flex}.rule+.rule{border-top:1px solid var(--line)}.rule.flash{background:var(--accent-soft)}.rule.off .rule-main{opacity:.55}.rule-main{transition:opacity .2s var(--ease);flex:1}.rule-main h3{font-size:13.5px;font-weight:600}.rule-main p{color:var(--muted);margin-top:2px;font-size:13px}.rule .toggle{margin-top:2px}.sleep-grid{color:var(--muted);grid-template-columns:120px 1fr;align-items:center;gap:6px 14px;font-size:13px;display:grid}.empty{text-align:center;max-width:440px;margin:18vh auto 0}.empty h1{letter-spacing:-.02em;font-size:22px;font-weight:650}.empty p{color:var(--muted);margin:10px 0 20px;font-size:13.5px}html.native,html.native body,html.native .sidebar-wrap{background:0 0}html.native .sidebar{padding-top:0}html.native .brand{cursor:default;padding-top:52px}@media (prefers-reduced-motion:reduce){.kb.anim .bloom,.kb.anim .tint,.rails.breathe,.rails.neon .rail-seg,.nav-dot.breathe,.live-dot{animation:none}}.layer-tabs{align-items:center;gap:14px;margin-bottom:12px;display:flex}.knob-slots{justify-content:flex-end;align-items:center;gap:6px;margin-top:12px;display:flex}.knob-slots .row-note{margin-right:4px}.picker{padding:4px 4px 0}.picker-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.picker-head h3{font-size:15px;font-weight:600}.picker-head .row-help{margin-top:2px}.picker-head strong{color:var(--text);font-weight:600}.field{border:1px solid var(--line-strong);background:var(--bg);height:30px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:8px;outline:none;padding:0 10px;font-size:13px}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field.search{width:180px}.picker-groups{margin-bottom:12px}.code-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.code{border:1px solid var(--line);background:var(--surface);text-align:left;min-height:52px;transition:border-color .2s var(--ease), background-color .2s var(--ease), transform .15s var(--ease);border-radius:9px;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 9px;display:flex}.code:hover:not(:disabled){border-color:var(--line-strong)}.code:active:not(:disabled){transform:scale(.97)}.code.on{border-color:var(--accent);background:var(--accent-soft)}.code.danger .code-label{color:var(--danger)}.code-label{font-size:13px;font-weight:600}.code-name{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.setup.warn{background:color-mix(in srgb, var(--danger) 10%, transparent);margin-bottom:12px}.keymap-foot{justify-content:space-between;align-items:flex-start;gap:16px;padding:4px;display:flex}.func-toggles{flex-direction:column;gap:8px;margin-top:10px;font-size:13px;display:flex}.func-toggles label{align-items:center;gap:10px;display:flex}html,body,#root{height:auto}body{-webkit-user-select:auto;user-select:auto;font-size:15.5px;overflow:visible}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--wrap:1080px;--gutter:24px;scroll-padding-top:72px}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}code{background:var(--code);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}.wrap{max-width:calc(var(--wrap) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.site-nav{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky;top:0}.site-nav-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.site-brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:9px;font-weight:650;display:inline-flex}.site-brand:hover{text-decoration:none}.site-brand img{border-radius:5px}.nav-links{gap:22px;font-size:13.5px;display:flex}.nav-links a{color:var(--muted);transition:color .2s var(--ease)}.nav-links a:hover{color:var(--text);text-decoration:none}.hero{text-align:center;padding-top:60px}.eyebrow{color:var(--muted);font-size:13px}.hero h1{letter-spacing:-.032em;text-wrap:balance;max-width:780px;margin:14px auto 0;font-size:clamp(34px,5.2vw,54px);font-weight:650;line-height:1.07}.lede{max-width:620px;color:var(--muted);text-wrap:pretty;margin:20px auto 0;font-size:17.5px;line-height:1.55}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.btn{height:40px;color:var(--text);background:var(--surface);border:1px solid var(--line);transition:border-color .2s var(--ease), transform .15s var(--ease), background-color .2s var(--ease);border-radius:10px;align-items:center;padding:0 18px;font-size:14.5px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--line-strong);text-decoration:none}.btn:active{transform:scale(.97)}.btn.primary{color:#fff;background:#2f6fed;border-color:#0000}.btn.primary:hover{background:#2862d6}.fine{color:var(--faint);margin-top:14px;font-size:12.5px}.hero-board{max-width:1000px;margin:44px auto 0}.hero-kb{text-align:left}.hero-controls{flex-direction:column;align-items:center;gap:14px;margin-top:28px;display:flex}.hero-controls .segmented{scrollbar-width:none;max-width:100%;overflow-x:auto}.hero-controls .segmented button{flex:none;padding:5px 14px;font-size:13.5px}.hero-caption{max-width:560px;min-height:3.2em;color:var(--muted);text-wrap:balance;font-size:13.5px;line-height:1.6}.hero-caption span{color:var(--faint)}.hint-touch{display:none}@media (hover:none){.hint-hover{display:none}.hint-touch{display:inline}}.section{padding-top:112px}.section>h2{letter-spacing:-.025em;font-size:30px;font-weight:650;line-height:1.2}.section-intro{max-width:620px;color:var(--muted);margin-top:8px;font-size:16px}.section h3{letter-spacing:-.01em;font-size:17px;font-weight:620}.section p{text-wrap:pretty}.feature{grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);align-items:center;gap:56px;margin-top:56px;display:grid}.feature.flip .feature-text{order:2}.feature-text p{color:var(--muted);margin-top:10px;line-height:1.6}.shot{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;margin:0;overflow:hidden}.shot img,.shot video{aspect-ratio:1180/800;background:var(--sidebar);width:100%;height:auto;display:block}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;margin-top:80px;display:grid}.card h3{margin-top:20px}.card p{color:var(--muted);margin-top:6px;font-size:14.5px;line-height:1.6}.feature.cli{margin-top:88px}.codeblock{background:var(--code);border-radius:12px;margin:0;padding:16px 18px;font-size:13px;line-height:1.65;overflow-x:auto}.codeblock code{font-size:inherit;background:0 0;padding:0}.codeblock .c{color:var(--muted)}.points{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:32px;display:grid}.points.two{grid-template-columns:repeat(2,minmax(0,1fr))}.points p{color:var(--muted);margin-top:8px;line-height:1.6}.points .codeblock{margin-top:12px}.faq{border-bottom:1px solid var(--line);max-width:760px;margin-top:24px}.faq details{border-top:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 32px 16px 0;font-weight:560;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:7px;height:7px;transition:transform .2s var(--ease);position:absolute;top:50%;right:6px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq details p{color:var(--muted);padding:0 32px 18px 0;line-height:1.65}.roadmap{border-bottom:1px solid var(--line);max-width:760px;margin:24px 0 0;padding:0;list-style:none}.roadmap li{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 0;display:flex}.roadmap h3{font-size:15.5px}.roadmap p{color:var(--muted);margin-top:2px;font-size:14.5px}.status{border-radius:999px;flex:none;margin-top:1px;padding:2px 10px;font-size:12px;font-weight:500}.status.planned{color:var(--accent);background:var(--accent-soft)}.status.researching{color:var(--warn);background:color-mix(in srgb, var(--warn) 13%, transparent)}.footer{border-top:1px solid var(--line);color:var(--muted);margin-top:120px;font-size:13px}.footer-inner{justify-content:space-between;align-items:center;gap:16px;padding-top:28px;padding-bottom:40px;display:flex}.footer a{color:var(--muted)}.footer a:hover{color:var(--text)}@media (width<=900px){.feature,.feature.cli{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:56px}.feature.flip .feature-text{order:0}.points{grid-template-columns:minmax(0,1fr);gap:28px}.points.two{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){:root{--gutter:18px}.nav-links a:not(:last-child){display:none}.hero{padding-top:48px}.lede{font-size:16.5px}.hero-board{margin-top:40px}.hero-controls .segmented{flex-wrap:wrap;justify-content:center}.section{padding-top:80px}.section>h2{font-size:26px}.cards{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:56px}.roadmap li{flex-direction:column;gap:8px}.roadmap .status{order:-1}}@media (prefers-reduced-motion:reduce){.btn,.nav-links a,.faq summary:after{transition:none}}