:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f6f3;--surface:#fff;--surface-2:#efeee9;--ink:#17171a;--ink-2:#44444c;--muted:#62626b;--line:#17171a1f;--line-strong:#17171a38;--accent:#3b3bd1;--accent-ink:#fff;--accent-soft:#3b3bd117;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f;--sf-bg:#f2f2f7;--sf-fg:#1c1c1e;--sf-fill:#3c3c431a;--sf-tab-on:#fff;--device:#0d0d10;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--radius:12px;--fr-pane-bg:var(--surface);--fr-pane-border:var(--line);--fr-backdrop:#0c0c1852}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141416;--surface:#1c1c20;--surface-2:#26262b;--ink:#ededf0;--ink-2:#c3c3cb;--muted:#9d9da7;--line:#ffffff1c;--line-strong:#ffffff38;--accent:#a3a3ff;--accent-ink:#12122a;--accent-soft:#a3a3ff21;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--sf-bg:#1c1c1e;--sf-fg:#f2f2f7;--sf-fill:#ebebf51f;--sf-tab-on:#3a3a3c;--device:#000;--fr-backdrop:#0000008c;--fr-drawer-shadow:-8px 0 32px #0009}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.15}p{margin:.6em 0}a{color:var(--accent);text-underline-offset:.18em}code{font-family:var(--mono);font-size:.88em}:not(pre)>code{background:var(--surface-2);border-radius:5px;padding:.1em .35em}b,strong{font-weight:650}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}[tabindex="-1"]:focus{outline:none}.muted{color:var(--muted)}.sr-only,.ba-alt{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site{flex-direction:column;min-height:100dvh;display:flex}main{outline:none;flex:1}.wrap{max-width:1120px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));margin:0 auto}@media (width>=720px){.wrap{padding-left:32px;padding-right:32px}}.skip{background:var(--surface);z-index:10;border-radius:8px;padding:8px 12px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.site-head{width:100%;max-width:1120px;padding:12px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;margin:0 auto;display:flex}@media (width>=720px){.site-head{padding-left:32px;padding-right:32px}}@media (height>=601px){.site-head{z-index:20;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);position:sticky;top:0}}[id]{scroll-margin-top:calc(var(--head-h,0px) + 12px)}.brand{color:var(--ink);align-items:center;gap:8px;min-height:44px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.logo{color:var(--accent)}.site-head nav{min-width:0;max-width:100%}.nav{scrollbar-width:none;gap:2px;margin:0 -10px;padding:0;list-style:none;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;min-height:44px;color:var(--ink-2);border-radius:8px;align-items:center;padding:0 10px;font-size:15px;text-decoration:none;display:inline-flex}.nav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--ink)}}.site-foot{width:100%;max-width:1120px;padding:24px max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:6px 10px;margin:64px auto 0;font-size:13px;display:flex}@media (width>=720px){.site-foot{padding-left:32px;padding-right:32px}}.eyebrow{letter-spacing:.04em;color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:600}.lede{color:var(--ink-2);max-width:62ch;font-size:18px}.page-head{padding:48px 0 24px}.page-head h1{max-width:22ch;font-size:clamp(1.9rem,1.2rem + 3vw,3rem)}.btn{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);font:500 15px/1 var(--font);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn-quiet{background:0 0;border-color:#0000}.btn-big{min-height:52px;padding:0 24px;font-size:17px}@media (hover:hover) and (pointer:fine){.btn:hover{border-color:var(--ink-2)}.btn-primary:hover{filter:brightness(1.08);border-color:var(--accent)}}.linkish{font:inherit;color:var(--accent);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linkish[aria-pressed=true]{color:var(--ink);font-weight:600;text-decoration:none}.input{border:1px solid var(--line-strong);background:var(--surface);min-width:0;min-height:44px;color:var(--ink);font:16px/1.2 var(--font);border-radius:10px;flex:1;padding:0 12px}.input[aria-invalid=true]{border-color:var(--accent)}.switch{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);font:500 15px/1 var(--font);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:0 14px 0 10px;display:inline-flex}.switch-track{background:var(--line-strong);border-radius:11px;flex:none;width:36px;height:22px;transition:background .15s;position:relative}.switch-thumb{background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true]{border-color:var(--accent)}.switch[aria-checked=true] .switch-track{background:var(--accent)}.switch[aria-checked=true] .switch-thumb{transform:translate(14px)}.seg{border:1px solid var(--line-strong);background:var(--surface);scrollbar-width:none;border-radius:11px;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg-btn{min-width:52px;min-height:44px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px 10px;display:inline-flex}.seg-label{font:600 14px/1.1 var(--font);font-variant-numeric:tabular-nums}.seg-hint{color:var(--muted);font-size:11px;line-height:1.2}.seg-btn[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.seg-btn[aria-checked=true] .seg-hint{color:inherit;opacity:.85}.seg-small .seg-btn{min-height:40px}.check{min-height:44px;color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:15px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent);margin:0}.note{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius);color:var(--ink-2);margin:16px 0;padding:14px 16px;font-size:15px}.note-warn{border-color:var(--accent)}.badge{font:600 12px/1 var(--mono);border:1px solid var(--accent);color:var(--accent);vertical-align:2px;border-radius:999px;padding:4px 8px;display:inline-block}.code{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:14px 0;overflow:hidden}.code-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 4px 0 14px;display:flex}.code-lang{font:12px/1 var(--mono);color:var(--muted)}.code-copy{min-height:36px;color:var(--accent);font:600 13px/1 var(--font);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px}.code pre{font:13.5px/1.6 var(--mono);color:var(--ink);tab-size:2;margin:0;padding:14px 16px;overflow-x:auto}.code pre code{font-size:inherit}.hero{padding-top:56px;padding-bottom:24px}.hero h1{letter-spacing:-.025em;max-width:17ch;font-size:clamp(2.1rem,1.2rem + 4vw,3.6rem)}.hero .lede{margin-top:18px}.install{max-width:380px;margin-top:24px}.demo-section{padding:40px 0 24px}.demo-section h2,.section h2{font-size:clamp(1.4rem,1rem + 1.6vw,1.9rem)}.section-lede{color:var(--ink-2);max-width:64ch}.controls{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:20px 0 10px;display:flex}.why{color:var(--ink-2);max-width:80ch;min-height:3.1em;font-size:15px}.why-w{font:600 13px/1 var(--mono);background:var(--surface-2);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:6px;margin-right:4px;padding:4px 7px}.stage-scroll{padding:4px max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));overflow-x:auto}.stage{box-sizing:content-box;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);max-width:none;box-shadow:var(--shadow);margin:0 auto;transition:width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.stage-scoped .fr-drawer-root{inset:auto;top:var(--stage-y);left:var(--stage-x);width:var(--stage-w);height:var(--stage-h);border-radius:var(--radius);overflow:hidden}.section{padding-top:56px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin-top:24px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:20px;display:flex}.card h3{font-size:17px}.card>p{color:var(--ink-2);font-size:14.5px}.ba{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 14px;display:grid}.ba-cell{margin:0}.ba-cell figcaption{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600}.ba-after figcaption{color:var(--accent)}.card-link{align-items:center;min-height:44px;margin-top:auto;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.section-foot{color:var(--ink-2);margin-top:24px}.mini{border:1px solid var(--line);background:var(--bg);border-radius:8px;height:96px;padding:8px;position:relative;overflow:hidden}.m-row{align-items:center;gap:6px;height:24px;display:flex}.m-avatar{background:var(--line-strong);border-radius:50%;flex:none;width:12px;height:12px}.m-lines{flex-direction:column;flex:1;gap:3px;display:flex}.m-lines span,.m-dock span,.m-sheet span,.m-page>span{background:var(--line-strong);border-radius:2px;height:4px;display:block}.m-lines span:last-child,.m-sheet span:last-child{width:60%}.m-icon{background:var(--accent);border-radius:4px;flex:none;width:13px;height:13px}.m-ghost{border:1px dashed var(--muted);opacity:.5;background:0 0}.m-split{display:flex;position:absolute;inset:8px}.m-list{flex:1;min-width:0}.m-drawer{background:var(--surface);width:58%;position:absolute;top:-8px;bottom:-8px;right:-8px;box-shadow:0 0 0 999px #00000038}.m-dock{border-left:1px solid var(--line-strong);flex-direction:column;gap:5px;width:44%;padding:4px 0 0 6px;display:flex}.m-dock span:first-child{width:80%;height:6px}.m-vh{position:absolute;inset:0}.m-sheet{flex-direction:column;gap:4px;display:flex;position:absolute;inset:8px 8px 0}.m-cta{background:var(--accent);border-radius:4px;height:14px;position:absolute;bottom:24px;left:10px;right:10px}.m-cut{bottom:2px}.m-toolbar{background:var(--sf-bg);border-top:1px solid var(--line-strong);z-index:1;height:16px;position:absolute;bottom:0;left:0;right:0}.m-place{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.m-num{font:700 28px/1 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;grid-row:span 2}.m-num-on{color:var(--accent)}.m-tint{display:flex;position:absolute;inset:0}.m-page{background:var(--accent);flex-direction:column;flex:1;gap:5px;padding:0 8px;display:flex}.m-head{border-bottom:1px solid #ffffff40;height:20px;margin:0 -8px 4px}.m-page>span{background:#ffffff73}.m-page>span:last-child{width:55%}.m-side{background:var(--sf-bg);border-left:1px solid var(--line-strong);width:20%}.m-side-on{background:var(--accent);border-left-color:#0000}.inbox{background:var(--surface);height:100%;min-height:0;color:var(--ink);flex-direction:column;display:flex}.inbox-bar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.inbox-title{align-items:baseline;gap:10px;min-width:0;display:flex}.inbox-title strong{font-size:18px}.inbox-count{color:var(--muted);white-space:nowrap;font-size:13px}.inbox-org{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}a.inbox-org{color:var(--accent);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.inbox-split{flex:auto;min-height:0}.inbox-list{overscroll-behavior:contain;flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.inbox-status{min-height:32px;padding:4px 16px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:12px;font-size:12.5px;display:flex;overflow:hidden}.inbox-kept{color:var(--accent);text-overflow:ellipsis;font-weight:600;overflow:hidden}.row{border-bottom:1px solid var(--line);align-items:center;display:flex;position:relative}.row-main{min-width:0;min-height:68px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:10px 4px 10px 16px;display:flex}.row-main:focus-visible{outline-offset:-2px;border-radius:0}.row[data-active]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.avatar{background:var(--surface-2);width:36px;height:36px;color:var(--ink-2);font:600 13px/1 var(--font);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row-top{justify-content:space-between;gap:8px;display:flex}.row-from{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.row-time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.row-subject{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.row[data-unread] .row-subject,.row[data-unread] .row-from{color:var(--ink);font-weight:650}.row-snippet{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dot{background:var(--accent);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.row-actions{flex:none;padding-right:6px}.icon-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.icon-btn[aria-pressed=true]{color:var(--accent)}@media (hover:hover) and (pointer:fine){.inbox[data-hover] .row-actions{opacity:0;transition:opacity .12s}.inbox[data-hover] .row:hover .row-actions,.inbox[data-hover] .row:focus-within .row-actions,.inbox[data-hover] .row[data-starred] .row-actions{opacity:1}.row:hover{background:var(--surface-2)}.row[data-active]:hover{background:var(--accent-soft)}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}}.detail{height:100%;min-height:0;color:var(--ink);flex-direction:column;display:flex}.detail-bar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.detail-body{overscroll-behavior:contain;flex:1;min-height:0;padding:20px 24px 32px;overflow-y:auto}.detail-subject{font-size:21px}.detail-meta{align-items:center;gap:12px;margin:14px 0 18px;font-size:14px;display:flex}.detail-p{white-space:pre-line;max-width:62ch;color:var(--ink-2)}.detail-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.app-only{flex-direction:column;height:100dvh;display:flex}.app-only .inbox{flex:1}.lab-form{max-width:760px;margin:8px 0}.lab-label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.lab-row{gap:8px;display:flex}.lab-help{color:var(--muted);font-size:14px}.lab-error{color:var(--ink);font-weight:600}.lab-section{margin-top:48px}.lab-section>h2,.player-head h2{font-size:clamp(1.3rem,1rem + 1.2vw,1.7rem)}.player-head{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.player-head h2{margin-right:auto}.player-caption{min-height:3.4em;color:var(--ink-2);max-width:72ch;margin:16px 0;font-size:16px}.player-caption strong{color:var(--ink)}.player-step{font:600 12px/1 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;margin-right:10px}.player-stage{background:var(--surface-2);border-radius:16px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.frames{flex-direction:column;align-items:center;gap:32px;margin-top:20px;display:flex}.frames-row{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px}.frame{flex-direction:column;align-items:center;gap:12px;margin:0;display:flex}.frame figcaption{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.frame-name{font-size:14px;font-weight:600}.frame-size{font:600 20px/1.2 var(--mono);font-variant-numeric:tabular-nums}.frame-sub{color:var(--muted);max-width:30ch;font-size:12.5px}.frame-warn{color:var(--accent);font-size:12.5px;font-weight:600}.lab-notes{max-width:760px;margin-top:56px}.lab-notes h2{margin-bottom:8px;font-size:1.3rem}.lab-notes ul{color:var(--ink-2);padding-left:1.2em}.lab-notes li{margin:8px 0}.dev-slot{flex:none;position:relative}.dev{transform-origin:0 0;background:linear-gradient(150deg,#5a5e68 0%,#2a2c32 22%,#17181c 60%,#3b3e46 100%);border-radius:44px;padding:10px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1.5px #fff3,0 18px 40px -18px #00000073}.dev-screen{background:var(--sf-bg);color:var(--sf-fg);font-family:var(--font);border-radius:34px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #050506}.dev-folded{border-radius:16px 46px 46px 16px}.dev-folded .dev-screen{border-radius:8px 36px 36px 8px}.dev-folded:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff47,#fff0);border-radius:3px;width:6px;position:absolute;top:6%;bottom:6%;left:0}.dev-crease{z-index:3;pointer-events:none;mix-blend-mode:multiply;position:absolute}.dev-open-wide .dev-crease{background:linear-gradient(90deg,#0000,#00000006 35%,#0000000d 50%,#00000006 65%,#0000);width:26px;top:0;bottom:0;left:50%;transform:translate(-50%)}.dev-open-tall .dev-crease{background:linear-gradient(#0000,#00000006 35%,#0000000d 50%,#00000006 65%,#0000);height:26px;top:50%;left:0;right:0;transform:translateY(-50%)}.sf-top{flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.sf-status{height:26px;font:600 13px/1 var(--font);flex:none;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.sf-status-icons{align-items:center;gap:6px;display:inline-flex}.sf-tabs{flex:none;align-items:center;gap:6px;height:38px;padding:0 12px;display:flex}.sf-tab{background:var(--sf-fill);white-space:nowrap;text-overflow:ellipsis;text-align:center;border-radius:8px;flex:1 1 0;max-width:240px;height:28px;padding:0 12px;font-size:12px;line-height:28px;overflow:hidden}.sf-tab-on{background:var(--sf-tab-on);font-weight:600}.sf-tab-plus{text-align:center;width:28px;font-size:18px}.sf-bar{flex:none;align-items:center;gap:10px;height:62px;padding:0 12px;display:flex}.sf-field{background:var(--sf-fill);border-radius:13px;flex:1;align-items:center;gap:10px;min-width:0;height:42px;padding:0 12px;font-size:15px;display:flex}.sf-host{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sf-aa{font:700 13px/1 var(--font);letter-spacing:-.02em}.sf-round{background:var(--sf-fill);width:40px;height:40px;font:600 17px/1 var(--font);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.sf-col{flex-direction:column;align-items:center;gap:14px;padding:22px 0 28px;display:flex;position:absolute;top:0;overflow:hidden}.sf-col-time{font:600 14px/1 var(--font)}.sf-col-gap{flex:1}.sf-bottom{background:var(--sf-bg);justify-content:center;align-items:flex-start;display:flex;position:absolute;left:0}.sf-pill{width:calc(100% - 28px);height:50px;font:500 15px/1 var(--sans,system-ui);color:var(--sf-fg);background:var(--sf-fill);border-radius:25px;place-items:center;margin-top:14px;display:grid;box-shadow:0 1px 6px #0000001f}.glyph{display:block}.dev-page{background:#fff;position:absolute;left:0;overflow:hidden}.dev-page iframe{background:#fff;border:0;display:block}.dev-safe{pointer-events:none;background:#3b3bd10f;border-top:1px dashed #3b3bd18c;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.dev-home{background:#000000bf;border-radius:3px;width:134px;height:5px;margin-bottom:8px}.dev-anim,.dev-anim .dev-screen,.dev-anim .sf-top,.dev-anim .sf-col,.dev-anim .dev-page,.dev-anim iframe,.dev-anim .sf-bottom,.dev-anim .dev-safe,.dev.dev-anim{transition-property:width,height,top,left;transition-duration:.7s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.safe-probe{visibility:hidden;pointer-events:none;width:0;height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;top:0;left:0}.readout{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.big-num{flex-direction:column;gap:4px;display:flex}.big-label{font:13px/1 var(--mono);color:var(--muted)}.big-value{font:650 clamp(2.4rem, 1.5rem + 5vw, 4.5rem)/1.05 var(--font);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.match{color:var(--ink-2);max-width:70ch}.copy-row{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;font-size:14px;display:flex}.kv-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin-top:16px;display:grid}.kv{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px}.kv-title{margin-bottom:4px;font-size:14px;font-weight:650}.kv dl{margin:0}.kv-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.kv-item:last-child{border-bottom:0}.kv-item dt{flex-direction:column;gap:2px;min-width:0;font-size:14px;display:flex}.kv-item dt code{overflow-wrap:anywhere;background:0 0;padding:0}.kv-note{color:var(--muted);font-size:12px}.kv-item dd{font:600 14px/1.3 var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0}.kv-item dd[data-on=true]{color:var(--accent)}.kv-item dd[data-on=false]{color:var(--muted);font-weight:400}.ua{font:13px/1.6 var(--mono);overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.json{margin-top:12px}.json summary{cursor:pointer;min-height:44px;color:var(--accent);align-items:center;font-weight:600;display:inline-flex}.json pre{max-height:360px;font:12.5px/1.5 var(--mono);background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:8px 0 0;padding:12px 14px;overflow:auto}.table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:12px 0;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}.table thead th{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.table tbody tr:last-child>*{border-bottom:0}.table .num,.table td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}.table tr[data-near]{background:var(--accent-soft)}.table.props{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:12px 0;display:block;overflow-x:auto}.docs-grid{display:block}.toc{top:var(--head-h,0px);z-index:2;background:var(--bg);border-bottom:1px solid var(--line);margin:0 -16px;padding:4px 16px;position:sticky}.toc ul{scrollbar-width:none;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.toc ul::-webkit-scrollbar{display:none}.toc a{white-space:nowrap;min-height:40px;color:var(--ink-2);border-radius:8px;align-items:center;padding:0 10px;font-size:14px;text-decoration:none;display:inline-flex}.toc a[aria-current=location]{color:var(--accent);font-weight:600}@media (hover:hover) and (pointer:fine){.toc a:hover{color:var(--ink)}}@media (width>=960px){.docs-grid{grid-template-columns:210px minmax(0,1fr);gap:56px;display:grid}.toc{top:calc(var(--head-h,0px) + 24px);background:0 0;border:0;align-self:start;margin:0;padding:0}.toc ul{flex-direction:column;overflow:visible}.toc a{min-height:34px}}.docs-body{min-width:0;max-width:780px}.doc-sec{outline:none;padding-top:40px;scroll-margin-top:56px}.doc-sec h2{margin-bottom:8px;font-size:1.45rem}.doc-sec p{color:var(--ink-2)}.anchor{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.anchor:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}.facts{color:var(--ink-2);padding-left:1.2em}.facts li{margin:6px 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.foldsim-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:20px;margin-top:8px;display:grid}@media (width<=760px){.foldsim-grid{grid-template-columns:minmax(0,1fr)}}.foldsim figure{margin:0}.foldsim figcaption{color:var(--muted);margin-top:8px;font-size:13px}.hinge-stage{--swing:.9s;--ease:cubic-bezier(.45,.05,.25,1);perspective:1600px;aspect-ratio:951/669;background:var(--surface-2);border-radius:16px;place-items:center;padding:7% 7% 9%;display:grid;overflow:hidden}.book{aspect-ratio:951/669;width:100%;transform-style:preserve-3d;transition:transform var(--swing) var(--ease);position:relative;transform:translate(-25%)}.is-open .book{transform:none}.book-shadow{filter:blur(6px);height:10%;transition:left var(--swing) var(--ease);background:radial-gradient(closest-side,#00000047,#0000);border-radius:50%;position:absolute;bottom:-7%;left:50%;right:0;transform:translateZ(-1px)}.is-open .book-shadow{left:0}.leaf{width:50%;height:100%;position:absolute;top:0}.leaf-right{left:50%}.leaf-left{transform-origin:100%;transform-style:preserve-3d;transition:transform var(--swing) var(--ease);left:0;transform:rotateY(180deg)}.is-open .leaf-left{transform:rotateY(0)}.face{backface-visibility:hidden;position:absolute;inset:0}.face-back{transform:rotateY(180deg)}.dev-frame{background:linear-gradient(150deg,#5a5e68 0%,#2a2c32 22%,#17181c 60%,#3b3e46 100%);padding:3.2%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e,0 1px 1px #00000040}.dev-frame-left{border-radius:9% 1.5% 1.5% 9%/6.5% 1% 1% 6.5%;padding-right:0}.dev-frame-right{border-radius:1.5% 9% 9% 1.5%/1% 6.5% 6.5% 1%;padding-left:0}.dev-frame-outer{border-radius:1.5% 9% 9% 1.5%/1% 6.5% 6.5% 1%}.dev-glass{border-radius:inherit;background:#0b0b0d;width:100%;height:100%;position:relative;overflow:hidden}.dev-frame-left .dev-glass{border-radius:7.5% 0 0 7.5%/5.5% 0 0 5.5%}.dev-frame-right .dev-glass{border-radius:0 7.5% 7.5% 0/0 5.5% 5.5% 0}.dev-frame-outer .dev-glass{border-radius:1% 7.5% 7.5% 1%/1% 5.5% 5.5% 1%}.screen-inner{filter:blur(10px)brightness(.25)saturate(.6);transition:filter .28s ease-in}.is-open .screen-inner,.screen-outer{filter:none;transition:filter .5s cubic-bezier(.2,.7,.2,1) .48s}.is-open .screen-outer{filter:blur(8px)brightness(.3);transition:filter .3s ease-in}.sheen{pointer-events:none;transition:background-position var(--swing) var(--ease);mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#ffffff38 48%,#0000 60%) 100% 0/260% 100%;border-radius:1.5% 9% 9% 1.5%/1% 6.5% 6.5% 1%;position:absolute;inset:0}.is-open .sheen{background-position:0 0}.fmini{background:var(--mini-bg,#f4f4f7);flex-direction:column;display:flex;position:absolute;inset:0}.fmini b{background:var(--mini-ink,#17171a38);border-radius:3px;height:5px;display:block}.fmini-av{background:var(--mini-ink,#17171a2e);border-radius:50%;flex:none;width:13px;height:13px}.fmini-list{padding:8% 0 0}.fmini-row{border-bottom:1px solid #0000000d;align-items:center;gap:7px;padding:6px 8%;display:flex}.fmini-row span{flex:1;gap:4px;display:grid}.fmini-row span b:last-child{opacity:.6;width:70%}.fmini-row.is-on{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.fmini-detail{border-left:1px solid #0000000f;gap:7px;padding:10% 10% 0}.fmini-detail .fmini-h{background:var(--mini-ink-strong,#17171a73);width:70%;height:8px;margin-bottom:4px}.fmini-meta{align-items:center;gap:6px;margin-bottom:6px;display:flex}.fmini-meta b{width:40%}.fmini-detail .w80{width:80%}.fmini-detail .w60{width:60%}.fmini-detail.is-compact{border-left:0;right:18%}.fmini-safari-col{background:var(--mini-bg,#f4f4f7);border-left:1px solid #0000000a;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;width:18%;padding-bottom:12%;display:flex;position:absolute;top:0;bottom:0;right:0}.fmini-safari-col i{aspect-ratio:1;background:var(--mini-ink,#17171a24);border-radius:50%;width:46%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mini-bg:#1c1c22;--mini-ink:#ffffff2e;--mini-ink-strong:#ffffff6b}}.no-motion .book,.no-motion .leaf-left,.no-motion .book-shadow,.no-motion .sheen,.no-motion .screen-inner,.no-motion .screen-outer{transition:none!important}.foldsim-pagebox{justify-content:flex-start;align-items:flex-start;display:flex}.foldsim-viewport{outline:2px solid var(--line-strong);background:var(--surface);border-radius:6px;position:relative;overflow:hidden}.foldsim-viewport iframe{transform-origin:0 0;background:var(--surface);border:0;position:absolute;top:0;left:0}.foldsim-flash{z-index:2;pointer-events:none;box-shadow:inset 0 0 0 3px var(--accent);border-radius:6px;animation:.5s ease-out forwards foldsim-flash;position:absolute;inset:0}@keyframes foldsim-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.foldsim-flash{animation-duration:1.2s}}.foldsim-size{z-index:3;font:600 12px/1.2 var(--mono);background:var(--ink);color:var(--bg);border-radius:6px;padding:3px 7px;position:absolute;bottom:6px;right:6px}.foldsim-foot{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:20px;margin-top:16px;display:grid}@media (width<=760px){.foldsim-foot{grid-template-columns:minmax(0,1fr)}}.foldsim-log{background:var(--surface);border:1px solid var(--line);font:13px/1.6 var(--mono);border-radius:12px;min-height:9.6em;margin:0;padding:12px 14px;list-style:none}.foldsim-log li{white-space:pre-wrap;color:var(--ink-2)}.foldsim-log li[data-kind=resize]{color:var(--ink);font-weight:600}.foldsim-log li[data-kind=note]{color:var(--muted)}.foldsim-t{color:var(--muted);margin-right:10px;font-weight:400}.small{font-size:13px}