.arc-surface:has(>.grd-board){box-shadow:0 4px 0 0 var(--color-cobalt-deep);border-radius:16px;padding:6px}@media (min-width:640px){.arc-surface:has(>.grd-board){padding:14px}}@media (min-width:768px){.arc-surface:has(>.grd-board){padding:18px}}.grd-grid{border-radius:12px;outline:none}.grd-grid:focus-visible{outline:3px solid var(--color-cobalt);outline-offset:3px}.grd-grid svg{overflow:visible}.grd-line{vector-effect:non-scaling-stroke}.grd-stop .grd-stop-face{fill:var(--color-ink);transition:transform .11s var(--ease-out), fill .15s var(--ease-out), stroke .15s var(--ease-out)}.grd-stop .grd-stop-lip{fill:#000;transition:opacity .11s var(--ease-out)}.grd-stop .grd-stop-num{fill:#fff;transition:transform .11s var(--ease-out), fill .15s var(--ease-out)}.grd-stop[data-st=next] .grd-stop-face{fill:var(--color-yellow)}.grd-stop[data-st=next] .grd-stop-lip{fill:var(--color-yellow-deep)}.grd-stop[data-st=next] .grd-stop-num{fill:var(--color-ink)}.grd-stop[data-st=done] .grd-stop-face,.grd-stop[data-st=done] .grd-stop-num{transform:translateY(var(--grd-lip,.06px))}.grd-stop[data-st=done] .grd-stop-face{fill:#fff;stroke:var(--color-cobalt)}.grd-stop[data-st=done] .grd-stop-lip{opacity:0}.grd-stop[data-st=done] .grd-stop-num{fill:var(--color-cobalt-ink)}.grd-stop[data-st=wrong] .grd-stop-face,.grd-stop[data-st=wrong] .grd-stop-num{transform:translateY(var(--grd-lip,.06px))}.grd-stop[data-st=wrong] .grd-stop-face{fill:var(--color-red)}.grd-stop[data-st=wrong] .grd-stop-lip{opacity:0}.grd-stop[data-st=wrong] .grd-stop-num{fill:#fff}.grd-wrong{animation:grd-in .15s var(--ease-out) both}@keyframes grd-in{0%{opacity:0}to{opacity:1}}.grd-tool svg{flex:none;width:18px;height:18px}@media (max-width:767.98px){.grd-tool{letter-spacing:.01em;flex-direction:column;gap:3px;min-width:0;padding:4px 6px;font-size:12px;line-height:1.05}.grd-tool.grd-tool--wide{flex-direction:row;flex-basis:100%;gap:8px;font-size:14px}:where(div):has(>.grd-tool--pair){display:contents}button:has(+div>.grd-tool--pair){flex:1}.grd-tool.grd-tool--pair,.grd-tool.grd-tool--trio{flex-direction:row;gap:6px;padding:0 8px;font-size:14px}.grd-tool.grd-tool--pair{flex:1;min-width:calc(50% - 4px)}.grd-tool.grd-tool--trio{flex:calc(33.333% - 6px)}}.grd-switch{background:var(--color-line-dark);width:26px;height:16px;transition:background-color .15s var(--ease-out);border-radius:999px;flex:none;display:inline-block;position:relative}.grd-switch:after{content:"";width:12px;height:12px;transition:transform .15s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.grd-switch[data-on=true]{background:var(--color-ink)}.grd-switch[data-on=true]:after{transform:translate(10px)}
.arc-field .arc-surface:has(>.chx-board){color:#fff;--arc-focus:var(--color-yellow);background-color:#0000;padding:0}.chx-term{--chx-term-fg:#d4d4d8;--chx-term-dim:#9b9ba4;--chx-term-ln:#6b6b74;--chx-red-on-ink:#ff6a62;background-color:var(--color-ink);color:var(--chx-term-fg);border-radius:14px;overflow:hidden}.chx-term__head{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;height:36px;padding:0 12px;display:flex}.chx-term__dots{flex:none;gap:5px;display:inline-flex}.chx-term__dots i{background:#ffffff42;border-radius:50%;width:9px;height:9px}.chx-term__file{height:24px;font-family:var(--font-mono);color:var(--chx-term-dim);white-space:nowrap;background:#ffffff14;border-radius:6px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.chx-term__meta{font-family:var(--font-mono);color:var(--chx-term-dim);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-left:auto;font-size:12px}.chx-term__prompt{font-family:var(--font-mono);color:#fff;flex:none;margin-left:auto;font-size:13px;font-weight:700}.chx-code{counter-reset:chx-ln;font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;padding:14px 14px 16px;font-size:15px;line-height:1.6;overflow-x:auto}@media (min-width:768px){.chx-code{padding:20px 18px 22px;font-size:18px}}.chx-line{grid-template-columns:2ch minmax(0,1fr);column-gap:14px;display:grid}.chx-line:before{counter-increment:chx-ln;content:counter(chx-ln);content:counter(chx-ln) / "";color:var(--chx-term-ln);text-align:right;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.chx-line__src{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.chx-str{color:var(--color-yellow);box-shadow:inset 0 -2px 0 var(--color-yellow);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffc40024;border-radius:2px}.chx-com{color:var(--chx-term-dim)}.chx-out{min-height:46px;font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out);border-top:2px dashed #ffffff29;align-items:center;gap:10px;padding:8px 14px;font-size:17px;font-weight:700;display:flex}@media (min-width:768px){.chx-out{min-height:52px;padding:8px 18px;font-size:18px}}.chx-out__gt{color:var(--chx-term-dim);flex:none}.chx-out__val{min-width:0;color:var(--chx-term-dim);white-space:pre-wrap;overflow-wrap:anywhere}.chx-out__caret{color:var(--color-yellow);flex:none;margin-left:-8px}.chx-out__res{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:inline-flex}.chx-out__res svg{width:14px;height:14px}.chx-out[data-out=set] .chx-out__val{color:#fff}.chx-out[data-out=wrong]{background:#e5322b3d;border-top-color:#0000}.chx-out[data-out=wrong] .chx-out__val{color:var(--chx-red-on-ink);text-decoration:line-through;text-decoration-thickness:2px}.chx-out[data-out=wrong] .chx-out__res{color:var(--chx-red-on-ink)}.chx-out[data-out=ok]{background:var(--color-cobalt-soft);border-top-color:#0000}.chx-out[data-out=ok] .chx-out__gt,.chx-out[data-out=ok] .chx-out__val,.chx-out[data-out=ok] .chx-out__res{color:var(--color-cobalt-ink)}.chx-out[data-out=ok] .chx-out__caret{display:none}.chx-out__dot{background:var(--color-cobalt);border-radius:50%;width:12px;height:12px}.chx-opt{--lip:4px;--face:var(--color-paper);--bd:var(--color-paper);--edge:var(--color-cobalt-deep);width:100%;min-width:0;min-height:58px;margin:0 0 var(--lip);border:2px solid var(--bd);background-color:var(--face);color:var(--color-ink);text-align:left;box-shadow:0 var(--lip) 0 0 var(--edge);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .11s var(--ease-out), box-shadow .11s var(--ease-out), background-color .15s var(--ease-out), border-color .15s var(--ease-out), opacity .2s var(--ease-out);border-radius:14px;align-items:center;gap:12px;padding:9px 14px 9px 12px;display:flex;position:relative}@media (hover:hover){.chx-opt:not(:disabled):hover{box-shadow:0 calc(var(--lip) + 1px) 0 0 var(--edge);transform:translateY(-1px)}}.chx-opt:not(:disabled):active,.chx-opt.is-down:not(:disabled){transform:translateY(var(--lip));box-shadow:0 0 0 0 var(--edge);transition-duration:40ms}.chx-opt:disabled{cursor:default}.chx-opt:focus-visible{outline:3px solid var(--arc-focus,var(--color-yellow));outline-offset:3px}@media (min-width:768px){.chx-opt{gap:14px;min-height:76px;padding:12px 16px 12px 14px}}.chx-key{border:2px solid var(--color-line-dark);background:var(--color-paper);width:34px;height:34px;font-family:var(--font-mono);color:var(--color-ink-2);transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out), border-radius .15s var(--ease-out);border-radius:9px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;position:relative}.chx-key svg{width:20px;height:20px}.chx-mark{background:var(--color-cobalt);width:14px;height:14px;animation:chx-mark-in .2s var(--ease-out) both;border-radius:50%;display:block}@keyframes chx-mark-in{0%{transform:scale(0)}to{transform:none}}.chx-txt{min-width:0;color:var(--color-ink);overflow-wrap:anywhere}.chx-opt--mono .chx-txt{font-family:var(--font-mono);letter-spacing:.02em;white-space:pre-wrap;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;font-size:18px;font-weight:700;line-height:1.3}.chx-opt--prose .chx-txt{font-size:15.5px;font-weight:600;line-height:1.3}@media (min-width:768px){.chx-opt--mono .chx-txt{font-size:21px}.chx-opt--prose .chx-txt{font-size:16px}}.chx-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex:none;align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:700;display:inline-flex}.chx-tag__sq{background:var(--color-yellow);border-radius:2px;width:8px;height:8px}.chx-opt[data-state=sel]{--face:var(--color-yellow);--bd:var(--color-yellow);--edge:var(--color-yellow-deep)}.chx-opt[data-state=sel] .chx-key{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.chx-opt[data-state=wrong]{--face:var(--color-red-soft);--bd:var(--color-red);--edge:var(--color-red);transform:translateY(var(--lip));box-shadow:none;background-image:repeating-linear-gradient(45deg,#e5322b21 0 2px,#0000 2px 8px)}.chx-opt[data-state=wrong] .chx-key{background:var(--color-red);border-color:var(--color-red);color:#fff}.chx-opt[data-state=wrong] .chx-txt{color:var(--color-red-ink);text-decoration:line-through;text-decoration-thickness:2px}.chx-opt[data-state=wrong] .chx-tag{color:var(--color-red-ink)}.chx-opt[data-state=removed]{--face:transparent;--bd:#ffffff80;transform:translateY(var(--lip));box-shadow:none;border-style:dashed}.chx-opt[data-state=removed] .chx-key{color:#ffffffd9;background:0 0;border-style:dashed;border-color:#ffffff8c}.chx-opt[data-state=removed] .chx-txt{color:#ffffffd9;text-decoration:line-through}.chx-opt[data-state=removed] .chx-tag{color:#ffffffe6}.chx-opt[data-state=correct] .chx-key,.chx-opt[data-state=reveal] .chx-key{background:var(--color-paper);border:3px solid var(--color-cobalt);border-radius:50%}.chx-opt[data-state=correct] .chx-txt,.chx-opt[data-state=correct] .chx-tag,.chx-opt[data-state=reveal] .chx-txt,.chx-opt[data-state=reveal] .chx-tag{color:var(--color-cobalt-ink)}.chx-opt[data-state=reveal]{--face:var(--color-cobalt-soft)}.chx-opt[data-state=dim]{opacity:.42;transform:translateY(var(--lip));box-shadow:none}.chx-pip{width:14px;height:14px;transition:border-radius .15s var(--ease-out);background:#fff;border-radius:50%;display:block;position:relative}.chx-pip[data-used]{border-radius:4px}.chx-pip[data-used]:before,.chx-pip[data-used]:after{content:"";background:var(--color-red);border-radius:2px;width:11px;height:2.6px;position:absolute;top:50%;left:50%}.chx-pip[data-used]:before{transform:translate(-50%,-50%)rotate(45deg)}.chx-pip[data-used]:after{transform:translate(-50%,-50%)rotate(-45deg)}.chx-kbd{min-width:22px;font-family:var(--font-mono);text-align:center;color:var(--color-ink);box-shadow:0 2px 0 0 var(--color-cobalt-deep);background:#fff;border-radius:6px;margin:0 1px;padding:1px 6px;font-size:12px;font-weight:700;line-height:1.4;display:inline-block}@media (prefers-reduced-motion:reduce){.chx-opt,.chx-key,.chx-out,.chx-pip{transition:none}.chx-mark{animation:none}}
@layer theme,base;@layer components{.bo-tile,.bo-tray,.bo-nudge,.sq-frag,.sq-slot{--lip:4px;--face:#fff;--bd:var(--color-line-dark,#d2d2d9);--edge:var(--color-line-dark,#d2d2d9);margin-bottom:var(--lip);border:2px solid var(--bd);background-color:var(--face);box-shadow:0 var(--lip) 0 0 var(--edge);transition:transform .11s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), box-shadow .11s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), background-color .15s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), border-color .15s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), color .15s var(--ease-out,cubic-bezier(.23, 1, .32, 1));-webkit-tap-highlight-color:transparent;position:relative}.bo-tray:not(:disabled):active,.bo-nudge:not(:disabled):active,.sq-frag:not(:disabled):active,.sq-slot.is-press:not(:disabled):active{transform:translateY(var(--lip));box-shadow:0 0 0 0 var(--edge);transition-duration:40ms}.bo-tile.is-live:has(.bo-tile__main:active){transform:translateY(var(--lip));box-shadow:0 0 0 0 var(--edge);transition-duration:40ms}@media (hover:hover){.bo-tray:not(:disabled):hover,.sq-frag:not(:disabled):hover,.sq-slot.is-press:not(:disabled):hover{box-shadow:0 calc(var(--lip) + 1px) 0 0 var(--edge);transform:translateY(-1px)}}.bo-rung{align-items:stretch;gap:6px;display:flex}.bo-tile{min-width:0;min-height:64px;color:var(--color-ink,#141414);border-radius:14px;flex:1;align-items:center;display:flex}.bo-tile__main{text-align:left;cursor:pointer;min-width:0;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:3px;padding:8px 4px 8px 10px;display:flex}.bo-tile__main:disabled{cursor:default}.bo-tile__main:focus-visible{outline:none}.bo-tile:has(.bo-tile__main:focus-visible){outline:3px solid var(--arc-focus,var(--color-cobalt,#2347d6));outline-offset:3px}.bo-key{height:44px;color:var(--color-ink-3,#6b6b74);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;flex:none;align-self:center;align-items:center;gap:2px;margin-left:6px;padding:0 2px 0 0;display:inline-flex}.bo-key:active{cursor:grabbing}.bo-key:disabled{cursor:default}.bo-key__grip{flex:none;width:14px;height:18px}.bo-key__n{border:2px solid var(--color-line-dark,#d2d2d9);width:34px;height:34px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-2,#3f3f46);transition:background-color .15s var(--ease-out,ease-out), border-color .15s var(--ease-out,ease-out), color .15s var(--ease-out,ease-out), border-radius .15s var(--ease-out,ease-out);background:#fff;border-radius:9px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;position:relative}.bo-key__n svg{width:18px;height:18px}.bo-label{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.3;display:block}.bo-label.is-mono{font-family:var(--font-mono);font-size:13.5px;font-weight:500;line-height:1.4}.bo-class{font-family:var(--font-mono);color:var(--color-ink,#141414);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.bo-class:before{content:"";background:var(--color-yellow,#ffc400);border-radius:2px;flex:none;width:8px;height:8px}.bo-back{width:44px;height:44px;color:var(--color-ink-3,#6b6b74);cursor:pointer;transition:background-color .15s var(--ease-out,ease-out), color .15s var(--ease-out,ease-out);background:0 0;border-radius:10px;flex:none;align-self:center;place-items:center;margin-right:2px;display:grid}.bo-back svg{width:20px;height:20px}@media (hover:hover){.bo-back:not(:disabled):hover{color:var(--color-ink,#141414);background:#14141412}}.bo-back:disabled{opacity:.35;cursor:default}.bo-nudges{flex:none;align-self:center;gap:4px;padding-bottom:1px;display:flex}.bo-nudges-spacer{flex:none;width:92px}.bo-nudge{--lip:3px;width:44px;height:44px;color:var(--color-ink-2,#3f3f46);cursor:pointer;touch-action:manipulation;border-radius:10px;flex:none;place-items:center;display:grid}.bo-nudge svg{width:20px;height:20px}.bo-nudge:after{content:"";inset:-2px -2px calc(-2px - var(--lip));position:absolute}.bo-nudge:disabled{cursor:default;transform:translateY(var(--lip));box-shadow:none;--face:var(--color-paper-2,#f5f6f8);--bd:var(--color-line,#e4e4e8);color:var(--color-line-dark,#d2d2d9)}.bo-tile[data-state=selected]{--face:var(--color-yellow,#ffc400);--bd:var(--color-yellow,#ffc400);--edge:var(--color-yellow-deep,#d6a200)}.bo-tile[data-state=selected] .bo-key__n{background:var(--color-ink,#141414);border-color:var(--color-ink,#141414);color:#fff}.bo-tile[data-state=selected] .bo-key{color:var(--color-ink,#141414)}.bo-tile[data-state=selected] .bo-class:before{background:var(--color-ink,#141414)}.bo-tile[data-state=selected] .bo-back{color:var(--color-ink-2,#3f3f46)}.bo-tile[data-state=wrong]{--face:var(--color-red-soft,#fdedec);--bd:var(--color-red,#e5322b);--edge:var(--color-red,#e5322b);transform:translateY(var(--lip));box-shadow:none;background-image:repeating-linear-gradient(45deg,#e5322b21 0 2px,#0000 2px 8px)}.bo-tile[data-state=wrong] .bo-key__n{background:var(--color-red,#e5322b);border-color:var(--color-red,#e5322b);color:#fff}.bo-tile[data-state=wrong] .bo-label{color:var(--color-red-ink,#c0241d)}.bo-tile[data-state=wrong] .bo-back{color:var(--color-ink-2,#3f3f46)}.bo-tile[data-state=locked]{transform:translateY(var(--lip));box-shadow:none;--face:var(--color-paper-2,#f5f6f8);--bd:var(--color-line,#e4e4e8)}.bo-empty{border:2px dashed var(--color-line-dark,#d2d2d9);min-width:0;min-height:64px;color:var(--color-ink-3,#6b6b74);text-align:left;cursor:default;background:0 0;border-radius:14px;flex:1;align-items:center;gap:12px;margin-bottom:4px;padding:0 12px 0 22px;font-size:14px;display:flex}.bo-empty .bo-key__n{color:var(--color-ink-3,#6b6b74);background:0 0;border-style:dashed}.bo-empty.is-next{border-color:var(--color-cobalt,#2347d6);color:var(--color-ink,#141414);font-weight:700}.bo-empty.is-next .bo-key__n{border-style:solid;border-color:var(--color-cobalt,#2347d6);color:var(--color-cobalt-ink,#1b37a8)}.bo-empty:focus-visible{outline:3px solid var(--arc-focus,var(--color-cobalt,#2347d6));outline-offset:3px}.bo-tray{text-align:left;cursor:pointer;width:100%;min-height:60px;color:var(--color-ink,#141414);border-radius:14px;align-items:center;gap:12px;padding:8px 12px 8px 10px;display:flex}.bo-tray .bo-key__n{color:var(--color-ink-3,#6b6b74)}.bo-tray .bo-key__n svg{width:16px;height:16px}.bo-tray:disabled{cursor:default;transform:translateY(var(--lip));box-shadow:none;--face:var(--color-paper-2,#f5f6f8);--bd:var(--color-line,#e4e4e8);color:var(--color-ink-3,#6b6b74)}.bo-tray:focus-visible{outline:3px solid var(--arc-focus,var(--color-cobalt,#2347d6));outline-offset:3px}.sq-term{background:var(--color-ink,#141414);color:#d4d4d8;border-radius:14px;overflow:hidden}.sq-term__head{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;height:38px;padding:0 12px;display:flex}.sq-term__dots{gap:5px;display:inline-flex}.sq-term__dots i{background:#ffffff42;border-radius:50%;width:9px;height:9px}.sq-term__file{font-family:var(--font-mono);color:#9b9ba4;font-size:12px}.sq-term__runs{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:11px;font-weight:700;display:inline-flex}.sq-term__runs.is-last{background:var(--color-yellow,#ffc400);color:var(--color-ink,#141414);border-radius:5px;padding:3px 7px}.sq-term__body{gap:4px;margin:0;padding:10px 10px 6px 12px;list-style:none;display:grid}.sq-line{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:8px;display:grid}.sq-kw{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--color-cobalt-mid,#c7d1f6);overflow-wrap:anywhere;padding-top:13px;font-size:12px;font-weight:700;line-height:1.2}.sq-term__out{min-height:42px;font-family:var(--font-mono);color:#9b9ba4;font-variant-numeric:tabular-nums;border-top:2px dashed #ffffff29;align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.sq-term__out .caret{color:var(--color-yellow,#ffc400)}.sq-term__out .res{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.sq-term__out.is-wrong{color:#ff6a62;background:#e5322b3d;border-top-color:#0000}.sq-term__out.is-run{color:#fff}.sq-slot{--lip:3px;--face:transparent;--bd:#ffffff4d;--edge:transparent;width:100%;min-height:44px;box-shadow:none;font-family:var(--font-mono);text-align:left;color:#9b9ba4;cursor:pointer;border-style:dashed;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;line-height:1.35;display:flex}.sq-slot>span{overflow-wrap:anywhere;flex:1;min-width:0}@media (hover:hover){.sq-slot.is-empty:not(:disabled):hover{--bd:#fff9}}.sq-slot.is-empty .ph{font-style:italic}.sq-slot.is-filled{--face:#2a2a30;--bd:#3d3d45;--edge:#000;color:#fff;box-shadow:0 var(--lip) 0 0 var(--edge);border-style:solid}.sq-slot.is-armed{--face:var(--color-yellow,#ffc400);--bd:var(--color-yellow,#ffc400);--edge:var(--color-yellow-deep,#d6a200);color:var(--color-ink,#141414);box-shadow:0 var(--lip) 0 0 var(--edge);border-style:solid;font-weight:700}.sq-slot.is-armed .sq-str{color:inherit;box-shadow:inset 0 -2px 0 var(--color-ink,#141414);background:#1414141a}.sq-slot.is-locked{--face:#ffc4001a;--bd:#ffc4008c;color:#fff;transform:translateY(var(--lip));box-shadow:none;cursor:default;border-style:solid}.sq-slot.is-locked .sq-hintmark{background:var(--color-yellow,#ffc400);border-radius:2px;flex:none;width:9px;height:9px}.sq-slot:disabled:not(.is-locked){cursor:default}.sq-slot:focus-visible{outline:3px solid var(--color-yellow,#ffc400);outline-offset:2px}.sq-str{color:var(--color-yellow,#ffc400);box-shadow:inset 0 -2px 0 var(--color-yellow,#ffc400);background:#ffc40024;border-radius:2px;padding:0 1px}.sq-on-paper .sq-str{color:inherit;background:var(--color-yellow-soft,#fff5d2);box-shadow:inset 0 -2px 0 var(--color-yellow-deep,#d6a200)}.sq-frags{flex-wrap:wrap;gap:8px;display:flex}.sq-frag{--lip:3px;text-align:left;cursor:pointer;min-width:44px;max-width:100%;min-height:44px;font-family:var(--font-mono);color:var(--color-ink,#141414);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:14px;font-weight:600;line-height:1.3;display:inline-flex}.sq-frag>.t{overflow-wrap:anywhere;min-width:0}.sq-frag__n{border:1.5px solid var(--color-line-dark,#d2d2d9);min-width:20px;height:20px;color:var(--color-ink-3,#6b6b74);border-bottom-width:3px;border-radius:5px;flex:none;place-items:center;padding:0 4px;font-size:11px;font-weight:700;line-height:1;display:none}@media (hover:hover) and (min-width:768px){.sq-frag__n{display:inline-grid}}.sq-frag:disabled{cursor:default;transform:translateY(var(--lip));box-shadow:none;--face:var(--color-paper-2,#f5f6f8);--bd:var(--color-line,#e4e4e8);color:var(--color-ink-3,#6b6b74)}.sq-frag:disabled .sq-frag__n{display:none}.sq-frag.is-used{--face:transparent;--bd:var(--color-line-dark,#d2d2d9);transform:translateY(var(--lip));box-shadow:none;color:var(--color-ink-3,#6b6b74);cursor:default;-webkit-user-select:none;user-select:none;border-style:dashed;font-weight:500}.sq-frag:focus-visible{outline:3px solid var(--arc-focus,var(--color-cobalt,#2347d6));outline-offset:3px}.sq-table{border:2px solid var(--color-line,#e4e4e8);background:#fff;border-radius:14px;min-width:0;overflow:hidden}.sq-table table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.sq-table caption{text-align:left;caption-side:top;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink,#141414);background:var(--color-paper-2,#f5f6f8);border-bottom:2px solid var(--color-line,#e4e4e8);padding:7px 10px;font-size:11px;font-weight:700}.sq-table.is-target caption{background:var(--color-ink,#141414);color:#fff;border-bottom-color:var(--color-ink,#141414)}.sq-table th{text-align:left;white-space:nowrap;color:var(--color-ink-2,#3f3f46);border-bottom:2px solid var(--color-line,#e4e4e8);padding:6px 10px;font-size:12px;font-weight:700}.sq-table td{white-space:nowrap;color:var(--color-ink,#141414);border-top:1px solid var(--color-line,#e4e4e8);padding:6px 10px}.sq-table tbody tr:first-child td{border-top:0}.sq-table .rn{text-align:right;width:1%;color:var(--color-ink-3,#6b6b74);padding-right:2px;font-size:10.5px}.sq-table .null{color:var(--color-ink-3,#6b6b74);font-style:italic}.sq-table .mk{width:1%;padding:0 0 0 8px}.sq-mk{place-items:center;width:16px;height:16px;display:grid}.sq-mk.is-ok:before{content:"";background:var(--color-cobalt,#2347d6);border-radius:50%;width:12px;height:12px}.sq-mk.is-off{background:var(--color-red,#e5322b);color:#fff;border-radius:4px}.sq-mk.is-off svg{width:12px;height:12px}.sq-mk.is-none:before{content:"";border:2px solid var(--color-line-dark,#d2d2d9);border-radius:50%;width:10px;height:10px}.sq-table tr.is-ok td{color:var(--color-cobalt-ink,#1b37a8)}.sq-table tr.is-off td{color:var(--color-red-ink,#c0241d);background-color:var(--color-red-soft,#fdedec);background-image:repeating-linear-gradient(45deg,#e5322b21 0 2px,#0000 2px 8px)}.sq-note{border:2px dashed var(--color-line-dark,#d2d2d9);min-height:44px;color:var(--color-ink-3,#6b6b74);border-radius:14px;align-items:center;padding:8px 12px;font-size:13.5px;line-height:1.35;display:flex}.sq-error{border:2px solid var(--color-red,#e5322b);background-color:var(--color-red-soft,#fdedec);color:var(--color-red-ink,#c0241d);background-image:repeating-linear-gradient(45deg,#e5322b21 0 2px,#0000 2px 8px);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.sq-code{white-space:pre;background:var(--color-ink,#141414);color:#fff;font-family:var(--font-mono);border-radius:12px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6;overflow-x:auto}.sq-code .kw{color:var(--color-cobalt-mid,#c7d1f6);font-weight:700}.sq-details>summary::-webkit-details-marker{display:none}.sq-chev{transition:transform .2s var(--ease-out,ease-out)}.sq-details[open] .sq-chev{transform:rotate(180deg)}.bo-label.is-mono,.bo-class,.sq-slot,.sq-frag,.sq-code,.sq-table,.sq-kw{font-variant-ligatures:none;font-feature-settings:"calt" 0, "liga" 0}@media (max-width:480px){.bo-key{gap:1px;margin-left:4px}.bo-key__grip{width:10px}.bo-tile .bo-key__n,.bo-empty .bo-key__n{width:32px;height:32px}.bo-tile__main{padding:8px 2px 8px 8px}.bo-back{margin-right:0}.bo-label.is-mono{font-size:12.5px}.bo-empty{gap:10px;padding-left:15px}}@media (max-width:374px){.bo-tile .bo-key__n,.bo-empty .bo-key__n{width:30px;height:30px;font-size:13px}}@media (max-width:359px){.bo-nudges{flex-direction:column;padding-bottom:0}.bo-nudges-spacer{width:44px}.bo-tile,.bo-empty{min-height:94px}}.bs-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-3,#6b6b74);font-size:11px;font-weight:700}}@layer utilities;