@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.LINzvG_className{font-family:Inter,Inter Fallback;font-style:normal}.LINzvG_variable{--font-inter:"Inter", "Inter Fallback"}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-inter), "Helvetica Neue", sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", var(--font-inter), "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--accent:#ff9f0a;--on-accent:#1d1d1f;--cat:#5c4530;--gutter:clamp(16px, 4vw, 40px);--wide:1120px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#111113;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#86868b;--hair:#ffffff1f;--code-bg:#ffffff14;--desk:#0e0e12;--menubar:#ffffff0f;--panel:#262a37;--tile:#363b4c;--tile-edge:#ffffff12;--tile-2:#4a5064;--track:#ffffff29;--tick:#ffffff38;--thumb:#c7c7cc;--nav:#000000a8}.hero,.nav{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#86868b;--hair:#ffffff24;--accent:#ff9f0a}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--ink-3) var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:64px}body{background:var(--bg);color:var(--ink);font-family:var(--font);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;caret-color:var(--accent);margin:0;font-size:17px;line-height:1.47}::selection{background:#ff9f0a61}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #ff9f0a}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}h1,h2,h3,.display{font-family:var(--font-display);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}code{font-family:var(--mono);font-size:.88em}p code,.fine code{white-space:nowrap;background:var(--code-bg);border-radius:6px;padding:.12em .38em}img{max-width:100%;height:auto}.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{white-space:nowrap;min-height:46px;transition:transform .16s var(--ease-out), background-color .2s ease, border-color .2s ease;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:17px;font-weight:500;text-decoration:none;display:inline-flex}.button:active{transform:scale(.97)}.button.primary{color:var(--on-accent);background:#ff9f0a}.button.quiet{color:var(--ink);border:1px solid var(--hair)}.button.small{min-height:30px;padding:0 14px;font-size:13px}@media (hover:hover) and (pointer:fine){.button.primary:hover{background:#ffb340}.button.quiet:hover{border-color:#fff6}}.glass{--glass-tint:#ffffff0f;background:linear-gradient(180deg, #ffffff1a, #ffffff05 46%, #ffffff0a), var(--glass-tint);-webkit-backdrop-filter:blur(10px)saturate(190%)brightness(1.08);box-shadow:inset 0 1px .5px #ffffff8c,inset 0 -1px .5px #ffffff1f,inset 0 0 0 1px #ffffff1a,inset 0 0 18px #ffffff0d,0 10px 36px #00000052}html.refracts .glass{-webkit-backdrop-filter:url(#liquid-glass)blur(6px)saturate(190%)brightness(1.08);backdrop-filter:url(#liquid-glass)blur(6px)saturate(190%)brightness(1.08)}.panel.glass{-webkit-backdrop-filter:blur(18px)saturate(170%)brightness(1.05)}html.refracts .panel.glass{-webkit-backdrop-filter:url(#liquid-glass)blur(16px)saturate(170%)brightness(1.05);backdrop-filter:url(#liquid-glass)blur(16px)saturate(170%)brightness(1.05)}.nav{z-index:10;width:min(760px,100% - 24px);height:50px;color:var(--ink);--glass-tint:#1212169e;transition:opacity .4s var(--ease-out), translate .5s var(--ease-out);border-radius:999px;justify-content:space-between;align-items:center;padding:0 7px 0 18px;font-size:14px;display:flex;position:fixed;top:12px;left:50%;translate:-50%}html[data-in-hero] .nav{opacity:0;pointer-events:none;translate:-50% -16px}.nav-brand{align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.nav-cat{width:20px;height:auto;display:block}.nav nav{align-items:center;gap:22px;display:flex}.nav nav a:not(.button){color:var(--ink-2);text-decoration:none;transition:color .2s}.nav .button.small{min-height:36px;padding:0 16px;font-size:14px}@media (hover:hover) and (pointer:fine){.nav nav a:not(.button):hover{color:var(--ink)}}.downloads{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.logo-glyph{fill:currentColor;flex:none;width:1em;height:1em;margin-right:8px;translate:0 -.06em}.button.small .logo-glyph{margin-right:6px}.glass-button{font:inherit;color:var(--ink);-webkit-backdrop-filter:blur(10px)saturate(180%);background:#ffffff14;border:0;font-size:17px;font-weight:500;box-shadow:inset 0 1px .5px #fff6,inset 0 0 0 1px #ffffff1f}.glass-button:disabled{cursor:not-allowed;color:var(--ink-2)}.glass-button:disabled:active{transform:none}.soon{letter-spacing:.01em;color:var(--ink-2);background:#ffffff1a;border-radius:999px;margin-left:10px;padding:2px 8px;font-size:12px;font-weight:600}.hero{height:100svh;min-height:600px;color:var(--ink);background:radial-gradient(120% 80% at 50% 30%,#0b0d16 0%,#000 70%);position:relative;overflow:hidden}.hero-layer,.hero-stage,.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-stage{z-index:1}.hero-layer.front{z-index:2;pointer-events:none}.hero-canvas{opacity:0}.hero-open{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hero-screen-copy{text-align:center;padding:0 var(--gutter);transform-origin:50%;will-change:transform;pointer-events:auto;text-shadow:0 2px 30px #050a1e73;justify-items:center;margin-top:-6vh;display:grid}.hero h1,.display{letter-spacing:-.04em;font-size:clamp(2.75rem,7.4vw,6rem);font-weight:600;line-height:1}.display.accent{color:#ffd13d;text-shadow:0 0 40px #ffd13d59}.hero .lede{color:#ebeeffc7;max-width:30em;margin-top:20px}.hero .fine{color:#ebeeff8c;margin-top:18px}.hero-shut{z-index:3;text-align:center;opacity:0;pointer-events:none;justify-items:center;display:grid;position:absolute;top:clamp(84px,12vh,140px);left:0;right:0}@media (max-width:600px){.hero h1,.display{font-size:clamp(2.4rem,12vw,3.1rem)}.hero .lede{margin-top:14px;font-size:1.0625rem}.hero .downloads{margin-top:22px}.hero-screen-copy{margin-top:22vh}.hero .button{min-height:44px;padding:0 18px;font-size:15px}}.fine{color:var(--ink-3);font-size:14px;line-height:1.5}.hero-status{z-index:3;white-space:nowrap;opacity:0;color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;padding:7px 18px 7px 7px;font-size:15px;display:flex;position:absolute;bottom:clamp(20px,5vh,56px);left:50%;translate:-50%}.hero-status strong{color:var(--ink);font-weight:600}.hero-status .badge{background:#ff9f0a;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.hero-status .badge svg{width:19px}.hero-angle{z-index:3;font-variant-numeric:tabular-nums;color:var(--ink);opacity:0;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:17px;font-weight:600;display:flex;position:absolute;bottom:clamp(20px,5vh,56px);right:clamp(16px,4vw,48px)}.hero-angle svg{color:#ffd13d}.section{padding:clamp(96px, 12vw, 168px) var(--gutter) 0;max-width:calc(var(--wide) + 2 * var(--gutter));margin:0 auto}.section-head{max-width:680px;margin-bottom:clamp(40px,6vw,64px)}.section-head.center{text-align:center;margin-inline:auto}h2{letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.06}.lede{color:var(--ink-2);max-width:36em;margin-top:18px;font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.42}.section-head.center .lede{margin-inline:auto}.body{color:var(--ink-2);max-width:36em;margin-top:16px}.narrow{max-width:36em;margin-top:20px}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,88px);display:grid}.split .section-head{margin-bottom:0}@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}.playground{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}@media (max-width:900px){.playground{grid-template-columns:minmax(0,1fr)}}.desktop{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f5f7;--ink-2:#ebeeffb8;--ink-3:#ebeeff8c;--tile-edge:#ffffff24;--track:#ffffff38;--tick:#ffffff4d;--thumb:#f2f2f7;--tile-2:#ffffff29;color:var(--ink);background:#0d1530 url(/wallpaper-small.webp) 50% 62%/cover;border-radius:24px;padding-bottom:36px;overflow:hidden;box-shadow:0 30px 80px #00000059}.menubar{height:30px;color:var(--ink);background:linear-gradient(#0000004d,#0000);justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;display:flex}.menubar-left,.menubar-right{white-space:nowrap;align-items:center;gap:16px;display:flex}.menubar-left b{font-weight:600}@media (max-width:480px){.menubar-left span{display:none}}.menubar-item{border-radius:5px;align-items:center;gap:5px;padding:2px 7px;display:inline-flex}.menubar-item.is-open{background:color-mix(in srgb, var(--ink) 16%, transparent)}.menubar-cat{width:17px;display:block}.panel{border-radius:28px;gap:10px;width:min(372px,100% - 24px);margin:8px 12px 0 auto;padding:10px;display:grid}.tile{background:#ffffff1a;border:0;border-radius:18px;padding:16px;box-shadow:inset 0 1px .5px #ffffff59,inset 0 0 0 1px #ffffff14}.switch{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .16s var(--ease-out);align-items:center;gap:16px;display:flex}.switch:active{transform:scale(.98)}.switch-text{gap:2px;display:grid}.switch-text strong{font-size:18px;font-weight:600}.switch-text span{color:var(--ink-2);font-size:14px}.badge-ring{flex:none;width:64px;height:64px;position:relative}.badge-ring>svg{position:absolute;inset:0;rotate:-90deg}.badge-ring circle{fill:none;stroke-width:4px}.ring-track{stroke:var(--track)}.ring-fill{stroke:#ff9f0a;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .7s var(--ease-out)}.badge-ring[data-awake=true] .ring-fill{stroke-dashoffset:18px}.badge-face{background:var(--tile-2);color:var(--ink);border-radius:50%;place-items:center;transition:background-color .3s;display:grid;position:absolute;inset:8px}.badge-ring[data-awake=true] .badge-face{background:#ff9f0a}.badge-face svg{width:60%}.sliders{gap:18px;display:grid}.stop-head{justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;display:flex}.stop-head label{font-weight:600}.stop-value{color:var(--ink-2);font-weight:500}.stop-detail{color:var(--ink-3);margin-right:8px;font-size:13px;font-weight:400}.stop-track{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;margin-top:8px;display:grid}.icon{fill:none;width:18px;height:18px;stroke:var(--ink-3);stroke-width:1.5px;stroke-linecap:round}.icon-fill{fill:var(--ink-3);stroke:none}.range{height:28px;display:block;position:relative}.ticks{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 9px}.ticks i{background:var(--tick);border-radius:1px;width:2px;height:10px}.range input{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;position:relative}.range input::-webkit-slider-runnable-track{background:var(--track);border-radius:2px;height:4px}.range input::-moz-range-track{background:var(--track);border-radius:2px;height:4px}.range input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--thumb);width:18px;height:26px;transition:transform .16s var(--ease-out);border-radius:9px;margin-top:-11px;box-shadow:0 1px 3px #00000059,0 0 0 .5px #0003}.range input::-moz-range-thumb{background:var(--thumb);border:0;border-radius:9px;width:18px;height:26px;box-shadow:0 1px 3px #00000059}.range input:active::-webkit-slider-thumb{transform:scale(1.08)}.range input:focus-visible{outline:none}.range input:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #ff9f0a}.range input:focus-visible::-moz-range-thumb{outline-offset:2px;outline:2px solid #ff9f0a}.chart{margin:0}.chart canvas{width:100%;height:clamp(240px,30vw,320px);transition:opacity .3s;display:block}.chart[data-off=true] canvas{opacity:.3}.chart figcaption{gap:6px;margin-top:18px;padding-left:44px;display:grid}.chart-summary{min-height:3em;font-size:17px}.chart-note{color:var(--ink-3);font-size:13px}.lid-table{border-collapse:collapse;width:100%;max-width:880px;font-size:17px}.lid-table th,.lid-table td{text-align:left;border-bottom:1px solid var(--hair);vertical-align:top;padding:18px 16px 18px 0}.lid-table thead th{color:var(--ink-3);padding-top:0;font-size:14px;font-weight:500}.lid-table tbody th{width:32%;font-weight:600}.lid-table td:nth-child(3){color:var(--ink-2)}.rules{border-radius:28px;margin:0;padding:8px 24px}.rules>div{padding:18px 0}.rules>div+div{border-top:1px solid var(--hair)}.band{isolation:isolate;margin-top:clamp(96px,12vw,168px);position:relative}.band.bag{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f5f7;--ink-2:#ebeeffb8;--ink-3:#ebeeff8c;--hair:#ffffff24;--accent:#ff9f0a;color:var(--ink);background:linear-gradient(180deg, var(--bg) 0%, #0000 22%, #0000 70%, var(--bg) 100%), radial-gradient(70% 55% at 0% 10%, #02040cbf, #02040c00 70%), #050812 url(/bag.webp) 18% 60% / cover;padding-bottom:clamp(96px,12vw,168px)}.band .section{margin-top:0}.rules dt{align-items:center;gap:12px;font-weight:600;display:flex}.rules dd{color:var(--ink-2);margin:4px 0 0;padding-left:36px}.faq{gap:12px;max-width:760px;margin:40px auto 0;display:grid}.faq details{border-radius:22px;padding:0 22px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);transition:rotate .3s var(--ease-out);flex:none;font-size:22px;line-height:1}.faq details[open] summary:after{rotate:45deg}.faq h3{text-wrap:balance;margin:0;font-size:17px;font-weight:600}.faq p{color:var(--ink-2);text-wrap:pretty;margin:0 0 20px}.command pre{min-width:0;font-family:var(--mono);flex:1;margin:0;font-size:14px;line-height:1.85;overflow-x:auto}.command-line{white-space:pre;display:block}.install{padding-bottom:clamp(96px,12vw,160px)}.app-icon{width:112px;margin:0 auto 20px;display:block}.methods{gap:28px;max-width:880px;margin:0 auto;display:grid}.method{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:20px;display:grid}.method h3{align-items:center;gap:10px;padding-top:13px;font-size:17px;font-weight:600;display:flex}@media (max-width:640px){.method{grid-template-columns:minmax(0,1fr);gap:10px}.method h3{padding-top:0}}.command{background:var(--surface);border:1px solid var(--hair);border-radius:16px;align-items:center;gap:8px;padding-right:8px;display:flex}.command pre{padding:12px 0 12px 18px}.copy{border:1px solid var(--hair);background:var(--bg);width:34px;height:34px;color:var(--ink);font:inherit;cursor:pointer;transition:transform .16s var(--ease-out);border-radius:999px;flex:none;place-items:center;padding:0;font-size:13px;display:grid}.copy:active{transform:scale(.96)}.copy-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;width:17px;height:17px;transition:opacity .2s,filter .2s}.copy-done{opacity:0;filter:blur(3px);color:var(--accent)}.copy[data-copied=true] .copy-idle{opacity:0;filter:blur(3px)}.copy[data-copied=true] .copy-done{opacity:1;filter:blur()}.download{justify-items:start;gap:12px;display:grid}.footer{max-width:calc(var(--wide) + 2 * var(--gutter));padding:28px var(--gutter) 48px;border-top:1px solid var(--hair);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin:0 auto;font-size:14px;display:flex}.footer-brand{color:var(--ink-2);align-items:center;gap:8px;display:inline-flex}@media (max-width:560px){.nav nav a[href=\#install]{display:none}}.icon-line{fill:none;width:24px;height:24px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-line .icon-fill{fill:var(--accent);stroke:none}.with-icon{align-items:center;gap:12px;display:inline-flex}