:root{--sheet:#fff;--shadow:0 1px 2px #1b1d200f, 0 12px 40px -12px #1b1d202e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sheet:#1a1d21;--shadow:0 1px 2px #0006, 0 12px 40px -12px #0009}}:root[data-theme=dark]{--sheet:#1a1d21;--shadow:0 1px 2px #0006, 0 12px 40px -12px #0009}.landing a{color:var(--accent)}.wrap{max-width:1000px;margin:0 auto;padding-inline:16px}.landing .btn{color:var(--fg);align-items:center;text-decoration:none;display:inline-flex}.landing .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.landing .btn.primary:hover{filter:brightness(1.08)}.site{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.site nav{align-items:center;gap:18px;font-size:13px;display:flex}.site nav a{color:var(--muted);text-decoration:none}.site nav a:hover{color:var(--fg);text-decoration:underline}.site nav .nav-cta{color:var(--bg);padding:4px 12px}.site nav .nav-cta:hover{color:var(--bg);text-decoration:none}.hero{gap:14px;padding-block:40px 28px;display:grid}.eyebrow{font:600 11px/1.4 var(--font-head);letter-spacing:.08em;color:var(--muted);margin:0;font-stretch:112.5%}.hero h1{font:700 clamp(24px, 4.2vw, 40px)/1.18 var(--font-head);letter-spacing:-.01em;margin:0;font-stretch:112.5%}.hero h1 .h1-line{text-wrap:balance;display:block}.hero .sub{color:var(--muted);max-width:62ch;margin:0;font-size:15px}.hero .sub strong{color:var(--fg);font-weight:600}.demo{background:var(--sheet);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;transition:border-color .2s,box-shadow .2s;position:relative}.demo.active{border-color:var(--accent);box-shadow:var(--shadow), 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.demo-bar{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 16px;padding:9px 16px;font-size:12px;display:flex}.demo-bar .spacer{flex:1}.demo-links{flex-wrap:wrap;gap:4px 16px;display:inline-flex}.demo-bar a.linklike{color:var(--muted);text-decoration:none}.demo-bar a.linklike:hover{color:var(--fg);text-decoration:underline}.demo-tag{font:600 10.5px/1 var(--font-head);letter-spacing:.08em;color:var(--accent);border:1px solid;border-radius:3px;padding:3px 6px;font-stretch:112.5%}.keys-state{align-items:center;gap:6px;display:inline-flex}.keys-state:before{content:"";background:var(--field);border-radius:50%;width:7px;height:7px}.demo.active .keys-state{color:var(--accent)}.demo.active .keys-state:before{background:var(--accent)}.guide{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;margin:0;padding:12px 16px;font-size:12.5px;line-height:20px;list-style:none;display:grid}.guide li{color:var(--muted);align-items:flex-start;gap:8px;min-width:0;display:flex}.guide .n{font:600 11px/1 var(--font-head);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.guide li.now{color:var(--fg)}.guide li.now .n{border-color:var(--accent);color:var(--accent)}.guide li.done{text-decoration:line-through;-webkit-text-decoration-color:var(--field);text-decoration-color:var(--field)}.guide li.done .n{background:var(--accent);border-color:var(--accent);color:var(--sheet)}.demo .board{padding:18px 20px 28px}.demo .board:focus{outline:none}.demo .legend{margin-top:32px}.invite{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 20px;animation:.35s ease-out rise;display:flex}.invite p{flex:320px;min-width:0;margin:0}.invite p span{color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.below{gap:72px;padding-block:72px 24px;display:grid}.below>*{min-width:0}.below h2{font:700 20px/1.3 var(--font-head);text-wrap:balance;margin:0 0 18px;font-stretch:112.5%}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.three.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}.three h3{font:600 12px/1.5 var(--font-head);letter-spacing:.06em;margin:0 0 8px;font-stretch:112.5%}.three p{color:var(--muted);margin:0 0 12px}.snippet{font:12.5px/1.7 var(--font);border-left:2px solid var(--line);white-space:pre;margin:0;padding:2px 0 2px 12px;overflow-x:auto}.snippet .a{color:var(--accent)}.snippet .w{color:var(--warn)}.snippet .m{color:var(--muted)}.compare{overflow-x:auto}.compare table{border-collapse:collapse;width:100%;min-width:520px;font-size:13px}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--line);padding:9px 12px}.compare thead th{font:600 11px/1.4 var(--font-head);letter-spacing:.06em;color:var(--muted);font-stretch:112.5%}.compare tbody th{font-weight:400}.compare td{width:26%}.compare .yes{color:var(--fg)}.compare .no{color:var(--muted)}.closing{border-top:1px solid var(--line);gap:18px;padding-block:64px 24px;display:grid}.below .closing h2{font:700 clamp(22px, 3.4vw, 32px)/1.2 var(--font-head);letter-spacing:-.01em;margin:0;font-stretch:112.5%}.closing h2 .caret{color:var(--accent)}.caret:empty:after{content:"▌"}.closing p{max-width:56ch;color:var(--muted);margin:0;font-size:15px}.closing-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:6px;display:flex}.landing .btn-lg{padding:10px 22px;font-size:15px;font-weight:600}.closing .back-to-demo{color:var(--muted);font-size:13px;text-decoration:none}.closing .back-to-demo:hover{color:var(--fg);text-decoration:underline}#demo{scroll-margin-top:24px}.site-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-block:28px 40px;font-size:12px;display:flex}.site-foot a{color:var(--muted)}@media (width<=720px){.guide{grid-template-columns:1fr}.guide li:not(.now),.demo-bar .spacer{display:none}.demo-links{flex-basis:100%}.demo .section.is-empty{display:none}.demo .board{padding:14px 14px 22px}.three,.three.four{grid-template-columns:1fr;gap:28px}.site nav .hide-sm{display:none}.hero{padding-block:24px 20px}}@media (prefers-reduced-motion:reduce){.invite{animation:none}}.lang-switch{color:var(--muted);letter-spacing:.04em;font-size:12px}.site nav .lang-switch a[aria-current]{color:var(--fg);font-weight:600}.site nav a,.lang-switch{white-space:nowrap}@media (width<=720px){.site{gap:10px}.site .logo{flex:none;width:auto;height:17px}.site nav{gap:12px}.site nav .nav-cta{padding:4px 10px}}@media (width<=400px){.site nav .hide-xs{display:none}}.section-sub{color:var(--muted);max-width:62ch;margin:-6px 0 22px}.keymap ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.keymap li{grid-template-columns:8.5em minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.keymap .keys{flex-wrap:wrap;align-items:baseline;gap:3px;display:inline-flex}.keymap .plus,.keymap .or{color:var(--muted);margin:0 1px;font-size:11px}.key-hint{color:var(--muted)}.landing kbd{font:600 12px/1 var(--font);text-align:center;background:var(--sheet);min-width:1.9em;color:var(--fg);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:4px 6px 3px}.capture-tip{color:var(--muted);margin:26px 0 0}.capture-tip code{font:inherit;color:var(--fg);background:var(--sheet);border:1px solid var(--line);white-space:pre-wrap;border-radius:3px;padding:0 4px}.keymap>div:first-child li{grid-template-columns:2.4em minmax(0,1fr)}.keymap>div:last-child li{grid-template-columns:6em minmax(0,1fr)}.keymap .keys{white-space:nowrap;flex-wrap:nowrap}@media (width<=720px){.compare table{min-width:0;font-size:12.5px}.compare th,.compare td{padding:8px 6px}}.theme-switch{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.theme-switch:hover{color:var(--fg);border-color:var(--fg)}.theme-switch .ti{width:15px;height:15px;display:none}.theme-switch[data-mode=auto] .ti-auto,.theme-switch[data-mode=light] .ti-light,.theme-switch[data-mode=dark] .ti-dark{display:block}@media (width<=400px){.site nav{gap:9px}.site .logo{height:15px}.theme-switch{width:26px;height:26px}}