.wb{--wb-bg:#0e0e0f;--wb-panel:#161617;--wb-line:#ffffff14;--wb-hi:#ffffffeb;--wb-mid:#ffffff8f;--wb-lo:#ffffff52;--wb-acc:#d9f24b;z-index:40;background:var(--wb-bg);color:var(--wb-hi);font:400 13px/18px var(--font-sans);letter-spacing:0;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:fixed;inset:0;overflow:hidden}.wb[data-pending]>*{visibility:hidden}.wb button,.wb input,.wb summary{font:inherit;color:inherit}.wb a{color:inherit;text-decoration:none}.wb :focus-visible{outline:2px solid var(--wb-acc);outline-offset:2px;border-radius:4px}.wb-k{color:var(--wb-lo);margin:0 0 10px}.wb-dim{color:var(--wb-mid)}.wb-faint{color:var(--wb-lo);margin:0}.wb-top{z-index:6;background:var(--wb-panel);border-bottom:1px solid var(--wb-line);align-items:center;gap:16px;height:44px;padding:0 14px;display:flex;position:absolute;inset:0 0 auto}.wb-title{white-space:nowrap;flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}.wb-name{font-weight:500}.wb-slash{color:var(--wb-lo)}.wb-phase span[data-on]{transition:opacity .45s,color .45s}.wb-phase span[data-on=false]{opacity:.32}.wb-phase span[data-on=true]{opacity:1}.wb-phase .wb-arrow{opacity:.32}.wb .wb-arrow{font-family:Segoe UI Symbol,Apple Symbols,system-ui,sans-serif}.wb-tools{flex:none;align-items:center;gap:2px;display:flex}.wb-tools button{height:28px;color:var(--wb-mid);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.wb-tools button:hover{color:var(--wb-hi)}.wb-tools button[aria-pressed=true]{color:var(--wb-hi);background:#ffffff14}.wb-tools kbd{font:inherit;color:var(--wb-lo);font-size:11px}.wb-tools .wb-dimbtn{color:var(--wb-lo)}.wb-nav{flex:1 1 0;justify-content:flex-end;align-items:center;gap:16px;display:flex}.wb-nav a,.wb-nav button{color:var(--wb-mid);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}.wb-nav a:hover,.wb-nav button:hover{color:var(--wb-hi)}.wb-nav .wb-lang{color:var(--wb-lo)}.wb-viewport{background:var(--wb-bg);touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:44px 0 28px;overflow:hidden}.wb[data-tool=hand] .wb-viewport{cursor:grab}.wb[data-tool=hand] .wb-viewport:active{cursor:grabbing}.wb-stars,.wb-grid{pointer-events:none;position:absolute;inset:0}.wb-grid{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1.3px);background-size:24px 24px}.wb-layer{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.wb-layer.is-smooth{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.wb:not([data-ready]) .wb-layer{opacity:0}.wb[data-ready] .wb-layer{opacity:1;transition:opacity .6s}.wb[data-ready] .wb-layer.is-smooth{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .6s}.wb-board{transform-origin:50%;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute}.wb-label{transform-origin:0 100%;color:var(--wb-lo);white-space:nowrap;pointer-events:none;font-size:11px;line-height:14px;position:absolute;bottom:calc(100% + 6px);left:0}.wb-board[data-selected] .wb-label,.wb-board[data-hover] .wb-label{color:var(--wb-hi)}.wb-art{background:#1a1a1c;border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 60px #00000073}.wb-art img{object-fit:cover;object-position:top;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.wb-board[data-hover] .wb-art{outline-offset:0;outline:1px solid #d9f24b99}.kind-knot .wb-art{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.wb-knot{pointer-events:none;position:absolute;inset:0}.wb-knot canvas{pointer-events:none}.wb-hit{z-index:2;cursor:default;background:0 0;border:0;border-radius:8px;padding:0;position:absolute;inset:0}.wb[data-tool=hand] .wb-hit{cursor:inherit}.wb-handles{inset:calc(var(--bw)*-1);z-index:3;border:var(--bw)solid var(--wb-acc);pointer-events:none;position:absolute}.wb-handles i{width:var(--hs);height:var(--hs);background:var(--wb-bg);border:var(--bw)solid var(--wb-acc);pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.wb-handles i:after{content:"";inset:calc(var(--hs)*-.8);position:absolute}.wb-handles i:hover{background:var(--wb-acc)}.wb-handles .h-nw,.wb-handles .h-se{cursor:nwse-resize}.wb-handles .h-ne,.wb-handles .h-sw{cursor:nesw-resize}.wb-handles .h-n,.wb-handles .h-s{cursor:ns-resize}.wb-handles .h-e,.wb-handles .h-w{cursor:ew-resize}.wb[data-tool=hand] .wb-handles i{pointer-events:none}.wb-handles .h-nw{top:0;left:0}.wb-handles .h-n{top:0;left:50%}.wb-handles .h-ne{top:0;left:100%}.wb-handles .h-e{top:50%;left:100%}.wb-handles .h-se{top:100%;left:100%}.wb-handles .h-s{top:100%;left:50%}.wb-handles .h-sw{top:100%;left:0}.wb-handles .h-w{top:50%;left:0}.wb-browser{background:#fff;flex-direction:column;height:100%;display:flex}.wb-browser-bar{background:#1d1d1f;flex:0 0 26px;align-items:center;gap:5px;height:26px;padding:0 10px;display:flex}.wb-browser-bar i,.wb-terminal-bar i{background:#ffffff2e;border-radius:50%;width:7px;height:7px}.wb-browser-bar span{color:var(--wb-mid);background:#ffffff0f;border-radius:999px;margin-left:10px;padding:1px 10px;font-size:10.5px;line-height:16px}.wb-browser img{flex:auto;min-height:0}.kind-terminal .wb-art{background:#0a0a0b;border:1px solid #ffffff1a}.wb-terminal{flex-direction:column;height:100%;display:flex}.wb-terminal-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:5px;height:24px;padding:0 10px;display:flex}.wb-terminal-bar span{color:var(--wb-lo);margin-left:8px;font-size:10.5px}.wb-terminal-body{font-variant-ligatures:none;color:#ffffffc7;white-space:pre-wrap;flex:1;margin:0;padding:12px 14px;font:12px/19px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.wb-terminal-body code{font:inherit;font-variant-ligatures:none}.wb-caret{color:var(--wb-acc);animation:1.1s step-end infinite wb-blink}@keyframes wb-blink{50%{opacity:0}}.wb-remote{z-index:8;transform-origin:0 0;pointer-events:none;opacity:0;transition:left 1.5s cubic-bezier(.3,.7,.2,1),top 1.5s cubic-bezier(.3,.7,.2,1),opacity .4s;position:absolute}.wb-remote[data-on]{opacity:1}.wb-remote svg{filter:drop-shadow(0 2px 4px #00000080);display:block}.wb-remote span{background:var(--wb-acc);color:#0e0e0f;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500;line-height:15px;position:absolute;top:16px;left:13px}.wb-panel{z-index:5;background:var(--wb-panel);border:1px solid var(--wb-line);scrollbar-width:thin;border-radius:10px;padding:12px;position:absolute;top:52px;bottom:36px;overflow:auto}.wb-layers{width:212px;left:8px}.wb-props{width:240px;right:8px}.wb-layers ul{margin:0;padding:0;list-style:none}.wb-layers button{width:100%;color:var(--wb-mid);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex;overflow:hidden}.wb-layers button:hover{color:var(--wb-hi);background:#ffffff0a}.wb-layers button[aria-current]{color:var(--wb-hi);background:#d9f24b1a}.wb-glyph{color:var(--wb-lo);text-align:center;flex:0 0 12px;width:12px}.wb-layers button[aria-current] .wb-glyph{color:var(--wb-acc)}.wb-props-head{justify-content:space-between;align-items:flex-start;display:flex}.wb-close{color:var(--wb-mid);cursor:pointer;background:0 0;border:0;font-size:18px;line-height:18px}.wb-prop-title{margin:0 0 4px;font-size:13px;font-weight:500;line-height:18px}.wb-props .wb-dim{margin:0}.wb-line{color:#ffffffb8;margin:14px 0 0}.wb-open{color:var(--wb-hi);border-bottom:1px solid #d9f24b99;margin-top:16px;display:inline-block}.wb-open:hover{border-bottom-color:var(--wb-acc)}.wb-morph{margin-top:18px;display:block}.wb-morph .wb-k{margin-bottom:8px;display:block}.wb-morph-row{align-items:center;gap:10px;display:flex}.wb-bang{color:var(--wb-acc);font-weight:500}.wb-morph input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0}.wb-morph input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--wb-acc)var(--p),#ffffff24 var(--p));border-radius:2px;height:2px}.wb-morph input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--wb-acc)var(--p),#ffffff24 var(--p));border-radius:2px;height:2px}.wb-morph input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--wb-acc);border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px}.wb-morph input[type=range]::-moz-range-thumb{background:var(--wb-acc);border:0;border-radius:50%;width:12px;height:12px}.wb-toggle{color:var(--wb-mid);cursor:pointer;align-items:center;gap:8px;margin-top:14px;display:flex}.wb-toggle input{accent-color:var(--wb-acc);margin:0}.wb-status{z-index:6;background:var(--wb-panel);border-top:1px solid var(--wb-line);height:28px;color:var(--wb-mid);font-variant-numeric:tabular-nums;align-items:center;gap:16px;padding:0 14px;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.wb-status-link{color:var(--wb-lo)}.wb-status-link:hover{color:var(--wb-hi)}.wb-status-right{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.wb-live{background:var(--wb-acc);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite wb-pulse}@keyframes wb-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.wb-caret,.wb-live{animation:none}.wb-board,.wb-layer.is-smooth,.wb-remote{transition:none}}.wb:not([data-desktop]){min-height:100dvh;position:relative;inset:auto;overflow:visible}.wb:not([data-desktop]) .wb-top{position:sticky;top:0}.wb:not([data-desktop]) .wb-viewport{touch-action:auto;-webkit-user-select:auto;user-select:auto;position:relative;inset:auto;overflow:visible}.wb:not([data-desktop]) .wb-grid{position:fixed}.wb:not([data-desktop]) .wb-layer{opacity:1;flex-direction:column;gap:56px;padding:56px 20px 120px;display:flex;position:relative}.wb:not([data-desktop]) .wb-board{order:2;margin-inline:auto;position:relative;width:min(100%,calc(var(--w)*1.15))!important;height:auto!important;top:auto!important;left:auto!important;transform:none!important}.wb:not([data-desktop]) .wb-art{position:relative;inset:auto}.wb:not([data-desktop]) .wb-art img{height:auto}.wb:not([data-desktop]) .kind-knot{aspect-ratio:1;order:0;margin-top:8px;width:min(100%,520px)!important}.wb:not([data-desktop]) .kind-knot .wb-art{position:absolute;inset:0}.wb:not([data-desktop]) .kind-terminal{height:176px!important}.wb:not([data-desktop]) .kind-terminal .wb-art{position:absolute;inset:0}.wb:not([data-desktop]) .wb-browser img{height:auto}.wb-mobile-morph{background:var(--wb-panel);border:1px solid var(--wb-line);border-radius:14px;order:1;align-self:center;width:min(100%,360px);margin-top:-32px;padding:12px 16px 14px}.wb-mobile-morph .wb-morph{margin:0}.wb-menu{margin-left:auto;position:relative}.wb-menu summary{color:var(--wb-mid);cursor:pointer;list-style:none}.wb-menu summary::-webkit-details-marker{display:none}.wb-menu[open] .wb-nav{background:var(--wb-panel);border:1px solid var(--wb-line);border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;min-width:160px;padding:14px 16px;position:absolute;top:calc(100% + 12px);right:0}.wb-props[data-sheet]{z-index:20;width:auto;max-height:60vh;position:fixed;inset:auto 8px 8px;box-shadow:0 -12px 40px #00000080}.wb-layer-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.wb-browser.is-scroll img{object-position:50% 0%;transition:object-position .9s cubic-bezier(.2,.8,.2,1)}.wb-board:hover .wb-browser.is-scroll img,.wb-board[data-selected] .wb-browser.is-scroll img{object-position:50% 100%;transition:object-position 7s linear .3s}.wb-pin{z-index:7;transform-origin:0 0;align-items:flex-start;gap:8px;display:flex;position:absolute}.wb-pin[data-side=left]{flex-direction:row-reverse}.wb-pin[data-side=left] .wb-pin-dot{border-radius:50% 50% 4px}.wb-pin[data-side=left] .wb-pin-body{border-radius:12px 4px 12px 12px}.wb-pin-dot{border:2px solid var(--wb-bg);background:var(--wb-acc);cursor:pointer;border-radius:50% 50% 50% 4px;flex:none;place-items:center;width:26px;height:26px;padding:0;font-size:12px;font-weight:500;display:grid;box-shadow:0 6px 18px #00000073;color:#0e0e0f!important}.wb-pin-body{border:1px solid var(--wb-line);max-width:260px;color:var(--wb-hi);background:#1f1f21;border-radius:4px 12px 12px;flex-direction:column;gap:2px;padding:8px 12px 10px;animation:.35s cubic-bezier(.2,.8,.2,1) wb-pop;display:flex;box-shadow:0 12px 32px #00000080}.wb-pin-who{color:var(--wb-lo);font-size:11px}@keyframes wb-pop{0%{opacity:0;transform:translateY(4px)}}.wb-quote{display:grid}.wb-quote>span{grid-area:1/1;transition:opacity .6s}.wb-quote .wb-quote-b,.wb-quote[data-answer] .wb-quote-a{opacity:0}.wb-quote[data-answer] .wb-quote-b{opacity:1}.wb-peek{z-index:7;transform-origin:0 0;background:var(--wb-panel);border:1px solid var(--wb-line);border-radius:10px;width:300px;padding:14px 16px;animation:.4s cubic-bezier(.2,.8,.2,1) wb-pop;position:absolute;box-shadow:0 16px 40px #00000080}.wb-peek p{margin:0}.wb-peek-title{font-weight:500;margin-bottom:2px!important}.wb-peek .wb-line{margin-top:10px}.wb-peek-actions{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.wb-peek .wb-open{margin-top:0}.wb-peek-close{color:var(--wb-lo);cursor:pointer;background:0 0;border:0;padding:0}.wb-peek-close:hover{color:var(--wb-hi)}.wb-tip{color:var(--wb-acc);margin-top:8px;font-size:11px;animation:1.8s ease-in-out infinite wb-nod;display:block}@keyframes wb-nod{50%{opacity:.7;transform:translateY(-2px)}}.wb-hint{color:var(--wb-lo);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.wb-mobile-quote{color:var(--wb-hi);flex-direction:column;gap:2px;margin:14px 4px 0;display:flex}@media (prefers-reduced-motion:reduce){.wb-tip,.wb-pin-body,.wb-peek{animation:none}.wb-board:hover .wb-browser.is-scroll img,.wb-board[data-selected] .wb-browser.is-scroll img{transition:none}}