@font-face{font-family:Geist;src:url(./fonts/geist-latin-300-700.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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;src:url(./fonts/geistmono-latin-400-600.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";src:url(./fonts/instrumentserif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{scrollbar-gutter:stable}[hidden]{display:none!important}:root{--bg:#0b0b0c;--bg2:#0f0f11;--s1:#131316;--s2:#18181c;--s3:#202026;--line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.13);--fg:#ededea;--fg2:#b5b4ae;--mut:#94938d;--acc:#ff6a2b;--acc-fg:#0b0b0c;--acc-soft:rgba(255,106,43,.14);--ok:#5fd38d;--shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px -18px rgba(0,0,0,.7);--r:12px;--r2:8px;--ease:cubic-bezier(.2,.7,.2,1);--ease2:cubic-bezier(.65,0,.35,1);--sans:"Geist","DV Heebo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono","DV Heebo",ui-monospace,"SF Mono",Menlo,monospace;--serif:"Instrument Serif","DV Frank Ruhl",Georgia,serif;--pad:clamp(16px,3.2vw,40px);--top:56px;color-scheme:dark}[data-theme=light]{--bg:#f6f5f1;--bg2:#efeee9;--s1:#ffffff;--s2:#f9f8f5;--s3:#efeee9;--line:rgba(20,18,12,.09);--line2:rgba(20,18,12,.16);--fg:#141310;--fg2:#4a4842;--mut:#66635b;--acc:#e8541a;--acc-fg:#fff;--acc-soft:rgba(232,84,26,.1);--ok:#1f9d55;--shadow:0 1px 2px rgba(20,18,12,.04),0 14px 34px -20px rgba(20,18,12,.25);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column;font-feature-settings:"ss01","cv11"}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(1200px 500px at 70% -10%,var(--acc-soft),transparent 60%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.01em;font-variant-numeric:tabular-nums}.muted{color:var(--mut)}.small{font-size:12.5px}kbd{font-family:var(--mono);font-size:11.5px;padding:1px 6px;border:1px solid var(--line2);border-bottom-width:2px;border-radius:5px;color:var(--mut);background:var(--s1)}mark{background:var(--acc-soft);color:var(--acc);border-radius:3px;padding:0 1px}code{font-family:var(--mono);font-size:.92em}pre code{font-size:inherit}.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:12px;top:12px;z-index:99;background:var(--s1);padding:8px 12px;border-radius:8px}.top{position:sticky;top:0;z-index:40;height:var(--top);display:flex;align-items:center;gap:28px;padding:0 var(--pad);background:color-mix(in oklab,var(--bg) 78%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.02em;font-size:15.5px}.brand svg{color:var(--fg)}.badge{font-size:12px;padding:1px 5px;border:1px solid var(--line2);border-radius:4px;color:var(--mut)}.nav{display:flex;gap:4px}.nav a{position:relative;padding:6px 10px;border-radius:7px;color:var(--fg2);font-size:14px;transition:color .2s,background .2s;display:flex;align-items:center;gap:6px}.nav a:hover{color:var(--fg);background:var(--s2)}.nav a.on{color:var(--fg)}.nav a.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-11px;height:1.5px;background:var(--acc);border-radius:2px}.nav b[hidden]{display:none}.nav b{font-size:12px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;background:var(--acc);color:var(--acc-fg);padding:0 5px;font-weight:600}.top-r{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.pal-btn{display:flex;align-items:center;gap:10px;height:34px;padding:0 8px 0 12px;border:1px solid var(--line);border-radius:9px;background:var(--s1);color:var(--mut);font-size:13.5px;min-width:220px;transition:border-color .2s,color .2s}.pal-btn:hover{border-color:var(--line2);color:var(--fg2)}.pal-btn kbd{margin-inline-start:auto}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--fg2);border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}.icon-btn:hover{background:var(--s2);color:var(--fg);border-color:var(--line)}main{flex:1;min-height:calc(100vh - var(--top) + 2px);padding:0 var(--pad) 80px;width:100%;max-width:1680px;margin:0 auto;outline:none}main.enter{animation:fadein .4s var(--ease) backwards}main.enter>*:not(.lib){animation:enter .5s var(--ease) backwards}@keyframes fadein{0%{opacity:0}}@keyframes enter{0%{opacity:0;transform:translateY(6px)}}.intro{padding:clamp(32px,5vw,64px) 0 26px;max-width:1100px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px}.dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--acc-soft);animation:pulse 2.4s var(--ease2) infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px transparent}}h1{font-size:clamp(38px,5.4vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:560;margin:18px 0 0}h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--acc)}.alt-name{font-size:13px;color:var(--fg2);margin:8px 0 0;font-family:var(--mono, ui-monospace, monospace);letter-spacing:0;text-align:start}.lede{font-size:clamp(15.5px,1.4vw,18px);color:var(--fg2);max-width:640px;margin:18px 0 0;line-height:1.6;text-wrap:pretty}.kinds{display:flex;gap:6px;margin-top:28px;flex-wrap:wrap}.kind{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--s1);color:var(--fg2);font-size:14px;transition:all .25s var(--ease)}.kind b{color:var(--mut);font-weight:500}.kind:hover{border-color:var(--line2);color:var(--fg)}.kind.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.kind.on b{color:color-mix(in oklab,var(--bg) 60%,var(--fg))}.lib{display:grid;grid-template-columns:232px minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start;border-top:1px solid var(--line);padding-top:24px}.filters{position:sticky;top:calc(var(--top) + 20px);max-height:calc(100vh - var(--top) - 40px);overflow:auto;scrollbar-width:thin;padding-inline-end:6px}.sheet-head,.sheet-foot{display:none}.fgroup{padding:4px 0 18px;border-bottom:1px solid var(--line);margin-bottom:16px}.fgroup:last-child{border:0}.fgroup h4{margin:0 0 10px;font-weight:500;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;display:flex;align-items:center;gap:8px}.fgroup h4 i{font-style:normal;background:var(--acc);color:var(--acc-fg);border-radius:8px;padding:0 6px;font-size:12px;line-height:17px}.fgroup.clip:not(.expanded) .extra{display:none}.opt{display:flex;align-items:center;gap:10px;width:100%;padding:5px 6px;margin:0 -6px;width:calc(100% + 12px);border-radius:7px;color:var(--fg2);font-size:14px;text-align:start;transition:background .15s,color .15s}.opt:hover:not(:disabled){background:var(--s2);color:var(--fg)}.opt .box{width:14px;height:14px;border-radius:4px;border:1px solid var(--line2);flex:none;transition:all .2s var(--ease);position:relative}.opt.on .box{background:var(--acc);border-color:var(--acc)}.opt.on .box:after{content:"";position:absolute;left:4px;top:1.5px;width:4px;height:7px;border:solid var(--acc-fg);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}.opt.on{color:var(--fg)}.opt .ol{flex:1}.opt b{color:var(--mut);font-weight:400;font-size:12.5px}.opt:disabled{opacity:.35}.linkish{color:var(--mut);margin-top:8px;display:inline-flex;align-items:center;gap:6px;transition:color .2s}.linkish:hover{color:var(--acc)}.seg{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--s1);gap:2px}.seg-b{display:flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:7px;color:var(--mut);font-size:13px;transition:all .2s var(--ease);white-space:nowrap}.seg-b b{font-weight:400;font-size:12px;color:var(--mut)}.seg-b:hover:not(:disabled){color:var(--fg)}.seg-b.on{background:var(--s3);color:var(--fg);box-shadow:0 0 0 1px var(--line2) inset}.seg-b:disabled{opacity:.35}.filters .seg{display:flex}.filters .seg-b{flex:1;justify-content:center}.swatches{display:flex;flex-wrap:wrap;gap:8px}.sw{width:24px;height:24px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px var(--line2) inset;transition:transform .2s var(--ease),box-shadow .2s}.sw:hover{transform:scale(1.12)}.sw.on{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--fg)}.toolbar{display:flex;gap:10px;align-items:center}.search{flex:1;display:flex;align-items:center;gap:10px;height:44px;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:11px;background:var(--s1);color:var(--mut);transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:color-mix(in oklab,var(--acc) 60%,var(--line2));box-shadow:0 0 0 4px var(--acc-soft)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--fg);font-size:15px;height:100%}.search input::placeholder{color:var(--mut)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}#sort{height:44px;border:1px solid var(--line);border-radius:11px;background:var(--s1);padding:0 34px 0 12px;font-size:13.5px;color:var(--fg2);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer}.toolbar .filters-btn{display:none}.status{display:flex;align-items:center;gap:14px;min-height:46px;flex-wrap:wrap;padding:6px 0}#count{color:var(--mut)}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 9px;border-radius:7px;background:var(--s2);border:1px solid var(--line);font-size:12.5px;color:var(--fg);animation:pop .25s var(--ease)}.chip .mono{font-size:12px;color:var(--mut);text-transform:uppercase}.chip svg{width:12px;color:var(--mut)}.chip:hover svg{color:var(--fg)}.chips .linkish{margin:0;margin-inline-start:4px}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:10px;background:var(--fg);color:var(--bg);font-size:14px;font-weight:500;transition:transform .15s var(--ease),opacity .2s,background .2s;white-space:nowrap}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--s1);color:var(--fg);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--line2);opacity:1;background:var(--s2)}.btn.small{height:30px;padding:0 10px;font-size:12.5px;border-radius:8px}.btn b{font-size:12px;background:var(--acc);color:var(--acc-fg);border-radius:8px;padding:0 5px}.btn b:empty{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:300px;grid-auto-flow:dense;gap:18px;transition:opacity .25s}.grid.busy{opacity:.5}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--r);background:var(--s1);border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--ease),border-color .25s,box-shadow .35s var(--ease);animation:cardin .5s var(--ease) both;animation-delay:calc(var(--i) * 35ms);contain:layout paint}@keyframes cardin{0%{opacity:0;transform:translateY(10px)}}.card:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:var(--shadow)}.card.k-section{grid-column:span 2}.card.k-page{grid-row:span 2}.card.leaving{opacity:0;transform:scale(.96);transition:all .25s}.card-hit{position:absolute;inset:0;z-index:2;border-radius:inherit}.card-hit:focus-visible{outline-offset:-2px}.pv{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg2);border-bottom:1px solid var(--line)}.pv iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);background:#fff;color-scheme:normal}.pv.ready iframe{opacity:1}.shimmer{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in oklab,var(--fg) 6%,transparent) 50%,transparent 70%) var(--bg2);background-size:220% 100%;animation:shim 1.4s linear infinite;transition:opacity .4s}.ready>.shimmer{opacity:0;animation:none}@keyframes shim{0%{background-position:120% 0}to{background-position:-120% 0}}.live{position:absolute;z-index:1;inset-inline-start:10px;top:10px;display:flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;background:#0a0a0c9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e9e9e6;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateY(-3px);transition:all .3s var(--ease)}.live i{width:6px;height:6px;border-radius:50%;background:#5fd38d}.pv.ready .live{opacity:0}.card:hover .pv.ready .live,.card:focus-within .pv.ready .live{opacity:1;transform:none}.card-meta{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;height:58px;flex:none}.card-txt{flex:1;min-width:0}.card h3{margin:0;font-size:14px;font-weight:550;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-txt p{margin:2px 0 0;color:var(--mut);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sep{margin:0 6px;opacity:.5}.card-sum{display:none}.fav{position:relative;z-index:3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--mut);transition:color .2s,background .2s,transform .2s var(--ease)}.fav:hover{color:var(--fg);background:var(--s2)}.fav.on{color:var(--acc)}.fav.on svg{fill:currentColor}.fav:active{transform:scale(.85)}.fav.on svg{animation:beat .4s var(--ease)}@keyframes beat{40%{transform:scale(1.25)}}.more{display:flex;justify-content:center;padding:36px 0 0;min-height:40px}.empty{padding:80px 20px;text-align:center;max-width:520px;margin:0 auto}.empty h2{font-size:24px;letter-spacing:-.03em;margin:0 0 8px;font-weight:560}.empty p{color:var(--fg2);margin:0 0 22px}.empty.in-grid{grid-column:1/-1;grid-row:span 2}.detail{padding-top:22px}.crumbs{display:flex;align-items:center;gap:8px;color:var(--mut);flex-wrap:wrap}.crumbs a{display:inline-flex;align-items:center;gap:6px;transition:color .2s}.crumbs a:hover{color:var(--fg)}.crumbs span{opacity:.5}.d-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:22px;flex-wrap:wrap}.d-head h1{font-size:clamp(34px,4.6vw,60px);margin:0}.d-head .lede{margin-top:12px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.tag{font:12px var(--mono);height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:7px;background:var(--acc-soft);color:var(--acc);transition:filter .2s}.tag.alt{background:var(--s2);color:var(--fg2);border:1px solid var(--line)}.tag.ghost{background:none;color:var(--mut);padding:0 4px}.tag:hover{filter:brightness(1.2)}.d-actions{display:flex;gap:8px;flex-wrap:wrap}.fav-btn.on{color:var(--acc)}.fav-btn.on svg{fill:currentColor}.facts{display:flex;flex-wrap:wrap;gap:0;margin:26px 0 0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--s1)}.facts div{flex:1 1 140px;padding:11px 14px;border-inline-end:1px solid var(--line)}.facts div:last-child{border:0}.facts dt{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.facts dd{margin:3px 0 0;color:var(--fg);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ok{color:var(--ok)}.stage{margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);overflow:hidden}.stage-bar{display:flex;align-items:center;gap:14px;padding:10px;border-bottom:1px solid var(--line);background:var(--s1);flex-wrap:wrap}.themes{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.th{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--b) 50%,var(--a) 50%);box-shadow:0 0 0 1px var(--line2) inset;transition:transform .2s var(--ease),box-shadow .2s}.th:hover{transform:scale(1.12)}.th.on{box-shadow:0 0 0 2px var(--s1),0 0 0 3.5px var(--fg)}.stage-info{margin-inline-start:auto;display:flex;align-items:center;gap:6px;color:var(--mut)}.viewport{position:relative;display:flex;justify-content:center;padding:0;min-height:200px;background-image:radial-gradient(color-mix(in oklab,var(--fg) 9%,transparent) 1px,transparent 1px);background-size:16px 16px}.frame-wrap{position:relative;overflow:hidden;background:var(--bg2);transition:width .45s var(--ease2),height .45s var(--ease2),border-radius .45s}.frame-wrap.device{margin:24px 0;border-radius:18px;box-shadow:0 0 0 1px var(--line2),0 30px 60px -30px #0009}.frame-wrap iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff;opacity:0;transition:opacity .4s;color-scheme:normal}.frame-wrap iframe.on{opacity:1}.tabs{display:flex;gap:4px;margin:34px 0 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs button{position:relative;padding:12px 14px;color:var(--mut);font-size:14.5px;transition:color .2s;white-space:nowrap}.tabs button:hover,.tabs button.on{color:var(--fg)}.tabs button.on:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:1.5px;background:var(--acc)}.tabs.small{margin-top:14px}.tabs.small button{font-size:13.5px;padding:10px 12px}.panel{padding-top:22px;animation:enter .35s var(--ease)}.code-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}.code-box{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--s1)}.files{border-inline-end:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:2px;background:var(--bg2)}.files button{display:flex;justify-content:space-between;gap:8px;text-align:start;padding:8px 10px;border-radius:7px;color:var(--fg2);font-size:13px;word-break:break-all;transition:background .15s,color .15s}.files button em{font-style:normal;color:var(--mut);font-size:12px;white-space:nowrap}.files button:hover{background:var(--s2);color:var(--fg)}.files button.on{background:var(--s3);color:var(--fg);box-shadow:inset 2px 0 0 var(--acc)}.code-scroll{position:relative;min-width:0}.code{margin:0;padding:18px 20px;overflow:auto;max-height:560px;font:13px/1.65 var(--mono);color:var(--fg2);tab-size:2;background:var(--s1)}.code.small{padding:12px 14px;font-size:12.5px;max-height:none;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg2)}.connect .code{border:1px solid var(--line);border-radius:var(--r);padding-right:90px}.copy-file{position:absolute;top:10px;right:12px;background:var(--s3);color:var(--fg);border:1px solid var(--line2)}.t-com{color:var(--mut);font-style:italic}.t-str{color:#9fd88a}.t-kw{color:#ff9a6b}.t-tag{color:#7fb8ff}.t-attr{color:#e5c07b}.t-num{color:#d4a5ff}.t-fn{color:#79d4d8}[data-theme=light] .t-str{color:#2f7d32}[data-theme=light] .t-kw{color:#c2410c}[data-theme=light] .t-tag{color:#1d5fd1}[data-theme=light] .t-attr{color:#9a6700}[data-theme=light] .t-num{color:#7b3fc4}[data-theme=light] .t-fn{color:#0e7c86}.notes{overflow-wrap:anywhere;margin:14px 0 0;padding:0 0 0 18px;color:var(--fg2);font-size:13.5px;display:grid;gap:4px}.spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.spec-card{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:var(--r);background:var(--s1);padding:16px 18px;min-width:0}.spec-card.wide{grid-column:span 3}.spec-card h3{margin:0 0 12px;font-weight:500;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px}.spec-card ul{margin:0;padding:0 0 0 16px;color:var(--fg2);font-size:13.5px;display:grid;gap:6px}.spec-card ul b{color:var(--fg);margin-inline-end:6px;font-weight:500}.spec-card p{margin:0;color:var(--fg2);font-size:13.5px}.spec-card dl{margin:0;display:grid;gap:0}.kv{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px}.kv:last-child{border:0}.kv dt{color:var(--mut);flex:none}.kv.long{flex-direction:column;gap:4px}.kv.long dd{text-align:start;color:var(--fg2);line-height:1.5}.kv dd{margin:0;text-align:end;color:var(--fg);word-break:break-word}dl.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));column-gap:24px}.tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.token{display:grid;grid-template-columns:1fr;gap:4px;text-align:start;padding:8px;border-radius:10px;border:1px solid var(--line);transition:border-color .2s,transform .2s var(--ease)}.token:hover{border-color:var(--line2);transform:translateY(-2px)}.chip-c{height:54px;border-radius:6px;box-shadow:inset 0 0 0 1px #7f7f7f40}.t-k{color:var(--mut);font-size:12px}.t-v{color:var(--fg);font-size:13px}.tscroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:start;color:var(--mut);font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.07em;padding:0 0 8px;padding-inline-end:12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 12px 9px 0;border-bottom:1px dashed var(--line);color:var(--fg2);vertical-align:middle}tr:last-child td{border:0}td.mono{font-size:12.5px;white-space:nowrap}.sample{font-size:22px;color:var(--fg);margin-inline-end:8px;vertical-align:middle}.ease{display:flex;align-items:center;gap:8px;color:var(--fg2)}.ease svg{color:var(--acc);flex:none}.scale{display:grid;gap:5px;margin-bottom:10px}.scale div{display:flex;align-items:center;gap:10px}.scale span{height:8px;border-radius:2px;background:var(--acc);opacity:.8;min-width:2px}.scale b{font-size:12px;font-weight:400;color:var(--mut)}.agent{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:14px;align-items:start}.agent-side{display:grid;gap:14px}.call{position:relative;margin-bottom:10px}.call .btn{position:absolute;top:8px;right:8px}.guide-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.guide-head h3{margin:0}.ctx{display:grid;gap:6px;margin-bottom:14px}.ctx span{color:var(--mut)}.ctx input{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);padding:0 12px;outline:0}.ctx input:focus{border-color:var(--acc)}.md{overflow-wrap:anywhere;font-size:14px;color:var(--fg2);max-height:620px;overflow:auto;padding-inline-end:8px;margin-bottom:14px}.md h3,.md h4,.md h5{color:var(--fg);font-size:14px;margin:18px 0 6px;font-weight:600;letter-spacing:-.01em}.md h3{font-size:18px;margin-top:0}.md ul,.md ol{padding-inline-start:18px;margin:0;display:grid;gap:3px}.md p{margin:6px 0}.md code{background:var(--s3);padding:1px 5px;border-radius:4px;color:var(--fg)}.similar{margin-top:56px}.similar h2,.connect h2,.toolsec h2{font-size:22px;letter-spacing:-.03em;font-weight:560;margin:0 0 16px}.grid.compact{grid-auto-rows:270px}.page-head{padding:clamp(36px,6vw,72px) 0 30px;max-width:980px}.page-head h1{font-size:clamp(34px,5vw,68px)}.honest{display:inline-flex;margin-top:20px;padding:7px 11px;border-radius:8px;border:1px dashed var(--line2);color:var(--fg2)}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--s1);margin-bottom:44px}.step{padding:20px;border-inline-end:1px solid var(--line);position:relative}.step:last-child{border:0}.step b{color:var(--acc)}.step h3{margin:14px 0 4px;font-size:18px;letter-spacing:-.02em;font-weight:560}.step p{margin:0;color:var(--fg2);font-size:13.5px}.connect{margin-bottom:44px}.connect .code-scroll{margin-top:12px}.connect p{margin-top:10px}.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.tool{background:var(--s1);padding:16px 18px;display:grid;gap:4px;align-content:start}.tool code{color:var(--fg);font-size:13.5px;font-weight:500}.tool .args{color:var(--acc);font-size:12px}.tool p{margin:4px 0 0;color:var(--fg2);font-size:13.5px}.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px var(--pad) calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--fg2);font-size:13px}.foot a{text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}.foot a:hover{color:var(--acc)}.palette{position:fixed;inset:0;z-index:80;background:#05050680;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;opacity:0;transition:opacity .16s}.palette[hidden]{display:none}.palette.on{opacity:1}.pal-box{width:min(640px,100%);border-radius:16px;background:var(--s1);border:1px solid var(--line2);box-shadow:0 40px 100px -30px #000000b3;overflow:hidden;transform:translateY(-8px) scale(.985);transition:transform .22s var(--ease)}.palette.on .pal-box{transform:none}.pal-in{display:flex;align-items:center;gap:12px;padding:0 16px;height:56px;border-bottom:1px solid var(--line);color:var(--mut)}.pal-in input{flex:1;border:0;outline:0;background:none;font-size:16px;color:var(--fg);min-width:0}.pal-list{max-height:min(420px,55vh);overflow:auto;padding:6px}.pal-g{color:var(--mut);padding:10px 10px 6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.pal-i{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:9px;text-align:start;font-size:14px}.pal-i.on{background:var(--s3)}.pal-l{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal-sw{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--b) 50%,var(--a) 50%);box-shadow:inset 0 0 0 1px var(--line2);flex:none;display:grid;place-items:center}.pal-sw.cmd{background:var(--s2);color:var(--mut)}.pal-sw.cmd svg{width:13px}.pal-empty{padding:24px;text-align:center}.pal-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--line);color:var(--mut);font-size:12px}.pal-foot kbd{margin-inline-end:3px;font-size:11px}.toast{position:fixed;left:50%;bottom:28px;z-index:90;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px;background:var(--fg);color:var(--bg);font-size:13.5px;font-weight:500;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:all .3s var(--ease);box-shadow:0 20px 40px -14px #00000080;max-width:calc(100vw - 32px)}.toast.on{transform:translate(-50%);opacity:1}.scrim{display:none}@media(max-width:1100px){.spec{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-card.wide{grid-column:span 2}.agent{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-inline-end:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:900px){.lib{grid-template-columns:1fr;border-top:0;padding-top:4px}.toolbar .filters-btn{display:inline-flex}.filters{position:fixed;inset:auto 0 0;z-index:70;max-height:82vh;padding:0 20px calc(16px + env(safe-area-inset-bottom));background:var(--s1);border-top:1px solid var(--line2);border-radius:20px 20px 0 0;transform:translateY(105%);transition:transform .4s var(--ease);box-shadow:0 -30px 60px -20px #0009;display:flex;flex-direction:column;overflow:hidden}#facets{overflow:auto;flex:1;padding-top:6px;overscroll-behavior:contain}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0 10px;border-bottom:1px solid var(--line);position:relative}.sheet-head:before{content:"";position:absolute;top:7px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--line2)}.sheet-foot{display:flex;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.sheet-foot .btn{flex:1}.sheet-open .filters{transform:none}.scrim{display:block;position:fixed;inset:0;z-index:60;background:#00000073;opacity:0;pointer-events:none;transition:opacity .3s}.sheet-open .scrim{opacity:1;pointer-events:auto}.sheet-open{overflow:hidden}.pal-btn{min-width:0}.pal-btn span,.pal-btn kbd{display:none}.pal-btn{width:34px;padding:0;justify-content:center}}@media(max-width:640px){:root{--top:52px}.top{gap:12px;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}.brand .badge{display:none}.nav{position:fixed;left:0;right:0;bottom:0;z-index:45;justify-content:space-around;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.nav a{flex:1;justify-content:center;font-size:13px;padding:9px 6px}.nav a.on:after{bottom:auto;top:-7px}.foot{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.toast{bottom:84px}main{padding-bottom:40px}.intro{padding-top:32px}.kinds{flex-wrap:nowrap;overflow-x:auto;margin:26px calc(-1 * var(--pad)) 0;padding:0 var(--pad);scrollbar-width:none}.kinds::-webkit-scrollbar{display:none}.kind{flex:none}.toolbar{flex-wrap:wrap}.search{flex:1 1 100%;order:-1}.search kbd{display:none}.filters-btn,#sort{flex:1}.grid,.grid.compact{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.card.k-section,.card.k-page{grid-column:auto;grid-row:auto}.card .pv{flex:none;aspect-ratio:16/10}.card.k-page .pv{aspect-ratio:4/5}.card.k-component .pv,.card.k-effect .pv{aspect-ratio:4/3}.d-actions{width:100%}.d-actions .btn{flex:1;padding:0 10px}.detail{display:flex;flex-direction:column}.detail>.facts{order:3;display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.detail>.stage{order:2}.detail>.tabs{order:4}.detail>.panel{order:5}.detail>.similar{order:6}.facts div{border-bottom:1px solid var(--line);padding:9px 12px;min-width:0}.facts div:nth-child(2n){border-inline-end:0}.facts dd{white-space:normal;font-size:13px}.tags .tag.ghost{display:none}.d-head{gap:18px;margin-top:16px}.themes{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:4px;margin:-4px;scrollbar-width:none;order:3;flex:1 1 100%}.stage-bar .seg{order:1}.stage-info{order:2}.stage{margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));border-radius:0;border-left:0;border-right:0}.stage-bar{gap:10px}.frame-wrap.device{margin:0;border-radius:0;box-shadow:none}.stage-bar .seg-b span{display:none}.stage-info{margin-inline-start:auto}.code-box{grid-template-columns:minmax(0,1fr)}.files{flex-direction:row;overflow-x:auto;border-inline-end:0;border-bottom:1px solid var(--line);scrollbar-width:none}.files button{flex:none;word-break:normal}.files button em{display:none}.code{max-height:420px;font-size:12.5px;padding:14px}.spec{grid-template-columns:1fr}.spec-card.wide{grid-column:auto}.flow{grid-template-columns:1fr}.step{border-inline-end:0!important;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.tools{grid-template-columns:1fr}.seg.fw{width:100%;display:flex}.seg.fw .seg-b{flex:1;justify-content:center;padding:0 6px}}.tries{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;font-size:12.5px}.tries .muted{margin-inline-end:4px}.try{font:inherit;color:var(--mut);background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.try:hover,.try:focus-visible{color:var(--fg, inherit);border-color:var(--line2);background:var(--s1)}.picks{margin:0 0 34px}.picks-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0 0 14px}.picks-head h2{white-space:nowrap}.picks-head h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em}.picks-head .muted{font-size:12.5px}.picks-nav{margin-inline-start:auto;display:flex;gap:6px}.picks-nav .flip{display:inline-flex;transform:scaleX(-1)}.picks-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 6px}.picks-row::-webkit-scrollbar{display:none}.card.pick{height:460px;scroll-snap-align:start}@media(max-width:1100px){.picks-row{grid-auto-columns:calc((100% - 2 * 18px) / 3)}}@media(max-width:640px){.picks-row{grid-auto-columns:78%;gap:12px}.card.pick{height:420px}.picks-nav{display:none}.picks{margin-bottom:24px}.picks-head .muted{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#admin-wrap:has(#admin-link[hidden]){display:none}@font-face{font-family:DV Heebo;src:url(./fonts/heebo-hebrew-300-800.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:DV Frank Ruhl;src:url(./fonts/frankruhl-hebrew-400-500.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}html[lang=he]:not(.i18n-ready) [data-i18n]:not([data-pre]),html[lang=he]:not(.i18n-ready) [data-i18n-html]:not([data-pre]){visibility:hidden}.lang-btn{height:34px;min-width:38px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--s1);color:var(--fg2);font:600 13px/1 var(--sans);transition:border-color .2s,color .2s,background .2s}.lang-btn:hover{border-color:var(--line2);color:var(--fg);background:var(--s2)}.lang-btn[lang=he]{font-family:"DV Heebo",var(--sans);font-size:14px}pre.code,.code-box,.code-scroll,.call,.viewport,.frame-wrap,.tokens,kbd,.pv{direction:ltr;text-align:left}[lang=he] body{line-height:1.6}[lang=he] .mono:not([dir=ltr]){letter-spacing:0}[lang=he] h1,[lang=he] h2,[lang=he] h3{letter-spacing:0}[lang=he] h1 em,[lang=he] h2 em{font-style:normal}[lang=he] th,[lang=he] .chip .mono,[lang=he] .live{letter-spacing:0}[lang=he] .lede{line-height:1.7}[dir=rtl] #sort{padding:0 12px 0 34px;background-position:left 13px center}[dir=rtl] .search{padding:0 14px 0 12px}[dir=rtl] .pal-btn{padding:0 12px 0 8px}[dir=rtl] .chip{padding:0 9px 0 6px}[dir=rtl] .fwd,[dir=rtl] .crumbs a svg{display:inline-flex;transform:scaleX(-1)}[dir=rtl] .picks-nav .flip{transform:none}[dir=rtl] body:before{background:radial-gradient(1200px 500px at 30% -10%,var(--acc-soft),transparent 60%)}[dir=rtl] .files button.on{box-shadow:inset 2px 0 0 var(--acc)}[dir=rtl] .md,[dir=rtl] .notes{text-align:left}[dir=rtl] .opt b,[dir=rtl] .kind b{font-variant-numeric:tabular-nums}[dir=rtl] .card-meta{padding:11px 14px 11px 12px}[dir=rtl] td{padding:9px 0 9px 12px}[dir=rtl] .d-head h1,[dir=rtl] .d-head .lede,[dir=rtl] .page-head .lede[lang=en]{text-align:right}.fgroup .fh{margin:0 0 10px;font-weight:500;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;display:flex;align-items:center;gap:8px}.fgroup .fh i{font-style:normal;background:var(--acc);color:var(--acc-fg);border-radius:8px;padding:0 6px;font-size:12px;line-height:17px}.fgroup.cats .all{display:none}.fgroup.cats.expanded .all{display:block}.fgroup.cats.expanded .top{display:none}.fsearch{width:100%;height:36px;margin:2px 0 10px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--s1);color:var(--fg);font:inherit;font-size:14px}.fsub h4{margin:12px 0 6px;font-size:12px;font-weight:500;color:var(--fg2);letter-spacing:.04em}[lang=he] .fgroup .fh,[lang=he] .fsub h4{letter-spacing:0;text-transform:none;font-family:var(--sans);font-size:13.5px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[lang=he] :is(h1,h2,h3,.lede,.eyebrow){letter-spacing:normal}[lang=he] h1{line-height:1.15}[lang=he] h1 em{font-family:var(--sans);font-style:normal;font-weight:800;letter-spacing:normal}[lang=he] :is(.eyebrow,.card-meta p,.chip .mono,.tries,.try,.crumbs,.tag){font-family:var(--sans)}[lang=he] :is(.tries,.try){font-size:13.5px;letter-spacing:normal}[lang=he] :is(.eyebrow,.card-meta p,.crumbs,.tag){font-size:max(13px,1em)}.card-meta .cm-cat{color:var(--fg2)}.card-meta .cm-sty{color:var(--mut)}@media(max-width:640px){input,select,textarea{font-size:16px!important}:is(.icon-btn,.lang-btn,.pal-btn,.kind,.chip,.tag,.seg-b,.opt,.sw,.fav,.linkish,.tabs button,.dev button,.fw button){position:relative}:is(.icon-btn,.lang-btn,.pal-btn,.kind,.chip,.tag,.seg-b,.sw,.fav,.linkish,.tabs button,.dev button,.fw button):before{content:"";position:absolute;inset:-6px -2px;min-height:44px}.kinds{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to var(--fade-to,right),#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to var(--fade-to,right),#000 calc(100% - 36px),transparent);padding-inline-end:28px}[dir=rtl] .kinds{--fade-to:left}.kind{flex-shrink:0}.kinds::-webkit-scrollbar{display:none}}pre.code.wrap,pre.code.wrap code{white-space:pre-wrap;word-break:break-word}.code-tools{position:absolute;top:10px;inset-inline-end:10px;display:flex;gap:6px;z-index:2}.code-tools .copy-file{position:static}.qa-warn{margin-top:6px;font-size:13px}.qa-warn summary{cursor:pointer;color:var(--fg2)}.qa-warn ul{margin:6px 0 0;padding-inline-start:18px;color:var(--mut)}.foot-about{flex-basis:100%;order:3;font-size:13px}.install-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.picks-row{min-height:468px}@media(max-width:640px){.picks-row{min-height:428px}}