:root{--demo-accent:#16fffa;--demo-accent-glow:#16fffa59;--demo-backdrop:#0d0d14;--demo-blue:#007aff;--demo-bronze:#7d5433;--demo-drop:#3cf;--demo-swap:#0078ff40;--demo-card:#26262e;--demo-card-border:#4d4d5980;--demo-card-hover:#69f;--demo-card-selected:#4dcc66;--demo-ws-label:#4db3ff;--demo-dim:#1a1a1fb3;--demo-win-bg:#1e1e24;--demo-win-bar:#2a2a32;--demo-win-border:#ffffff14;--demo-term-bg:#101016;--demo-term-green:#4dcc66;--demo-term-fg:#e6e6eb;--demo-glass:#16161cb8;--demo-wallpaper:linear-gradient(135deg, #1a1d2e 0%, #16182b 45%, #0f1120 100%);--demo-traffic-r:#ff5f57;--demo-traffic-y:#febc2e;--demo-traffic-g:#28c840;--page-bg:#f8f4ec;--page-surface:#fffdf8;--page-fg:#2b1a14;--page-muted:#2b1a149e;--page-accent:#a65136;--page-accent-strong:#763424;--page-accent-soft:#a651361f;--page-link:#9c4b32;--page-frame-border:#76342424;--page-key-bg:linear-gradient(#fffdf8, #efe9dd);--page-key-border:#d8cfc0;--page-key-fg:#4a2e22;--r-frame:16px;--r-win:10px;--r-panel:14px;--r-bar:8px;--r-key:6px;--r-pill:999px;--shadow-win:0 12px 32px #00000073;--shadow-panel:0 24px 64px #0000008c;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", monospace;--ease-settle:cubic-bezier(.16, 1, .3, 1);--dur-settle:.4s;--ease-cubic:cubic-bezier(.65, 0, .35, 1);--dur-cubic:.35s;--ease-ui:cubic-bezier(.4, 0, .6, 1);--dur-ui:.12s;--ease-quake-in:cubic-bezier(.42, 0, 1, 1);--dur-quake:.2s;--ease-smooth:cubic-bezier(.333, 0, .667, 1);--ease-hand:cubic-bezier(.5, 0, .5, 1);--ease-pop:cubic-bezier(.32, 1.24, .4, 1)}:root[data-theme=dark]{--page-bg:#141210;--page-surface:#1c1815;--page-fg:#efe9e0;--page-muted:#efe9e09e;--page-accent:#c76a4b;--page-accent-strong:#e8b3a0;--page-accent-soft:#c76a4b29;--page-link:#cd7659;--page-frame-border:#efe9e01f;--page-key-bg:linear-gradient(#2a2521, #1e1a17);--page-key-border:#3d352f;--page-key-fg:#e8ddd0}*{box-sizing:border-box}body{font-family:var(--font-ui);background:var(--page-bg);color:var(--page-fg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--page-link)}:focus-visible{outline:2px solid var(--page-accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(1080px,92vw);margin-inline:auto}.section{content-visibility:auto;contain-intrinsic-size:auto 640px;padding:72px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 40px}.section-head h2{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(26px,4vw,36px);line-height:1.15}.section-head p{color:var(--page-muted);margin:0}.btn{transition:background var(--dur-ui) var(--ease-ui), border-color var(--dur-ui) var(--ease-ui), transform var(--dur-ui) var(--ease-ui);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--page-accent);color:#fff8f2}.btn-primary:hover{background:var(--page-accent-strong)}:root[data-theme=dark] .btn-primary{color:#1c120d}:root[data-theme=dark] .btn-primary:hover{background:var(--page-accent);filter:brightness(1.1)}.btn-ghost{border-color:var(--page-frame-border);color:var(--page-fg);background:var(--page-surface)}.btn-ghost:hover{border-color:var(--page-accent)}.mono{font-family:var(--font-mono)}.demo{flex-direction:column;gap:14px;display:flex}.demo .keys{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.demo .caption{text-align:center;color:var(--page-muted);margin:0;font-size:14px}.demo.is-resetting,.demo.is-resetting *{transition:none!important}.demo.is-live[data-demo] .mock-win,.demo.is-live .strip,.demo.is-live .mover,.demo.is-live .cursor{will-change:transform}.site-header:where(.astro-34bx5uxl){z-index:20;background:color-mix(in srgb, var(--page-bg) 82%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--page-frame-border);position:sticky;top:0}.header-inner:where(.astro-34bx5uxl){justify-content:space-between;align-items:center;height:68px;display:flex}.brand:where(.astro-34bx5uxl){align-items:center;display:inline-flex}.logo:where(.astro-34bx5uxl){width:auto;height:44px}.logo:where(.astro-34bx5uxl).narrow-only{height:36px;display:none}:root[data-theme=dark] .logo:where(.astro-34bx5uxl){filter:brightness(0)invert()sepia(.06)saturate(.8)}@media (width<=560px){.logo:where(.astro-34bx5uxl).wide-only{display:none}.logo:where(.astro-34bx5uxl).narrow-only{display:block}}.nav:where(.astro-34bx5uxl){align-items:center;gap:22px;font-size:14.5px;font-weight:500;display:flex}.nav:where(.astro-34bx5uxl) a:where(.astro-34bx5uxl){color:var(--page-fg);text-decoration:none}.nav:where(.astro-34bx5uxl) a:where(.astro-34bx5uxl):hover{color:var(--page-accent)}@media (width<=560px){.nav:where(.astro-34bx5uxl) a:where(.astro-34bx5uxl):not(:last-of-type){display:none}}.theme-toggle:where(.astro-34bx5uxl){border:1px solid var(--page-frame-border);background:var(--page-surface);color:var(--page-fg);cursor:pointer;border-radius:8px;width:34px;height:34px;font-size:15px;line-height:1}.tt-moon:where(.astro-34bx5uxl),:root[data-theme=dark] .theme-toggle:where(.astro-34bx5uxl) .tt-sun:where(.astro-34bx5uxl){display:none}:root[data-theme=dark] .theme-toggle:where(.astro-34bx5uxl) .tt-moon:where(.astro-34bx5uxl){display:inline}.hero:where(.astro-qmrutqly){text-align:center;background:radial-gradient(60% 42% at 50% 0%, var(--page-accent-soft), transparent);padding:84px 0 64px;position:relative}.hero-inner:where(.astro-qmrutqly){flex-direction:column;align-items:center;gap:22px;display:flex}.mark:where(.astro-qmrutqly){width:96px;height:96px;animation:rise .7s var(--ease-settle) both}:root[data-theme=dark] .mark:where(.astro-qmrutqly){filter:brightness(0)invert()sepia(.06)saturate(.8)}h1:where(.astro-qmrutqly){letter-spacing:-.02em;animation:rise .7s var(--ease-settle) .15s both;margin:0;font-size:clamp(34px,6vw,58px);line-height:1.08}.tick:where(.astro-qmrutqly){height:1.15em;color:var(--page-accent);display:block;position:relative;overflow:hidden}.tw:where(.astro-qmrutqly){opacity:0;animation:tickword 7.8s var(--ease-hand) infinite;font-weight:650;position:absolute;inset:0;transform:translateY(1.1em)}.tw-1:where(.astro-qmrutqly){animation-delay:.4s}.tw-2:where(.astro-qmrutqly){animation-delay:3s}.tw-3:where(.astro-qmrutqly){animation-delay:5.6s}@keyframes tickword{0%{opacity:0;transform:translateY(1.1em)}3.2%{opacity:1;transform:translateY(0)}33.3%{opacity:1;transform:translateY(0)}36.5%{opacity:0;transform:translateY(-1.1em)}to{opacity:0;transform:translateY(1.1em)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sub:where(.astro-qmrutqly){max-width:560px;color:var(--page-muted);animation:rise .7s var(--ease-settle) .3s both;margin:0}.brew:where(.astro-qmrutqly){border:1px solid var(--page-frame-border);background:var(--page-surface);animation:rise .7s var(--ease-settle) .4s both;border-radius:10px;align-items:center;gap:14px;padding:10px 18px;font-size:14px;display:inline-flex}.copy:where(.astro-qmrutqly){min-width:24px;min-height:24px;color:var(--page-accent);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:15px;display:inline-flex}.copy:where(.astro-qmrutqly).copied:after{content:" ✓"}.ctas:where(.astro-qmrutqly){animation:rise .7s var(--ease-settle) .5s both;flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.badges:where(.astro-qmrutqly){color:var(--page-muted);animation:rise .7s var(--ease-settle) .6s both;margin:0;font-size:13.5px}@media (prefers-reduced-motion:reduce){.mark:where(.astro-qmrutqly),h1:where(.astro-qmrutqly),.sub:where(.astro-qmrutqly),.brew:where(.astro-qmrutqly),.ctas:where(.astro-qmrutqly),.badges:where(.astro-qmrutqly),.tw:where(.astro-qmrutqly){animation:none}.tw-3:where(.astro-qmrutqly){opacity:1;transform:none}}.feature:where(.astro-qsmfg6yw){content-visibility:auto;contain-intrinsic-size:auto 560px;padding:56px 0}.feature-inner:where(.astro-qsmfg6yw){grid-template-columns:minmax(260px,5fr) 7fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.flip:where(.astro-qsmfg6yw) .feature-inner:where(.astro-qsmfg6yw){grid-template-columns:7fr minmax(260px,5fr)}.flip:where(.astro-qsmfg6yw) .copy:where(.astro-qsmfg6yw){order:2}.flip:where(.astro-qsmfg6yw) .demo-col:where(.astro-qsmfg6yw){order:1}.kicker:where(.astro-qsmfg6yw){color:var(--page-accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:13.5px;font-weight:650}h3:where(.astro-qsmfg6yw){letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(24px,3.2vw,32px);line-height:1.15}.blurb:where(.astro-qsmfg6yw){color:var(--page-muted);margin:0 0 16px}.more:where(.astro-qsmfg6yw){font-weight:600;text-decoration:none}.more:where(.astro-qsmfg6yw):hover{text-decoration:underline}@media (width<=860px){.feature-inner:where(.astro-qsmfg6yw),.flip:where(.astro-qsmfg6yw) .feature-inner:where(.astro-qsmfg6yw){grid-template-columns:1fr}.flip:where(.astro-qsmfg6yw) .copy:where(.astro-qsmfg6yw){order:0}.flip:where(.astro-qsmfg6yw) .demo-col:where(.astro-qsmfg6yw){order:1}}.term:where(.astro-kov5d3ce){background:var(--demo-term-bg);border:1px solid var(--page-frame-border);max-width:720px;color:var(--demo-term-fg);border-radius:12px;flex-direction:column;gap:8px;margin:0 auto;padding:22px 26px;font-size:14px;display:flex;overflow-x:auto}.prompt:where(.astro-kov5d3ce){color:var(--demo-term-green)}.out:where(.astro-kov5d3ce){color:#e6e6eb8c;overflow-wrap:anywhere}.line:where(.astro-kov5d3ce){white-space:nowrap}.cli-link:where(.astro-kov5d3ce){text-align:center;margin:22px 0 0}.cli-link:where(.astro-kov5d3ce) a:where(.astro-kov5d3ce){font-weight:600;text-decoration:none}.cli-link:where(.astro-kov5d3ce) a:where(.astro-kov5d3ce):hover{text-decoration:underline}.quotes:where(.astro-zp66fga7){columns:3;column-gap:14px}@media (width<=900px){.quotes:where(.astro-zp66fga7){columns:2}}@media (width<=600px){.quotes:where(.astro-zp66fga7){columns:1}}.quote-card:where(.astro-zp66fga7){break-inside:avoid;border:1px solid var(--page-frame-border);background:var(--page-surface);border-radius:12px;margin:0 0 14px;padding:20px 22px}blockquote:where(.astro-zp66fga7){margin:0 0 12px;font-size:15px;line-height:1.55}blockquote:where(.astro-zp66fga7):before{content:"“";color:var(--page-accent);font-weight:700}blockquote:where(.astro-zp66fga7):after{content:"”";color:var(--page-accent);font-weight:700}figcaption:where(.astro-zp66fga7){justify-content:space-between;gap:10px;font-size:13px;display:flex}figcaption:where(.astro-zp66fga7) a:where(.astro-zp66fga7){font-weight:600;text-decoration:none}figcaption:where(.astro-zp66fga7) a:where(.astro-zp66fga7):hover{text-decoration:underline}.src:where(.astro-zp66fga7){color:var(--page-muted);font-weight:400}.tiles:where(.astro-j7rh4squ){grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.tile:where(.astro-j7rh4squ){border:1px solid var(--page-frame-border);background:var(--page-surface);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:14px 16px;display:grid}.dot:where(.astro-j7rh4squ){background:var(--page-frame-border);border-radius:50%;width:8px;height:8px}.tile:where(.astro-j7rh4squ).on .dot:where(.astro-j7rh4squ){background:var(--page-accent)}.tile-name:where(.astro-j7rh4squ){font-size:14.5px;font-weight:650}.tile-req:where(.astro-j7rh4squ){border-radius:var(--r-pill);border:1px solid var(--page-frame-border);color:var(--page-muted);white-space:nowrap;vertical-align:1px;margin-left:6px;padding:1px 7px;font-size:10.5px;font-weight:550}.tile-detail:where(.astro-j7rh4squ){color:var(--page-muted);grid-column:2;font-size:13px;line-height:1.4}.extras:where(.astro-j7rh4squ){flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.chip:where(.astro-j7rh4squ){border-radius:var(--r-pill);border:1px solid var(--page-frame-border);background:var(--page-surface);color:var(--page-muted);padding:8px 14px;font-size:13.5px;text-decoration:none}.chip:where(.astro-j7rh4squ) b:where(.astro-j7rh4squ){color:var(--page-fg);margin-right:4px;font-weight:650}a:where(.astro-j7rh4squ).chip:hover{border-color:var(--page-accent)}.pillars:where(.astro-6m5rxcdq){grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.pillar:where(.astro-6m5rxcdq){border:1px solid var(--page-frame-border);background:var(--page-surface);border-radius:12px;padding:20px}.pillar:where(.astro-6m5rxcdq) h3:where(.astro-6m5rxcdq){margin:0 0 8px;font-size:15.5px}.pillar:where(.astro-6m5rxcdq) p:where(.astro-6m5rxcdq){color:var(--page-muted);margin:0;font-size:13.5px;line-height:1.5}.methods:where(.astro-zsqrbyt2){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.method:where(.astro-zsqrbyt2){border:1px solid var(--page-frame-border);background:var(--page-surface);border-radius:12px;padding:22px}.method:where(.astro-zsqrbyt2) h3:where(.astro-zsqrbyt2){margin:0 0 12px;font-size:17px}.method:where(.astro-zsqrbyt2) p:where(.astro-zsqrbyt2){color:var(--page-muted);margin:10px 0 0;font-size:14px;line-height:1.55}.method:where(.astro-zsqrbyt2) pre:where(.astro-zsqrbyt2){background:var(--demo-term-bg);color:var(--demo-term-fg);border-radius:8px;margin:0;padding:12px 14px;font-size:13px;overflow-x:auto}.method:where(.astro-zsqrbyt2) a:where(.astro-zsqrbyt2){font-weight:600;text-decoration:none}.method:where(.astro-zsqrbyt2) a:where(.astro-zsqrbyt2):hover{text-decoration:underline}.perms:where(.astro-zsqrbyt2){border:1px solid var(--page-accent);background:var(--page-accent-soft);border-radius:12px;margin-top:20px;padding:16px 20px;font-size:14px;line-height:1.6}.group-title:where(.astro-fxmiacnd){text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--page-muted);margin:44px 0 20px;font-size:15px}.org-grid:where(.astro-fxmiacnd){grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.org-card:where(.astro-fxmiacnd){border:1px solid var(--page-frame-border);background:var(--page-surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;display:flex}.org:where(.astro-fxmiacnd),.person:where(.astro-fxmiacnd){color:var(--page-fg);flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.org:where(.astro-fxmiacnd) img:where(.astro-fxmiacnd){object-fit:contain;background:#fff;border-radius:12px;padding:4px}.org:where(.astro-fxmiacnd) b:where(.astro-fxmiacnd){font-size:14.5px}.rule:where(.astro-fxmiacnd){background:var(--page-frame-border);width:48px;height:1px}.person:where(.astro-fxmiacnd){flex-direction:row;gap:10px}.person:where(.astro-fxmiacnd) img:where(.astro-fxmiacnd){border-radius:50%}.person:where(.astro-fxmiacnd) span:where(.astro-fxmiacnd){flex-direction:column;align-items:flex-start;font-size:13.5px;font-weight:600;line-height:1.3;display:flex}.person:where(.astro-fxmiacnd) i:where(.astro-fxmiacnd){color:var(--page-muted);font-size:12.5px;font-style:normal;font-weight:400}.person:where(.astro-fxmiacnd):hover span:where(.astro-fxmiacnd),.org:where(.astro-fxmiacnd):hover b:where(.astro-fxmiacnd){color:var(--page-accent)}.wall:where(.astro-fxmiacnd){flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin:0 auto;display:flex}.wall:where(.astro-fxmiacnd) img:where(.astro-fxmiacnd){transition:transform var(--dur-ui) var(--ease-ui);border-radius:50%;display:block}.wall:where(.astro-fxmiacnd) a:where(.astro-fxmiacnd):hover img:where(.astro-fxmiacnd){transform:scale(1.12)}.grid:where(.astro-gmgovp7j){grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.s-card:where(.astro-gmgovp7j){border:1px solid var(--page-frame-border);background:var(--page-surface);text-align:center;color:var(--page-fg);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;text-decoration:none;display:flex}a:where(.astro-gmgovp7j).s-card:hover{border-color:var(--page-accent)}.s-card:where(.astro-gmgovp7j) img:where(.astro-gmgovp7j),.ph:where(.astro-gmgovp7j){border-radius:50%;width:56px;height:56px}.ph:where(.astro-gmgovp7j){background:var(--page-accent-soft);color:var(--page-accent);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:inline-flex}.s-card:where(.astro-gmgovp7j) b:where(.astro-gmgovp7j){font-size:13.5px;line-height:1.25}.s-card:where(.astro-gmgovp7j) i:where(.astro-gmgovp7j){color:var(--page-muted);font-size:12px;font-style:normal}.ctas:where(.astro-gmgovp7j){flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.footer:where(.astro-ocqibz2a){border-top:1px solid var(--page-frame-border);padding:48px 0 64px;font-size:14px}.cols:where(.astro-ocqibz2a){grid-template-columns:2fr 1fr 1fr;gap:32px;display:grid}.col:where(.astro-ocqibz2a){flex-direction:column;align-items:flex-start;gap:8px;display:flex}.col:where(.astro-ocqibz2a) b:where(.astro-ocqibz2a){margin-bottom:4px}.col:where(.astro-ocqibz2a) p:where(.astro-ocqibz2a){color:var(--page-muted);margin:0}.col:where(.astro-ocqibz2a) a:where(.astro-ocqibz2a){color:var(--page-muted);text-decoration:none}.col:where(.astro-ocqibz2a) a:where(.astro-ocqibz2a):hover{color:var(--page-accent)}@media (width<=640px){.cols:where(.astro-ocqibz2a){grid-template-columns:1fr}}.frame:where(.astro-co2ttyoz){border:1px solid var(--page-frame-border);border-radius:var(--r-frame);width:100%;overflow:hidden;box-shadow:0 2px 24px #3c1e1414;container-type:size}.desktop:where(.astro-co2ttyoz){background:var(--demo-wallpaper);width:100%;height:100%;font-family:var(--font-ui);position:relative}.menubar:where(.astro-co2ttyoz){backdrop-filter:blur(8px);color:#ffffff8c;z-index:3;background:#1010188c;justify-content:space-between;align-items:center;height:4.5%;min-height:16px;padding:0 2.2%;font-size:clamp(6px,1.6cqw,11px);display:flex;position:absolute;inset:0 0 auto}.mb-left:where(.astro-co2ttyoz){gap:1.6em;display:flex}.mb-app:where(.astro-co2ttyoz){color:#ffffffd9;font-weight:600}.notch:where(.astro-co2ttyoz){z-index:4;opacity:0;width:18%;height:4.5%;min-height:16px;transition:opacity .25s var(--ease-ui);background:#000;border-radius:0 0 6px 6px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mock-win:where(.astro-eokwpega){background:var(--demo-win-bg);border:1px solid var(--demo-win-border);border-radius:var(--r-win);box-shadow:var(--shadow-win);flex-direction:column;display:flex;position:absolute;overflow:hidden}.mock-win:where(.astro-eokwpega).is-focused{box-shadow:0 0 0 2.5px var(--demo-accent), 0 0 14px var(--demo-accent-glow), var(--shadow-win)}.win-bar:where(.astro-eokwpega){background:var(--demo-win-bar);flex:none;align-items:center;gap:4%;height:clamp(12px,14%,22px);max-height:22px;padding:0 5%;display:flex}.tl:where(.astro-eokwpega){aspect-ratio:1;border-radius:50%;flex:none;width:clamp(4px,6%,8px)}.tl-r:where(.astro-eokwpega){background:var(--demo-traffic-r)}.tl-y:where(.astro-eokwpega){background:var(--demo-traffic-y)}.tl-g:where(.astro-eokwpega){background:var(--demo-traffic-g)}.win-title:where(.astro-eokwpega){color:#ffffff8c;white-space:nowrap;font-size:clamp(5px,1.4cqw,10px);overflow:hidden}.win-body:where(.astro-eokwpega){flex-direction:column;flex:1;gap:9%;padding:8% 7%;display:flex;position:relative}.sk:where(.astro-eokwpega){background:#ffffff21;border-radius:99px;height:7%;min-height:3px;display:block}.sk-a:where(.astro-eokwpega){background:#ffffff38;width:72%}.sk-b:where(.astro-eokwpega){width:88%}.sk-c:where(.astro-eokwpega){width:55%}.v-notes:where(.astro-eokwpega) .sk-a:where(.astro-eokwpega){background:#ffd68273}.v-browser:where(.astro-eokwpega) .sk-a:where(.astro-eokwpega){background:#6699ff73}.v-terminal:where(.astro-eokwpega){background:var(--demo-term-bg)}.v-terminal:where(.astro-eokwpega) .win-body:where(.astro-eokwpega){font-family:var(--font-mono);color:var(--demo-term-fg);gap:6%;font-size:clamp(6px,1.7cqw,11px)}.prompt:where(.astro-eokwpega){color:var(--demo-term-green)}.keycap{align-items:center;gap:6px;display:inline-flex;& kbd{border:1px solid var(--page-key-border);border-radius:var(--r-key);background:var(--page-key-bg);min-width:28px;height:28px;color:var(--page-key-fg);font-family:var(--font-ui);transition:transform var(--dur-ui) var(--ease-ui), background var(--dur-ui) var(--ease-ui), border-color var(--dur-ui) var(--ease-ui), color var(--dur-ui) var(--ease-ui);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 7px;font-size:13px;display:inline-flex}&.is-pressed kbd{background:var(--page-accent-soft);border-bottom-width:1px;border-color:var(--page-accent);color:var(--page-accent);transform:translateY(1px)}& .plus{color:var(--page-muted);font-size:12px}& .key-label{color:var(--page-muted);margin-left:4px;font-size:13px}}[data-demo=niri]{& .strip{transform:translateX(var(--pan,0cqw));transition:transform .55s var(--ease-settle);gap:2cqw;display:flex;position:absolute;inset:8cqh auto 3.5cqh 3cqw}& .col{flex:none;height:100%;position:relative}& .col-stack{width:44cqw;transition:width .55s var(--ease-settle)}& .col-term{width:34cqw}& .col-web{width:44cqw}& .col-term .mock-win,& .col-web .mock-win{position:absolute;inset:0}& .mock-win{transition:box-shadow var(--dur-ui) var(--ease-ui)}& .nw-zed{height:calc(50% - 1cqw);transition:top .56s var(--ease-settle), height .6s var(--ease-settle), box-shadow var(--dur-ui) var(--ease-ui);top:0;left:0;right:0}& .nw-notes{height:calc(50% - 1cqw);transition:top .56s var(--ease-settle), height .6s var(--ease-settle), box-shadow var(--dur-ui) var(--ease-ui);top:calc(50% + 1cqw);left:0;right:0}&.swapped .nw-zed{top:calc(50% + 1cqw)}&.swapped .nw-notes{top:0}&.w23 .col-stack{width:58.6cqw}&.swapped.split6535 .nw-notes{height:calc(65% - 1cqw)}&.swapped.split6535 .nw-zed{height:calc(35% - 1cqw);top:calc(65% + 1cqw)}&.pinch .col-stack{width:47cqw}& .cursor{aspect-ratio:1;opacity:0;z-index:8;width:2.4cqw;transition:transform .62s var(--ease-hand), opacity var(--dur-ui) var(--ease-ui), box-shadow var(--dur-ui) var(--ease-ui);background:#ffffffe6;border:1px solid #0006;border-radius:50%;position:absolute;top:92cqh;left:34cqw}& .cursor.c-show{opacity:1}& .cursor.drag-ring{box-shadow:0 0 0 3px var(--demo-swap)}& .cursor.c-div{transform:translateY(-36cqh)}& .cursor.c-div.c-drag1{transform:translateY(-27cqh)}& .cursor.c-div.c-drag1.c-drag2{transform:translate(-11cqw,-27cqh)}}[data-demo=dwindle]{& .dw{opacity:0;transition:left .4s var(--ease-cubic), top .4s var(--ease-cubic), width .4s var(--ease-cubic), height .4s var(--ease-cubic), opacity .4s var(--ease-cubic), transform .4s var(--ease-cubic), box-shadow var(--dur-ui) var(--ease-ui);transform:scale(.96)}& .dw-1{width:95%;height:88%;top:8%;left:2.5%}&.s1 .dw-1{opacity:1;transform:none}&.s2 .dw-1{width:46.75%}& .dw-2{width:46.75%;height:88%;top:8%;left:50.75%}&.s2 .dw-2{opacity:1;transform:none}&.s3 .dw-2{height:43%}& .dw-3{z-index:2;width:46.75%;height:43%;top:53%;left:50.75%}&.s3 .dw-3{opacity:1;transform:none}&.s4 .dw-3{width:22.875%}& .dw-4{width:22.875%;height:43%;top:53%;left:74.625%}&.s4 .dw-4{opacity:1;transform:none}&.s5 .dw-1{height:43%}& .dw-5{width:46.75%;height:43%;top:53%;left:2.5%}&.s5 .dw-5{opacity:1;transform:none}&.s6 .dw-5{width:22.875%}& .dw-6{width:22.875%;height:43%;top:53%;left:26.375%}&.s6 .dw-6{opacity:1;transform:none}&.fs .dw-3{width:95%;height:88%;transition:left .52s var(--ease-settle), top .52s var(--ease-settle), width .52s var(--ease-settle), height .52s var(--ease-settle), box-shadow var(--dur-ui) var(--ease-ui);top:8%;left:2.5%}&.unfs .dw-3{transition:left .52s var(--ease-settle), top .52s var(--ease-settle), width .52s var(--ease-settle), height .52s var(--ease-settle), box-shadow var(--dur-ui) var(--ease-ui)}&.out .dw{opacity:0;transform:scale(.96)}&.out .dw-2{transition-delay:50ms}&.out .dw-3{transition-delay:.1s}&.out .dw-4{transition-delay:.15s}&.out .dw-5{transition-delay:.2s}&.out .dw-6{transition-delay:.25s}}[data-demo=quake]{& .ws1,& .ws2{opacity:.75;transition:opacity .56s var(--ease-settle), transform .56s var(--ease-settle)}& .bg-a{width:44%;height:74%;top:10%;left:4%}& .bg-b{width:45%;height:66%;top:14%;left:51%}& .ws2{opacity:0;transform:translate(24cqw)}& .bg-c{width:58%;height:72%;top:12%;left:4%}& .bg-d{width:32%;height:62%;top:16%;left:64%}&.sw2 .ws1{opacity:0;transform:translate(-24cqw)}&.sw2 .ws2{opacity:.75;transform:none}& .quake{border-radius:0 0 var(--r-win) var(--r-win);background:var(--demo-glass);backdrop-filter:blur(10px);width:68%;height:58%;box-shadow:var(--shadow-panel);opacity:0;z-index:5;flex-direction:column;transition:transform .24s ease-out,opacity .24s ease-out;display:flex;position:absolute;top:max(4.5%,16px);left:16%;overflow:hidden;transform:translateY(-110%)}&.open .quake{opacity:1;transition:transform .24s var(--ease-quake-in), opacity .24s var(--ease-quake-in);transform:translateY(0)}& .qtabs{color:#ffffffbf;background:#1a1a1af2;flex:none;align-items:stretch;gap:1px;height:11%;max-height:26px;padding:3px 3px 0;font-size:clamp(6px,1.5cqw,10px);display:flex}& .qtab{background:#ffffff0f;border-radius:4px 4px 0 0;align-items:center;padding:0 1.6em;display:flex}& .qtab.active{background:#ffffff24}& .qtab.plus{background:#ffffff1a;padding:0 .9em}& .qsplit{flex:1;min-height:0;display:flex}& .pane{font-family:var(--font-mono);color:var(--demo-term-fg);flex-direction:column;gap:.6em;min-width:0;padding:2.5% 3%;font-size:clamp(7px,1.7cqw,12px);display:flex;overflow:hidden}& .pane-l{transition:flex-basis .32s var(--ease-cubic);flex:100%}& .qdivider{opacity:0;transition:opacity .2s var(--ease-ui);background:#ffffff24;flex:0 0 0}& .pane-r{opacity:0;transition:flex-basis .32s var(--ease-cubic), opacity .26s var(--ease-ui) .12s, padding .32s var(--ease-cubic);flex:0;padding-inline:0}&.split .pane-l{flex-basis:50%}&.split .qdivider{opacity:1;flex-basis:1px}&.split .pane-r{opacity:1;flex-basis:50%;padding-inline:3%}& .qprompt{color:var(--demo-term-green)}& .qline{white-space:nowrap;gap:.6em;display:flex}& .qtyped{clip-path:inset(0 100% 0 0)}&.t1 .qt-1,&.t2 .qt-2{clip-path:inset(0);transition:clip-path .9s steps(12,end)}& .qout{opacity:0;transition:opacity var(--dur-ui) var(--ease-ui);white-space:nowrap;flex-direction:column;gap:.5em;display:flex}&.o1 .qo-1,&.o2 .qo-2{opacity:1}& .qdim{color:#e6e6eb99}}[data-demo=palette]{& .pw-zed{width:60%;height:76%;transition:opacity .42s var(--ease-settle), transform .42s var(--ease-settle), box-shadow var(--dur-ui) var(--ease-ui);top:12%;left:4%}& .pw-saf{opacity:0;width:56%;height:76%;transition:opacity .42s var(--ease-settle), transform .42s var(--ease-settle), box-shadow var(--dur-ui) var(--ease-ui);top:12%;left:4%;transform:translateY(2cqh)}&.ws2 .pw-zed{opacity:0;transform:translateY(2cqh)}&.ws2 .pw-saf{opacity:1;transform:none}& .pw-fig{opacity:0;width:34%;height:76%;transition:transform .56s var(--ease-pop), opacity .3s var(--ease-ui), box-shadow var(--dur-ui) var(--ease-ui);top:12%;left:62%;transform:translate(42cqw)}&.summoned .pw-fig{opacity:1;transform:none}& .palette{aspect-ratio:620/430;opacity:0;border-radius:var(--r-panel);background:var(--demo-glass);backdrop-filter:saturate(1.4)blur(24px);width:62%;box-shadow:var(--shadow-panel);transition:opacity .16s var(--ease-ui), transform .16s var(--ease-ui);z-index:5;font-family:var(--font-ui);flex-direction:column;gap:1.2cqw;padding:2.4cqw;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.98)}&.open .palette{opacity:1;transform:translate(-50%,-50%)scale(1)}&.away .palette{opacity:0;transform:translate(-50%,-50%)scale(.98)}& .modes{border-radius:var(--r-pill);color:#ffffffbf;background:#383838eb;align-self:flex-start;gap:2px;padding:2px;font-size:clamp(6px,1.5cqw,11px);display:flex}& .mode{border-radius:var(--r-pill);white-space:nowrap;padding:.45em 1em}& .mode b{opacity:.6;margin-left:.35em;font-weight:600}& .mode.active{background:var(--demo-bronze);color:#fff}& .psearch{color:var(--demo-term-fg);border-bottom:1px solid #ffffff1f;align-items:center;padding-bottom:.8cqw;font-size:clamp(9px,2.4cqw,17px);display:flex}& .mag{border:1.5px solid #ffffff73;border-radius:50%;flex:none;width:.85em;height:.85em;margin-right:.6em;position:relative}& .mag:after{content:"";background:#ffffff73;width:1.5px;height:.4em;position:absolute;bottom:-.28em;right:-.12em;transform:rotate(-45deg)}& .pcaret{background:var(--demo-term-fg);opacity:0;width:1.5px;height:1em;margin-left:2px}&.open .pcaret{opacity:.8}& .pstatus{color:#ffffff80;font-size:clamp(6px,1.4cqw,10.5px)}& .prows{flex:1;position:relative}& .prow{height:21%;transform:translateY(calc(var(--row) * 115%));transition:background var(--dur-ui) var(--ease-ui);color:#ffffffe6;border-radius:8px;align-items:center;gap:1.6cqw;padding:0 1.2cqw;font-size:clamp(6px,1.6cqw,11px);display:flex;position:absolute;inset:0 0 auto}& .pr-1{--row:0}& .pr-2{--row:1}& .pr-3{--row:2}& .pr-4{--row:3}&.sel1 .pr-1,&.sel2 .pr-2{background:#ffffff1a}& .picon{border-radius:26%;flex:none;width:2.6em;height:2.6em}& .pi-figma{background:linear-gradient(135deg,#a259ff 0 45%,#f24e1e 45% 70%,#0acf83 70%)}& .pi-safari{background:radial-gradient(circle,#4ba8f5 0 62%,#1c6fd1 62%)}& .pi-slack{background:conic-gradient(#e01e5a 0 25%, #36c5f0 0 50%, #2eb67d 0 75%, #ecb22e 0)}& .pi-spotify{background:radial-gradient(circle,#1db954 0 70%,#14833b 70%)}& .ptxt{flex-direction:column;flex:1;gap:.2em;min-width:0;display:flex}& .ps{color:#ffffff80;font-size:.85em}}[data-demo=overview]{& .backdrop{background:var(--demo-backdrop);opacity:0;transition:opacity .56s var(--ease-settle);z-index:4;position:absolute;inset:0}& .fly{z-index:5;transition:transform .5s var(--ease-settle);transform-origin:50% 45%;position:absolute;inset:0}& .ov{transform-origin:0 0;transition:transform .56s var(--ease-settle), height .56s var(--ease-settle), opacity .3s var(--ease-ui), box-shadow var(--dur-ui) var(--ease-ui)}& .is-selected{box-shadow:0 0 0 2px var(--demo-card-selected), var(--shadow-win)}& .ov-zed{width:40cqw;height:88.5cqh;top:8cqh;left:3cqw}& .ov-safari{width:38cqw;height:43cqh;top:8cqh;left:45cqw}& .ov-notes{width:38cqw;height:43cqh;top:53.5cqh;left:45cqw}& .ov-ghost{width:30cqw;height:88.5cqh;top:8cqh;left:85cqw}&.open .ov-zed{transform:translate(17cqw,11cqh)scale(.4,.294)}&.open .ov-safari{transform:translate(-7cqw,11cqh)scale(.421,.291)}&.open .ov-notes{transform:translate(-7cqw,-21cqh)scale(.421,.291)}&.open .ov-ghost{transform:translate(-29cqw,11cqh)scale(.533,.294)}&.zoom .fly,&.zoom .ovl{transform:scale(1.12)}&.ws2hop .ov-notes{z-index:7;transform:translate(15cqw,1.5cqh)scale(.395,.302)}&.open.ws2hop .ov-safari{transform:translate(-7cqw,11cqh)scale(.421,.605)}&.ws2hop .card-discord,&.ws2hop .card-figma{transform:translate(-4cqw)}&.consumed .card-discord,&.consumed .card-figma{transform:none}&.consumed .card-figma{height:6cqh}&.consumed .ov-notes{z-index:7;transform:translate(1cqw,8.5cqh)scale(.395,.14)}&.landed .ov-zed,&.landed .ov-ghost{transform:none}&.landed .ov-safari{height:88.5cqh;transform:none}&.landed .ov-notes{opacity:0}& .ovl{z-index:6;pointer-events:none;font-family:var(--font-ui);transition:transform .5s var(--ease-settle);transform-origin:50% 45%;position:absolute;inset:0}& .search,& .wslabel,& .card{opacity:0;transition:opacity .25s var(--ease-ui) .2s, transform .65s var(--ease-settle), height .56s var(--ease-settle)}&.open .search,&.open .wslabel,&.open .card{opacity:1}& .search{border-radius:var(--r-pill);background:#1f1f26f2;border:1px solid #40404d;align-items:center;width:50cqw;height:6.5cqh;padding:0 2cqw;display:flex;position:absolute;top:5.5cqh;left:25cqw}& .mag{border:1.5px solid #ffffff73;border-radius:50%;width:1.4cqw;height:1.4cqw;position:relative}& .mag:after{content:"";background:#ffffff73;width:1.5px;height:.7cqw;position:absolute;bottom:-.5cqw;right:-.25cqw;transform:rotate(-45deg)}& .wslabel{color:#999;font-size:clamp(6px,1.7cqw,12px);font-weight:600;position:absolute}& .l1{color:var(--demo-ws-label);top:15.5cqh;left:8cqw}& .l2{top:50cqh;left:8cqw}& .l3{top:72.5cqh;left:8cqw}& .card{background:var(--demo-card);border:1px solid var(--demo-card-border);color:#fff9;border-radius:8px;align-items:flex-end;padding:.6em;font-size:clamp(5px,1.3cqw,10px);display:flex;position:absolute;overflow:hidden}& .card-discord{width:15cqw;height:13cqh;top:55cqh;left:26cqw}& .card-figma{width:15cqw;height:13cqh;top:55cqh;left:46cqw}& .card-music{width:15cqw;height:12cqh;top:77.5cqh;left:38cqw}}[data-demo=workspacebar]{& .notch{opacity:1}& .mb-right{display:none}& .isl{border-radius:var(--r-bar);backdrop-filter:blur(10px);z-index:5;height:4.5%;min-height:16px;line-height:1;font-family:var(--font-mono);color:#ffffffbf;background:#1c1c24b8;border:.5px solid #ffffff2e;align-items:center;font-size:clamp(6px,1.6cqw,11px);display:flex;position:absolute;top:0}& .isl-l{justify-content:center;width:10cqw;right:60.5cqw}& .isl-r{width:36cqw;padding-left:1cqw;left:60.5cqw}& .achip{border:1px solid var(--demo-accent);color:#fff;opacity:0;transition:opacity .26s var(--ease-ui), transform .32s var(--ease-pop);background:#ffffff1a;border-radius:6px;align-items:center;gap:.5cqw;padding:.4cqh .9cqw;display:inline-flex;position:absolute;transform:scale(.9)}& .ac-1{opacity:1;transform:none}&.w2 .ac-1,&.w3 .ac-1{opacity:0;transform:scale(.9)}&.w2 .ac-2,&.w3 .ac-3{opacity:1;transform:none}& .rchip{width:5cqw;transform:translateX(var(--slot,0cqw));opacity:1;transition:transform .42s var(--ease-settle), opacity .22s var(--ease-ui);border-radius:6px;justify-content:center;padding:.4cqh 0;display:inline-flex;position:absolute;left:1cqw}& .rc-1{--slot:0cqw;opacity:0}& .rc-h{--slot:0cqw}& .rc-2{--slot:5.5cqw}& .rc-3{--slot:11cqw}& .rc-r{--slot:16.5cqw}&.w2 .rc-1{opacity:1}&.w2 .rc-h{--slot:5.5cqw}&.w2 .rc-2{opacity:0;--slot:11cqw}&.w2 .rc-3{--slot:11cqw}&.w3 .rc-1{opacity:1}&.w3 .rc-h{--slot:5.5cqw}&.w3 .rc-2{--slot:11cqw}&.w3 .rc-3{opacity:0;--slot:16.5cqw}&.w3 .rc-r{--slot:16.5cqw}& .pill{border-radius:var(--r-pill);background:#ffffff14;border:.8px solid #ffffff38;align-items:center;gap:.5cqw;padding:.4cqh 1cqw;display:inline-flex;position:absolute;left:23.5cqw}& .tray{background:#ffffff8c;border-radius:2px 2px 3px 3px;width:1.6cqw;height:1.2cqw;display:inline-block}& .dot{aspect-ratio:1;border-radius:28%;width:1.5cqw;display:inline-block}& .d-blue{background:#4ba8f5}& .d-purple{background:#a06df7}& .d-green{background:#2eb67d}& .mock-win{transition:opacity .42s var(--ease-settle), transform .42s var(--ease-settle)}& .wa{width:45cqw;height:74cqh;top:16cqh;left:4cqw}& .wb{width:45cqw;height:74cqh;top:16cqh;left:51cqw}& .wsx{opacity:0;transform:translateY(2cqh)}& .wc{width:60cqw;height:74cqh;top:16cqh;left:4cqw}& .wd{width:30cqw;height:74cqh;top:16cqh;left:66cqw}& .we{width:72cqw;height:70cqh;top:18cqh;left:14cqw}&.w2 .w1,&.w3 .w1{opacity:0;transform:translateY(2cqh)}&.w2 .w2x,&.w3 .w3x{opacity:1;transform:none}}[data-demo=moveedge]{& .stage{aspect-ratio:16/10;border:1px solid var(--page-frame-border);border-radius:var(--r-frame);background:radial-gradient(80% 60% at 50% 0%, #a651360f, transparent), var(--demo-backdrop);width:100%;position:relative;overflow:hidden;container-type:size}& .disp{background:var(--demo-wallpaper);border:1.5px solid #ffffff38;border-radius:8px;width:45cqw;height:40cqh;position:absolute;overflow:hidden}& .d-tl{top:7cqh;left:2.5cqw}& .d-tr{top:7cqh;left:52.5cqw}& .d-bl{top:52cqh;left:2.5cqw}& .d-br{top:52cqh;left:52.5cqw}& .mbar{background:#1010188c;height:3cqh;position:absolute;inset:0 0 auto}& .res{background:var(--demo-win-bg);border:1px solid var(--demo-win-border);font-family:var(--font-ui);color:#ffffff73;height:32cqh;transition:width .5s var(--ease-settle);z-index:2;border-radius:5px;padding:3.2cqh 0 0 .8cqw;font-size:clamp(4px,1.1cqw,8px);position:absolute;overflow:hidden}& .res b{background:var(--demo-win-bar);height:2.6cqh;position:absolute;inset:0 0 auto}& .zed{width:19.5cqw;top:11.5cqh;left:4cqw}& .saf{width:42cqw;top:11.5cqh;left:54cqw}& .mus{width:42cqw;top:56.5cqh;left:54cqw}& .not{width:42cqw;top:56.5cqh;left:4cqw}& .mover{border:2px solid var(--demo-accent);width:20cqw;box-shadow:0 0 12px var(--demo-accent-glow);color:#ffffffb3;transition:transform .9s var(--ease-smooth);z-index:3;background:#16fffa1a;top:11.5cqh;left:25.5cqw}&.leg1 .zed{width:41.5cqw}&.leg1 .saf{width:19.5cqw}&.leg2 .saf{width:42cqw}&.leg2 .mus{width:19.5cqw}&.leg3 .mus{width:42cqw}&.leg3 .not{width:19.5cqw}&.leg4 .not{width:42cqw}&.leg4 .zed{width:19.5cqw}&.leg1 .mover{transform:translate(50cqw)}&.leg2 .mover{transform:translate(50cqw,45cqh)}&.leg3 .mover{transform:translateY(45cqh)}&.leg4 .mover{transform:translate(0)}& .arr{width:28px;height:28px;display:inline-block;position:relative}& .a{opacity:0;transition:opacity .2s var(--ease-ui);position:absolute;inset:0}& .a-1{opacity:1}&.leg1 .a-1,&.leg2 .a-1,&.leg3 .a-1{opacity:0}&.leg1 .a-2{opacity:1}&.leg2 .a-2{opacity:0}&.leg2 .a-3{opacity:1}&.leg3 .a-3{opacity:0}&.leg3 .a-4{opacity:1}&.leg4 .a-4{opacity:0}&.leg4 .a-1{opacity:1}}[data-demo=scratchpads]{& .bar{border-radius:var(--r-bar);backdrop-filter:blur(10px);z-index:7;font-family:var(--font-mono);color:#ffffffbf;background:#1c1c24b8;border:.5px solid #ffffff2e;align-items:center;gap:.8cqw;padding:.8cqh 1cqw;font-size:clamp(6px,1.6cqw,11px);display:flex;position:absolute;top:max(6.5cqh,18px);left:50%;transform:translate(-50%)}& .chip{transition:border-color var(--dur-ui) var(--ease-ui), background var(--dur-ui) var(--ease-ui), color var(--dur-ui) var(--ease-ui);border:1px solid #0000;border-radius:6px;padding:.4cqh .9cqw}& .ch-1{border-color:var(--demo-accent);color:#fff;background:#ffffff1a}&.sw2 .ch-1{color:#ffffffbf;background:0 0;border-color:#0000}&.sw2 .ch-2{border-color:var(--demo-accent);color:#fff;background:#ffffff1a}& .pill{border-radius:var(--r-pill);transition:border-color .15s var(--ease-ui), background .15s var(--ease-ui), color .15s var(--ease-ui), transform .15s var(--ease-ui);background:#ffffff14;border:.8px solid #ffffff38;align-items:center;gap:.5cqw;padding:.4cqh 1cqw;display:inline-flex}& .pill.is-on{border:1.2px solid var(--demo-accent);color:#fff;background:#16fffa2e;transform:scale(1.04)}& .tray{background:#ffffff8c;border-radius:2px 2px 3px 3px;width:1.6cqw;height:1.2cqw;display:inline-block}& .mock-win{opacity:.8;transition:opacity .42s var(--ease-settle), transform .42s var(--ease-settle)}& .bg-a{width:54cqw;height:76cqh;top:16cqh;left:4cqw}& .bg-b{width:36cqw;height:76cqh;top:16cqh;left:60cqw}& .w2{opacity:0;transform:translateY(2cqh)}& .bg-c{width:92cqw;height:76cqh;top:16cqh;left:4cqw}&.sw2 .w1{opacity:0;transform:translateY(2cqh)}&.sw2 .w2{opacity:.8;transform:none}& .widget{z-index:6;box-shadow:var(--shadow-panel);font-family:var(--font-ui);color:#fffc;transition:transform .56s var(--ease-pop);background:#1e1e26eb;border:1px solid #ffffff24;border-radius:10px;flex-direction:column;gap:1cqh;padding:1.4cqh 1.2cqw;display:flex;position:absolute}& .wt{color:#ffffff80;font-size:clamp(5px,1.2cqw,9px)}& .calc{width:17cqw;height:34cqh;top:14cqh;left:56cqw;transform:translate(48cqw)}& .calc-display{font-family:var(--font-mono);text-align:right;font-size:clamp(8px,2.2cqw,15px)}& .pad{flex:1;grid-template-columns:repeat(3,1fr);gap:.7cqw;display:grid}& .pad i{background:#ffffff1f;border-radius:4px}& .note{width:20cqw;height:22cqh;transition:transform .56s var(--ease-pop) 80ms;background:#40361af2;border-color:#febc2e59;gap:1.4cqh;padding-top:2.2cqh;top:38cqh;left:76cqw;transform:translate(46cqw)}& .nline{background:#febc2e66;border-radius:99px;height:1cqh}& .nl-1{width:80%}& .nl-2{width:62%}& .nl-3{width:71%}& .player{width:30cqw;height:20cqh;transition:transform .56s var(--ease-pop) .16s;justify-content:center;top:66cqh;left:62cqw;transform:translate(64cqw)}& .ptrack{background:#ffffff26;border-radius:99px;height:1.2cqh;overflow:hidden}& .ptrack i{background:var(--demo-accent);opacity:.8;width:42%;height:100%;display:block}& .pplay{color:#ffffffd9;font-size:clamp(8px,2cqw,14px)}&.on .widget{transform:none}& .sliver{background:var(--demo-accent);opacity:.6;width:2px;height:46cqh;transition:opacity .24s var(--ease-ui);position:absolute;top:26cqh;right:0}&.on .sliver{opacity:0}}[data-demo=gestures]{& .strip{transform:translate(var(--pan,0cqw), 0);transition:transform .55s var(--ease-settle), opacity .42s var(--ease-settle);gap:2cqw;display:flex;position:absolute;inset:8cqh auto 14cqh 3cqw}&.track .strip{transition-duration:.62s;transition-timing-function:var(--ease-smooth)}&.glide .strip{transition-duration:1.3s;transition-timing-function:var(--ease-smooth)}&.sw2 .strip{opacity:0;transform:translate(var(--pan,0cqw), 2cqh)}& .col{flex:none;height:100%;position:relative}& .col .mock-win{position:absolute;inset:0}& .c-1{width:40cqw}& .c-2{width:30cqw}& .c-3{width:44cqw}& .c-4{width:34cqw}& .c-5{width:30cqw}& .ws2f{opacity:0;width:90cqw;height:78cqh;transition:opacity .42s var(--ease-settle), transform .42s var(--ease-settle);top:8cqh;left:3cqw;transform:translateY(2cqh)}&.sw2 .ws2f{opacity:1;transform:none}& .pad{aspect-ratio:10/7;backdrop-filter:blur(8px);z-index:8;background:#14141c8c;border:1px solid #ffffff40;border-radius:1.6cqw;width:16cqw;position:absolute;bottom:2.5cqh;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}& .f{aspect-ratio:1;opacity:0;width:clamp(5px,1.8cqw,12px);transition:opacity var(--dur-ui) var(--ease-ui), transform .62s var(--ease-hand);background:#ffffffd9;border-radius:50%;position:absolute;box-shadow:0 1px 4px #0006}& .f1{top:38%;left:30%}& .f2{top:38%;left:50%}& .f3{top:38%;left:70%}& .f.f-show{opacity:1}& .f.drag1{transform:translate(-4cqw)}& .f.flick{transition-duration:.24s;transition-timing-function:var(--ease-cubic);transform:translate(-6cqw)}& .f.dragv{transform:translateY(3cqh)}}[data-demo=menuanywhere]{& .pw-zed{width:60cqw;height:78cqh;transition:box-shadow var(--dur-ui) var(--ease-ui);top:14cqh;left:5cqw}& .pw-notes{opacity:.7;width:29cqw;height:70cqh;top:18cqh;left:67cqw}& .menu{backdrop-filter:blur(10px);width:16cqw;box-shadow:var(--shadow-panel);z-index:9;opacity:0;transform-origin:0 0;transition:opacity .16s var(--ease-ui), transform .16s var(--ease-ui);color:#ffffffe6;background:#282830f2;border:.5px solid #ffffff2e;border-radius:8px;flex-direction:column;padding:.5cqh 0;font-size:clamp(6px,1.5cqw,11px);display:flex;position:absolute;top:59cqh;left:53cqw;transform:scale(.97)}&.open .menu{opacity:1;transform:scale(1)}&.p2 .menu{top:48cqh;left:21cqw}& .mr{white-space:nowrap;transition:background var(--dur-ui) var(--ease-ui), color var(--dur-ui) var(--ease-ui);justify-content:space-between;align-items:center;padding:.5cqh 1.2cqw;display:flex}& .mr-app{font-weight:600}& .ch{color:#ffffff73;font-style:normal}& .mr.is-hl{background:var(--demo-blue);color:#fff}& .mr.is-hl .ch{color:#fffc}& .sub{width:19cqw;box-shadow:var(--shadow-panel);opacity:0;transition:opacity .16s var(--ease-ui), transform .16s var(--ease-ui);background:#282830f2;border:.5px solid #ffffff2e;border-radius:8px;flex-direction:column;padding:.5cqh 0;font-size:clamp(6px,1.4cqw,10px);display:flex;position:absolute;bottom:10%;left:calc(100% - .4cqw);transform:translate(-.6cqw)}&.sub-open .sub{opacity:1;transform:none}& .sr{white-space:nowrap;transition:background var(--dur-ui) var(--ease-ui), color var(--dur-ui) var(--ease-ui);justify-content:space-between;align-items:center;gap:1cqw;padding:.5cqh 1.2cqw;display:flex}& .sc{color:#ffffff73;font-style:normal;font-family:var(--font-mono)}& .sr.is-hl{background:var(--demo-blue);color:#fff}& .sr.is-hl .sc{color:#fffc}& .cursor{aspect-ratio:1;opacity:0;z-index:10;width:2.4cqw;transition:transform .62s var(--ease-hand), opacity var(--dur-ui) var(--ease-ui);background:#ffffffe6;border:1px solid #0006;border-radius:50%;position:absolute;top:58cqh;left:52cqw}& .cursor.c-show{opacity:1}& .cursor.c-p2{transform:translate(-32cqw,-12cqh)}}[data-demo=stats]{& .mb-right{display:none}& .isl{border-radius:var(--r-bar);backdrop-filter:blur(10px);z-index:7;font-family:var(--font-mono);color:#ffffffbf;background:#1c1c24b8;border:.5px solid #ffffff2e;align-items:center;gap:.8cqw;padding:.8cqh 1cqw;font-size:clamp(6px,1.6cqw,11px);display:flex;position:absolute;top:max(6.5cqh,18px);left:50%;transform:translate(-50%)}& .chip{border:1px solid #0000;border-radius:6px;padding:.4cqh .9cqw}& .ch-on{border-color:var(--demo-accent);color:#fff;background:#ffffff1a}& .sep{background:#fff3;align-self:stretch;width:1px;margin:.3cqh .2cqw}& .gauge{transition:border-color var(--dur-ui) var(--ease-ui), background var(--dur-ui) var(--ease-ui);background:#ffffff14;border:.8px solid #ffffff38;border-radius:6px;justify-content:center;align-items:center;padding:.35cqh .5cqw;display:flex}& .gauge.is-hot{border-color:var(--demo-accent);background:#16fffa2e}& .dial{aspect-ratio:1;border:1px solid #ffffffbf;border-radius:50%;width:clamp(6px,1.6cqw,10px);display:block;position:relative}& .dial:after{content:"";transform-origin:top;background:#ffffffd9;width:1px;height:42%;position:absolute;top:50%;left:50%;transform:rotate(-135deg)}& .mock-win{opacity:.6}& .bg-a{width:45cqw;height:76cqh;top:16cqh;left:51cqw}& .term-w{opacity:1;width:44cqw;height:34cqh;transition:box-shadow var(--dur-ui) var(--ease-ui);top:58cqh;left:4cqw}& .qline{white-space:nowrap;gap:.6em;font-size:clamp(5px,1.45cqw,10px);display:flex}& .qp{color:var(--demo-term-green)}& .qtyped{clip-path:inset(0 100% 0 0);transition:clip-path .3s var(--ease-ui)}&.t1 .qtyped{clip-path:inset(0);transition:clip-path .9s steps(12,end)}& .qout{opacity:0;color:#e6e6eb99;transition:opacity var(--dur-ui) var(--ease-ui);font-size:clamp(5px,1.45cqw,10px)}&.o1 .qout{opacity:1}& .pop{border-radius:var(--r-panel);background:var(--demo-glass);backdrop-filter:blur(10px);width:34cqw;box-shadow:var(--shadow-panel);z-index:6;color:#ffffffe6;opacity:0;transform-origin:50% 0;transition:transform .56s var(--ease-pop), opacity .26s var(--ease-ui);border:.5px solid #ffffff2e;flex-direction:column;gap:.9cqh;padding:1.2cqh 1.2cqw;display:flex;position:absolute;top:calc(max(6.5cqh,18px) + 5.5cqh);left:55cqw;transform:translate(-50%)translateY(-2cqh)scale(.92)}&.open .pop{opacity:1;transform:translate(-50%)translateY(0)scale(1)}& .ph{justify-content:space-between;align-items:baseline;display:flex}& .ph-l{flex-direction:column;gap:.2cqh;display:flex}& .ph-name{font-size:clamp(7px,1.7cqw,12px);font-weight:600}& .ph-chip,& .ph-up{color:#ffffff80;font-size:clamp(5px,1.2cqw,9px)}& .pgrid{grid-template-columns:1fr 1fr;gap:.8cqh .8cqw;display:grid}& .tile{background:#ffffff12;border:.75px solid #ffffff24;border-radius:8px;flex-direction:column;gap:.45cqh;padding:.8cqh .9cqw;display:flex}& .trow{justify-content:space-between;align-items:center;display:flex}& .tt{color:#fff9;align-items:center;gap:.5cqw;font-size:clamp(5px,1.3cqw,10px);display:inline-flex}& .tt i{aspect-ratio:1;border-radius:50%;width:clamp(4px,1cqw,7px);display:inline-block}& .td-cpu{background:var(--demo-drop)}& .td-gpu{background:#a06df7}& .td-mem{background:var(--demo-term-green)}& .td-disk{background:#ff9f0a}& .tv{font-size:clamp(7px,1.8cqw,13px);font-weight:600;position:relative}& .tv .v2{opacity:0;position:absolute;top:0;right:0}& .tv .v1,& .tv .v2{transition:opacity var(--dur-ui) var(--ease-ui)}&.tick .tv-cpu .v1,&.tick .tv-gpu .v1{opacity:0}&.tick .tv-cpu .v2,&.tick .tv-gpu .v2{opacity:1}& .tds{color:#ffffff73;white-space:nowrap;font-size:clamp(5px,1.2cqw,9px);overflow:hidden}& .meter{background:#ffffff1f;border-radius:99px;height:clamp(3px,.9cqh,6px);overflow:hidden}& .meter i{border-radius:inherit;width:0;height:100%;transition:width .7s var(--ease-settle);display:block}& .m-cpu i{background:var(--demo-drop);transition-delay:.2s}& .m-gpu i{background:#a06df7;transition-delay:.28s}& .m-mem i{background:var(--demo-term-green);transition-delay:.36s}& .m-disk i{background:#ff9f0a;transition-delay:.44s}&.open .m-cpu i{width:34%}&.open .m-gpu i{width:22%}&.open .m-mem i{width:62%}&.open .m-disk i{width:71%}&.tick .m-cpu i{width:61%}&.tick .m-gpu i{width:31%}& .pf{color:#fff6;justify-content:space-between;font-size:clamp(5px,1.1cqw,9px);display:flex}& .cursor{aspect-ratio:1;opacity:0;z-index:10;width:2.4cqw;transition:transform .62s var(--ease-hand), opacity var(--dur-ui) var(--ease-ui), box-shadow var(--dur-ui) var(--ease-ui);background:#ffffffe6;border:1px solid #0006;border-radius:50%;position:absolute;top:45cqh;left:62cqw}& .cursor.c-show{opacity:1}& .cursor.drag-ring{box-shadow:0 0 0 3px var(--demo-swap)}& .cursor.c-gauge{transform:translate(-6cqw,-37.5cqh)}}[data-demo=hiddenbar]{& .gset{align-items:center;display:inline-flex}& .g{aspect-ratio:1;width:clamp(7px,2.4cqw,14px);transition:width .42s var(--ease-settle), margin-left .42s var(--ease-settle), opacity .26s var(--ease-ui), transform .26s var(--ease-ui);flex:none;margin-left:clamp(3px,.9cqw,6px)}& .g-batt{aspect-ratio:2;width:clamp(9px,2.8cqw,17px)}& .gt{white-space:nowrap;margin-left:clamp(3px,.9cqw,6px)}&.hidden .h{opacity:0;width:0;margin-left:0;transform:scale(.6)}&.hidden .h-2{transition-delay:70ms}&.hidden .h-3{transition-delay:.14s}&.hidden .h-4{transition-delay:.21s}& .i-slack{background:conic-gradient(from 45deg, #36c5f0 0 25%, #2eb67d 0 50%, #ecb22e 0 75%, #e01e5a 0 100%);border-radius:28%}& .i-drop{background:#0061fe;border-radius:50%}& .i-key{background:#0572ec;border-radius:28%;position:relative}& .i-key:after{content:"";border:1px solid #fff;border-radius:50%;position:absolute;inset:28%}& .i-cam{background:#2eb67d;border-radius:50%}& .i-omni{background:linear-gradient(#fffc,#fffc) 50%/1px 66% no-repeat,linear-gradient(#fffc,#fffc) 50%/66% 1px no-repeat;border:1px solid #fffc;border-radius:3px}& .i-wifi{clip-path:polygon(50% 100%,0 0,100% 0);background:#ffffffb3}& .i-batt{border:1px solid #fff9;border-radius:2px;position:relative}& .i-batt:before{content:"";background:#fffc;border-radius:1px;width:78%;position:absolute;inset:1px auto 1px 1px}& .i-batt:after{content:"";background:#fff9;width:1.5px;height:40%;position:absolute;top:30%;left:100%}& .isl{border-radius:var(--r-bar);backdrop-filter:blur(10px);z-index:7;font-family:var(--font-mono);color:#ffffffbf;background:#1c1c24b8;border:.5px solid #ffffff2e;align-items:center;gap:.8cqw;padding:.8cqh 1cqw;font-size:clamp(6px,1.6cqw,11px);display:flex;position:absolute;top:max(6.5cqh,18px);left:50%;transform:translate(-50%)}& .chip{border:1px solid #0000;border-radius:6px;padding:.4cqh .9cqw}& .ch-on{border-color:var(--demo-accent);color:#fff;background:#ffffff1a}& .mock-win{opacity:.55}& .bg-a{width:44cqw;height:74cqh;top:16cqh;left:4cqw}& .bg-b{width:45cqw;height:70cqh;top:18cqh;left:51cqw}& .sheet{opacity:0;border-radius:var(--r-panel);background:var(--demo-glass);backdrop-filter:blur(10px);width:30cqw;box-shadow:var(--shadow-panel);z-index:6;color:#ffffffd9;transition:opacity .16s var(--ease-ui), transform .16s var(--ease-ui);border:.5px solid #ffffff2e;flex-direction:column;gap:.4cqh;padding:1.2cqh 1.4cqw;font-size:clamp(6px,1.5cqw,11px);display:flex;position:absolute;top:42cqh;left:50%;transform:translate(-50%,-50%)scale(.98)}&.sheet-in .sheet{opacity:1;transform:translate(-50%,-50%)scale(1)}& .sh-t{color:#ffffff80;margin-bottom:.4cqh;font-size:clamp(5px,1.3cqw,10px)}& .cr{align-items:center;gap:.8cqw;padding:.4cqh 0;display:flex}& .box{aspect-ratio:1;width:clamp(6px,1.4cqw,10px);transition:background var(--dur-ui) var(--ease-ui), border-color var(--dur-ui) var(--ease-ui);border:1px solid #fff6;border-radius:2px}& .cr.is-on .box{background:var(--demo-accent);border-color:var(--demo-accent)}& .ic{aspect-ratio:1;width:clamp(6px,1.5cqw,11px)}& .panel{background:var(--demo-glass);backdrop-filter:blur(10px);box-shadow:var(--shadow-panel);z-index:8;opacity:0;transition:transform .56s var(--ease-pop), opacity .26s var(--ease-ui);border:.5px solid #ffffff2e;border-radius:8px;gap:.8cqw;padding:.8cqh .8cqw;display:flex;position:absolute;top:calc(max(6.5cqh,18px) + 5.5cqh);left:50%;transform:translate(-50%,-2.5cqh)scale(.96)}&.reveal .panel{opacity:1;transform:translate(-50%)scale(1)}& .cell{aspect-ratio:1;width:clamp(12px,3.2cqw,22px);transition:background var(--dur-ui) var(--ease-ui);background:#ffffff1a;border-radius:6px;justify-content:center;align-items:center;display:flex}& .cell i{aspect-ratio:1;width:62%;display:block}&.menu-open .cell-1{background:#ffffff2e}& .menu{backdrop-filter:blur(10px);width:15cqw;box-shadow:var(--shadow-panel);z-index:9;opacity:0;transition:opacity .16s var(--ease-ui), transform .16s var(--ease-ui);color:#ffffffe6;background:#282830f2;border:.5px solid #ffffff2e;border-radius:8px;flex-direction:column;padding:.5cqh 0;font-size:clamp(5px,1.3cqw,10px);display:flex;position:absolute;top:calc(max(6.5cqh,18px) + 12cqh);left:38cqw;transform:translateY(-1cqh)}&.menu-open .menu{opacity:1;transform:none}& .hm-r{white-space:nowrap;padding:.5cqh 1.1cqw}& .hm-sep{background:#ffffff26;height:1px;margin:.3cqh 0}& .cursor{aspect-ratio:1;opacity:0;z-index:10;width:2.4cqw;transition:transform .62s var(--ease-hand), opacity var(--dur-ui) var(--ease-ui), box-shadow var(--dur-ui) var(--ease-ui);background:#ffffffe6;border:1px solid #0006;border-radius:50%;position:absolute;top:55cqh;left:68cqw}& .cursor.c-show{opacity:1}& .cursor.drag-ring{box-shadow:0 0 0 3px var(--demo-swap)}& .cursor.c-omni{transform:translate(14cqw,-52.5cqh)}& .cursor.c-omni.c-cell{transform:translate(-24cqw,-41cqh)}}