@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/ca8956476e4b15e1-s.2of77tvarlxv9.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:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/0ada71b763703d9d-s.0_hkuyklry9k2.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/2b7d3311b69a4dca-s.p.32vcy6_pq4pnh.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:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6632a144c419935f-s.38msdipe8z81f.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:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/7b27d9904b50e540-s.30bhvdlsk8sra.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d38f3bca7db33566-s.p.3se9ogqst-d6c.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:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_e0ae1864-module__0kuI3q__className{font-family:Newsreader,Newsreader Fallback}.newsreader_e0ae1864-module__0kuI3q__variable{--font-serif:"Newsreader", "Newsreader Fallback"}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_d633ac5f-module__BboVrW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_d633ac5f-module__BboVrW__variable{--font-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_768fb615-module__nw7kYW__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_768fb615-module__nw7kYW__variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#121214;--raised:#18181b;--raised-2:#1e1e22;--fg:#ececee;--text:#c9c9ce;--muted:#9a9aa2;--dim:#fff6;--line:#ffffff12;--line-2:#ffffff1f;--fill:#ffffff0a;--fill-2:#ffffff14;--blue:#52a8ff;--amber:#ffb224;--pink:#ff4d8d;--mint:#7ee7b8;--lilac:#c9a6ff;--red:#ff5f57;--green:#4cc38a;--tl-1:#bda8fc;--tl-2:#3bcfcf;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.32, .72, 0, 1);--serif:var(--font-serif), "Iowan Old Style", Georgia, serif;--sans:var(--font-sans), ui-sans-serif, system-ui, sans-serif;--mono:var(--font-mono), ui-monospace, monospace;--h1:clamp(40px, 7.4vw, 64px);--h1-docs:clamp(32px, 4.4vw, 44px);--h2:28px;--lede:18px;--body:16px;--small:13px;--col:720px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{overflow-x:clip}html.docked body{padding-bottom:max(calc(var(--dock-h,200px) + 32px), 76px)}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font:inherit}:focus-visible{outline-offset:2px;outline:2px solid #52a8ffb3}kbd{font:500 12px var(--mono);color:var(--fg);background:var(--fill-2);box-shadow:inset 0 0 0 1px var(--line-2);white-space:nowrap;border-radius:6px;padding:1px 6px}.inline-code{white-space:nowrap;color:var(--fg);background:var(--fill-2);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font-size:.87em}.copy{all:unset;cursor:pointer;width:40px;height:40px;color:var(--muted);transition:color .15s var(--ease), background-color .15s var(--ease);border-radius:8px;flex:none;place-items:center;display:grid;position:relative}.copy:hover{color:var(--fg);background:var(--fill)}.copy:focus-visible{outline-offset:-2px;outline:2px solid #52a8ffb3}.copy svg{transition:opacity .2s var(--ease), transform .3s var(--spring);grid-area:1/1}.copy .i-done{opacity:0;color:var(--green);transform:scale(.6)}.copy.done .i-copy{opacity:0;transform:scale(.6)}.copy.done .i-done{opacity:1;transform:none}.top{max-width:calc(var(--col) + 48px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin:0 auto;padding:20px 24px 0;display:grid}.top.wide{max-width:1120px}.top-brand{align-items:center;gap:12px;min-width:0;display:flex}.brand{min-height:40px;font:400 23px/1 var(--serif);letter-spacing:-.01em;color:var(--fg);align-items:center;gap:10px;display:inline-flex}.mark{background:var(--raised-2);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:6px;flex:none;position:relative;overflow:hidden}.mark:before{content:"";background:var(--fill-2);border-radius:2px;height:2px;position:absolute;top:9px;left:3px;right:3px}.mark:after{content:"";background:var(--tl-1);border-radius:2px;width:8px;height:2px;position:absolute;top:9px;left:3px}.mark i{background:#fff;border-radius:2px;width:2px;height:12px;position:absolute;top:4px;left:11px}.count{min-height:40px;font:var(--small) var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .15s var(--ease);align-items:center;display:inline-flex}.count:hover{color:var(--fg)}.tabs{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.tabs a{height:34px;color:var(--muted);transition:color .15s var(--ease), background-color .15s var(--ease);border-radius:999px;align-items:center;padding:0 16px;font-size:14px;display:inline-flex}.tabs a:hover{color:var(--fg)}.tabs a[aria-current=page]{color:var(--fg);background:var(--fill-2)}.top-end{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.quiet{min-height:40px;color:var(--muted);transition:color .15s var(--ease);align-items:center;padding:0 8px;font-size:14px;display:inline-flex}.quiet:hover{color:var(--fg)}.install{background:var(--raised);min-width:0;height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;padding:0 0 0 14px;display:flex}.install code{font-size:var(--small);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.install .p{color:var(--dim);-webkit-user-select:none;user-select:none;margin-right:8px}.install .copy{border-radius:999px;width:36px;height:36px;margin:0 2px 0 4px}.page{max-width:calc(var(--col) + 48px);text-align:center;margin:0 auto;padding:96px 24px}.page h1{font:400 var(--h1)/1.02 var(--serif);letter-spacing:-.025em;color:var(--fg);text-wrap:balance;font-optical-sizing:auto;margin:0}.page h1 em{color:var(--muted);font-style:italic}.page .lede{max-width:31em;font-size:var(--lede);color:var(--muted);text-wrap:pretty;margin:24px auto 0;line-height:1.55}.page h2{font:400 var(--h2)/1.15 var(--serif);letter-spacing:-.01em;color:var(--fg);margin:0 0 28px}.page section{margin-top:112px}.page.overview{padding-bottom:32px}.page section p{max-width:32em;font-size:var(--body);color:var(--text);text-wrap:pretty;margin:0 auto 12px;line-height:1.65}.page section p.small{max-width:40em;font-size:var(--small);color:var(--muted);margin-top:36px}.more{color:var(--fg);text-underline-offset:3px;transition:text-decoration-color .15s var(--ease);-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.more:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;color:var(--text);text-wrap:balance;flex-direction:column;align-items:center;gap:14px;font-size:15px;line-height:1.6;display:flex}.steps li:before{content:counter(step);width:32px;height:32px;font:400 17px var(--serif);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;place-items:center;display:grid}@property --at{syntax:"<percentage>";inherits:true;initial-value:46%}.demo{margin:64px 0 0}.win{text-align:left;background:var(--raised);border:1px solid var(--line-2);border-radius:14px;overflow:hidden}.win-bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.win-bar i{background:var(--fill-2);border-radius:50%;width:9px;height:9px}.win-url{text-align:center;color:var(--dim);flex:1;padding-right:39px;font-size:11px}.app{background:var(--bg);padding:22px 24px 14px}.app-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.app-head b{font:400 22px var(--serif);letter-spacing:-.01em}.app-head span{color:var(--dim);font-size:12px}.tasks{margin:0;padding:0;list-style:none}.tasks li{height:42px;color:var(--text);border-top:1px solid var(--line);align-items:center;gap:12px;font-size:14px;display:flex}.tasks li i{width:15px;height:15px;box-shadow:inset 0 0 0 1.5px var(--line-2);border-radius:50%;flex:none}.tasks li.done{color:var(--muted)}.tasks li.done i{background:var(--tl-1);box-shadow:none}.tasks .slot{display:grid}.tasks .slot>span{grid-area:1/1;align-items:center;gap:12px;display:flex}.tasks .t3{opacity:0}.tasks .add{color:var(--dim);padding-left:27px}.dock{border-top:1px solid var(--line-2);background:var(--raised);padding:10px 12px 14px}.dock-bar{align-items:center;margin-bottom:10px;display:flex}.pill{height:32px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:999px;align-items:center;gap:10px;padding:0 12px 0 4px;display:inline-flex}.play{color:#16161a;background:#f2f2f5;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.play svg{margin-left:1px}.time{color:var(--fg);font-variant-numeric:tabular-nums;font-size:12px}.time small{font-size:inherit;color:var(--dim)}.state{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.state:before{content:"";background:var(--muted);border-radius:50%;width:6px;height:6px}.dock-lanes{--end:88%;grid-template-columns:104px minmax(0,1fr);align-items:end;gap:12px;display:grid}.lane-name{color:#fff;white-space:nowrap;background:#ffffff08;border-radius:6px;align-items:center;gap:8px;height:28px;padding:0 8px;font-size:12px;display:flex}.lane-name i{background:var(--tl-1);border-radius:50%;width:8px;height:8px}.track-area{margin-right:6px;padding-top:22px;position:relative}.ruler{border-bottom:1px solid var(--line);height:16px;position:absolute;top:0;left:0;right:0}.ruler span{color:var(--dim);border-left:1px solid var(--line-2);padding-left:4px;font-size:10px;line-height:1;position:absolute;bottom:3px}.line{height:28px;position:relative}.line span{background:var(--tl-1);border-radius:1px;height:2px;position:absolute;top:13px}.line .past{width:var(--at);left:0}.line .ahead{left:var(--at);right:calc(100% - var(--end));opacity:.45}.line .end{left:var(--end);background:var(--raised);width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--tl-1);border-radius:50%;margin-left:-4px;top:10px}.head{top:6px;bottom:-6px;left:var(--at);background:#fff;width:1.5px;margin-left:-.75px;position:absolute}.handle{clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);background:#fff;width:11px;height:12px;margin-left:-5.5px;position:absolute;top:-2px;left:50%}.demo figcaption{color:var(--muted);margin-top:18px;font-size:14px}@media (prefers-reduced-motion:no-preference){.dock-lanes{animation:1.8s cubic-bezier(.45,0,.2,1) .6s both d-back}.tasks .t3{animation:1.8s linear .6s both d-t3}.tasks .add{animation:1.8s linear .6s reverse both d-t3}}@keyframes d-back{0%{--at:88%}to{--at:46%}}@keyframes d-t3{0%,40%{opacity:1}52%,to{opacity:0}}.foot{margin-top:48px;position:relative}.foot.plain{margin-top:0}#threads{width:100%;height:180px;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.foot-line{font-size:var(--small);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:0 4px;margin:0;padding:8px 16px 32px;display:flex}.foot-line a{min-height:40px;transition:color .15s var(--ease);align-items:center;padding:0 10px;display:inline-flex}.foot-line a:hover{color:var(--fg)}.demos{gap:56px;margin-top:64px;display:grid}.pg{min-width:0;margin:0}.pg figcaption{max-width:36ch;color:var(--muted);text-wrap:balance;margin:16px auto 0;font-size:15px;line-height:1.55}.stage{background:var(--raised);height:320px;box-shadow:inset 0 0 0 1px var(--line);text-align:left;border-radius:14px;place-items:center;display:grid;position:relative;overflow:clip}.ghost-btn{all:unset;cursor:pointer;height:40px;color:var(--fg);background:var(--fill-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .15s var(--ease), scale .15s var(--ease);border-radius:999px;align-items:center;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.ghost-btn:hover{background:#ffffff1c}.ghost-btn:active{scale:.97}.toast-empty{color:var(--dim);margin:0 0 40px;font-size:14px}.stage:has(.toast) .toast-empty{visibility:hidden}#toast-add{z-index:2;position:absolute;bottom:20px;left:50%;translate:-50%}.island{all:unset;cursor:pointer;background:var(--raised-2);color:#fff;width:132px;height:40px;box-shadow:inset 0 0 0 1px var(--line-2), 0 10px 30px #00000059;transition:width .55s var(--spring), height .55s var(--spring), border-radius .55s var(--spring), transform .2s var(--ease);border-radius:22px;position:relative}.island:active{transform:scale(.97)}.island[data-state="1"]{width:214px}.island[data-state="2"]{width:236px}.island[data-state="3"]{border-radius:28px;width:284px;height:72px}.island .view{white-space:nowrap;opacity:0;filter:blur(6px);transition:opacity .2s var(--ease), filter .2s var(--ease), transform .2s var(--ease);pointer-events:none;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0;transform:scale(.92)}.island[data-state="0"] .v0,.island[data-state="1"] .v1,.island[data-state="2"] .v2,.island[data-state="3"] .v3{opacity:1;filter:none;transition-duration:.3s;transition-delay:.12s;transform:none}.island .v0{justify-content:center}.island .v1 b{color:var(--red);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:500}.led{border-radius:50%;flex:none;width:8px;height:8px}.led.green{background:var(--green);box-shadow:0 0 10px var(--green)}.led.red{background:var(--red);box-shadow:0 0 10px var(--red);animation:1.2s ease-in-out infinite blink}.led.amber{background:var(--amber);box-shadow:0 0 10px var(--amber)}@keyframes blink{50%{opacity:.35}}.wave{align-items:center;gap:3px;height:18px;margin-left:auto;display:flex}.wave i{background:var(--amber);transform-origin:50%;border-radius:2px;width:3px;height:100%;animation:1s ease-in-out infinite wave}.wave i:nth-child(2){animation-delay:-.8s}.wave i:nth-child(3){animation-delay:-.6s}.wave i:nth-child(4){animation-delay:-.4s}.wave i:nth-child(5){animation-delay:-.2s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.island .v3{gap:12px;padding:0 14px}.take-icon{color:#16161a;background:var(--green);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.take-text{text-align:left;flex-direction:column;gap:4px;display:flex}.take-text small{color:var(--muted);font-size:12px;font-weight:400}.steps-dots{gap:6px;display:flex;position:absolute;bottom:24px;left:50%;translate:-50%}.steps-dots i{width:6px;height:6px;transition:width .3s var(--spring), background-color .3s;background:#ffffff2e;border-radius:999px}.steps-dots i.on{background:#ffffffb3;width:18px}.toasts{width:min(300px,100% - 32px);transform:translate(-50%, calc(-100% + var(--shift,0px)));transition:transform .45s var(--spring);margin:0;padding:0;list-style:none;position:absolute;top:calc(50% + 24px);left:50%}.toasts:before{content:"";height:var(--hover-h,0px);position:absolute;bottom:0;left:0;right:0}.toast{background:var(--raised-2);box-shadow:inset 0 0 0 1px var(--line-2), 0 8px 24px #00000059;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translate(var(--dx,0px), var(--y,0px)) scale(var(--s,1));opacity:var(--o,1);transition:transform .45s var(--spring), opacity .35s var(--ease);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;inset:auto 0 0}.toast.dragging{cursor:grabbing;transition:none}.toast .ic{color:#000;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.toast b{font-size:14px;font-weight:500;display:block}.toast small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;display:block;overflow:hidden}.toast>span:last-child{min-width:0}.palette{background:var(--raised-2);width:min(320px,100% - 32px);box-shadow:inset 0 0 0 1px var(--line-2), 0 16px 40px #00000059;border-radius:14px;position:relative;overflow:hidden}.search{height:44px;color:var(--muted);box-shadow:inset 0 -1px 0 var(--line);align-items:center;gap:10px;padding:0 14px;display:flex}.search input{all:unset;min-width:0;color:var(--fg);flex:1;font-size:14px}.search input::placeholder{color:#6a6a72}.list{height:212px;padding:6px;position:relative}.list .hl{background:var(--fill-2);height:40px;transition:transform .22s var(--spring), opacity .15s;border-radius:9px;position:absolute;top:6px;left:6px;right:6px}.item{all:unset;height:40px;color:var(--muted);cursor:pointer;transition:transform .35s var(--spring), opacity .2s var(--ease), color .15s;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex;position:absolute;top:6px;left:6px;right:6px}.item.active{color:var(--fg)}.item.out{opacity:0;pointer-events:none}.item .ico{border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:grid}.item kbd{color:var(--muted);margin-left:auto;padding:1px 5px;font-size:10px}.palette .empty{text-align:center;color:var(--dim);margin:0;font-size:13px;position:absolute;top:50%;left:0;right:0}.ran{height:28px;color:var(--fg);background:var(--fill-2);opacity:0;transition:opacity .25s var(--ease), transform .35s var(--spring);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translateY(6px)}.ran.show{opacity:1;transform:none}.ran:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}@media (max-width:639px){.top{flex-direction:column;align-items:center;gap:12px;padding:16px 16px 0;display:flex}.top-brand,.top-end{justify-content:center;max-width:100%}.page{padding:64px 16px 72px}.page section{margin-top:80px}.page h2{margin-bottom:24px}.demo{margin-top:44px}.app{padding:18px 16px 10px}.tasks li{height:40px;font-size:13px}.dock{padding:8px 10px 12px}.dock-lanes{grid-template-columns:minmax(0,1fr);gap:6px}.lane-name{justify-self:start}.steps{grid-template-columns:minmax(0,1fr);gap:28px;max-width:300px;margin:0 auto}.demos{gap:44px;margin-top:44px}.stage{height:300px}#threads{height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}