/* Bencho.dev official block styles, MIT — https://bencho.dev/licence
   Selected from https://bencho.dev/assets/index-C8jWe17N.css on 2026-10-15.
   Product adaptations live in bencho-product.css; do not edit this source subset. */
@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}
@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}
@keyframes drift{to{transform:translate(-5%,3%)scale(1.1)rotate(5deg)}}
@keyframes lock-set{0%{scale:calc(var(--lockk,1) * .98)}38%{scale:calc(var(--lockk,1) * 1.03)}to{scale:var(--lockk,1)}}
@keyframes tools-in{0%{opacity:0;translate:-50% 8px}to{opacity:1;translate:-50%}}
@keyframes undo-drain{0%{width:100%}to{width:0%}}
@keyframes dial-fill{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}
.gpane,.gnav,.gdock{background:var(--pane);-webkit-backdrop-filter:blur(var(--g-blur,2px)) saturate(var(--g-sat,150%)) brightness(var(--g-bright,100%));backdrop-filter:blur(var(--g-blur,2px)) saturate(var(--g-sat,150%)) brightness(var(--g-bright,100%));isolation:isolate;color:var(--ink);position:relative}
.gpane:before,.gnav:before,.gdock:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;border:1px solid #0000;position:absolute;inset:0}
.gnav{--slot:var(--bar-slot);--nav-pad:var(--bar-pad);gap:var(--bar-gap);padding:var(--nav-pad);border-radius:var(--gnav-r,999px);display:inline-flex}
.gnav[data-orientation=vertical]{border-radius:var(--gnav-r,30px);flex-direction:column}
.gnav-ind{top:var(--nav-pad);height:calc(100% - var(--nav-pad) * 2);border-radius:var(--gnav-r,999px);background:var(--pane-thumb);pointer-events:none;will-change:transform, width;position:absolute;left:0}
.gnav[data-orientation=vertical] .gnav-ind{top:0;left:var(--nav-pad);width:calc(100% - var(--nav-pad) * 2);height:auto}
.gnav-ind[data-phase=stretch]{--d:var(--ind-stretch,.19s);transition:transform var(--d) cubic-bezier(.32, .72, .24, 1), width var(--d) cubic-bezier(.32, .72, .24, 1), height var(--d) cubic-bezier(.32, .72, .24, 1)}
.gnav-ind[data-phase=settle]{--d:var(--ind-settle,.42s);transition:transform var(--d) var(--ind-move,cubic-bezier(.28, 1.28, .36, 1)), width var(--d) var(--ind-size,cubic-bezier(.24, 1.34, .38, 1)), height var(--d) var(--ind-size,cubic-bezier(.24, 1.34, .38, 1))}
.gnav-ind[data-phase=idle]{transition:none}
.gnav-item{z-index:1;width:var(--slot,38px);height:var(--slot,38px);border-radius:var(--gnav-r,999px);color:var(--ink);opacity:.42;cursor:pointer;background:0 0;border:0;place-items:center;transition:opacity .26s cubic-bezier(.32,.72,.24,1);display:grid;position:relative}
.gnav-item:hover{opacity:.72}
.gnav-item[data-active=true]{opacity:1}
.gnav-item:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px}
.gdock{touch-action:pan-y;border-radius:26px;align-items:flex-end;gap:10px;padding:12px 16px;display:inline-flex}
.gdock-item{width:44px;height:44px;color:var(--ink);opacity:.42;cursor:pointer;background:0 0;border:0;place-items:center;transition:opacity .22s;display:grid;position:relative}
.gdock-glyph{transform-origin:bottom;place-items:center;transition:transform .32s cubic-bezier(.24,1.2,.32,1);display:grid}
.gdock-item[data-near="1"]{opacity:.66}
.gdock-item[data-near="0"],.gdock-item[data-active=true]{opacity:1}
.gdock-item:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px;border-radius:10px}
.gdock-dot{background:var(--ink);opacity:0;border-radius:50%;width:3px;height:3px;margin-left:-1.5px;transition:opacity .24s,transform .36s cubic-bezier(.28,1.4,.36,1);position:absolute;bottom:3px;left:50%;transform:scale(.4)}
.gdock-dot[data-on=true]{opacity:.55;transform:scale(1)}
.gdock-tip{background:var(--ink);color:var(--on-ink);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:5px 9px;font-size:8px;line-height:1.2;transition:opacity .18s,transform .26s cubic-bezier(.28,1.3,.36,1);position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%,4px)}
.gdock-tip[data-on=true]{opacity:1;transform:translate(-50%)}
@keyframes bench-live-beat{0%{opacity:.5;scale:1}70%{opacity:0;scale:2.8}to{opacity:0;scale:2.8}}
[data-stroke=on] .lab:before,[data-stroke=on] .gcard:before,[data-stroke=on] .gpane:before,[data-stroke=on] .gnav:before,[data-stroke=on] .gdock:before,[data-stroke=on] .esc-btn:before,[data-stroke=on] .slo-track:before,[data-stroke=on] .sek-skin:before{border-color:var(--pane-edge)}
[data-stroke=on] .bal,[data-stroke=on] .bar-rail,[data-stroke=on] .fan-core,[data-stroke=on] .step-pill,[data-stroke=on] .liq-sw,[data-stroke=on] .deck-card,[data-stroke=on] .tick-row,[data-stroke=on] .nod-card{box-shadow:0 0 0 1px var(--pane-edge);border-radius:var(--nod-r,20px)}
[data-stroke=on] .arr-row{box-shadow:0 0 0 1px var(--pane-edge);border-radius:var(--arr-r,999px)}
[data-stroke=on] .crt-body{box-shadow:0 0 0 1px var(--pane-edge)}
@supports ((-webkit-backdrop-filter:blur(1px) url(#g)) or (backdrop-filter:blur(1px) url(#g))){.lab,.gcard,.cmd,.gpane,.gnav,.gdock{-webkit-backdrop-filter:blur(var(--g-blur,2px)) saturate(var(--g-sat,150%)) brightness(var(--g-bright,100%)) var(--g-disperse,opacity(1));backdrop-filter:blur(var(--g-blur,2px)) saturate(var(--g-sat,150%)) brightness(var(--g-bright,100%)) var(--g-disperse,opacity(1))}
}
[data-surface=glass] .lab:before,[data-surface=glass] .gcard:before,[data-surface=glass] .cmd:before,[data-surface=glass] .gpane:before,[data-surface=glass] .gnav:before,[data-surface=glass] .gdock:before{background:linear-gradient(142deg, rgba(255, 255, 255, var(--g-edge-hi,0)) 0%, rgba(255, 255, 255, var(--g-edge-lo,0)) 26%, rgba(255, 255, 255, var(--g-edge-lo,0)) 62%, rgba(255, 255, 255, var(--g-edge-far,0)) 100%) border-box;-webkit-mask-composite:xor;-webkit-mask-composite:xor;border-color:#0000;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}
[data-surface=glass] .lab,[data-surface=glass] .gcard,[data-surface=glass] .cmd,[data-surface=glass] .gpane,[data-surface=glass] .gnav,[data-surface=glass] .gdock{box-shadow:var(--g-shadow, inset 0 1px 0 rgba(255, 255, 255, var(--g-spec,0)),  0 10px 40px rgba(var(--shadow-rgb), var(--g-lift,0)))}
[data-surface=flat] .lab,[data-surface=flat] .gcard,[data-surface=flat] .cmd,[data-surface=flat] .gnav,[data-surface=flat] .gdock{-webkit-backdrop-filter:none;backdrop-filter:none}
.bell-well{place-items:center;width:260px;height:146px;display:grid;position:relative}
.bell-btn{border-radius:var(--bell-r,999px);height:44px;color:var(--ink);font-family:var(--font-ui);cursor:pointer;border:0;align-items:center;gap:9px;padding:0 19px;font-size:13.5px;transition:transform .22s cubic-bezier(.28,1.3,.36,1);display:inline-flex;position:relative}
.bell-btn:active{transform:scale(.96)}
.bell-glyph{transform-origin:50% 16%;place-items:center;display:grid}
.bell-say{height:18px;display:block;position:relative;overflow:hidden}
.bell-say[data-ready=true]{transition:width .46s cubic-bezier(.24,1.34,.38,1)}
.bell-say i{white-space:nowrap;opacity:0;font-style:normal;line-height:18px;transition:opacity .2s;position:absolute;top:0;left:0}
.bell-say i[data-show=true]{opacity:1}
.bell-btn[data-on=true]{background:var(--slab-btn,var(--board));color:var(--ink);-webkit-backdrop-filter:none}
.bell-btn[data-on=true]:before,.bell-btn[data-on=true]:after{opacity:0}
[data-stroke=on] .bell-btn[data-on=true]{box-shadow:0 0 0 1px rgba(var(--fill-on-rgb,var(--ink-rgb)), .16)}
@media (prefers-reduced-motion:reduce){.tbl-row,.deck-card,.bell-say,.cal-blob{transition-duration:1ms}
}
.bar-well{justify-content:center;align-items:center;width:264px;height:150px;display:flex;position:relative}
.bar-rail{align-items:center;gap:var(--bar-gap);padding:var(--bar-pad);border-radius:var(--bar-r,14px);display:inline-flex}
.bar-tool{width:var(--bar-slot);height:var(--bar-slot);border-radius:var(--bar-tool-r,10px);color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;transition:color .2s,background .2s;display:grid;position:relative}
.bar-tool:hover{background:var(--inlay)}
.bar-tool:before{content:"";z-index:0;border-radius:inherit;background:var(--pick);opacity:0;pointer-events:none;transition:opacity .14s,scale .3s cubic-bezier(.3,1.42,.4,1);position:absolute;inset:0;scale:.72}
.bar-tool>svg{z-index:1;transition:scale .3s cubic-bezier(.3,1.42,.4,1);position:relative}
.bar-tool[data-on=true]{color:#fff}
.bar-tool[data-on=true]:hover{background:0 0}
.bar-tool[data-on=true]:before{opacity:1;scale:1}
.bar-tool[data-on=true]>svg{scale:1.05}
.bar-tool:active>svg{transition-duration:90ms;scale:.92}
.bar-slot{display:inline-flex;position:relative}
.bar-notch{cursor:pointer;background:0 0;border:0;width:9px;height:9px;padding:0;position:absolute;bottom:3px;right:3px}
.bar-notch:after{content:"";border-left:5px solid #0000;border-bottom:5px solid var(--ink);opacity:.4;transition:opacity .16s,transform .2s cubic-bezier(.28,1.3,.36,1);position:absolute;bottom:0;right:0}
.bar-notch:hover:after,.bar-notch[data-open=true]:after{opacity:.9}
.bar-slot[data-on=true] .bar-notch:after{opacity:.85;border-bottom-color:#fff}
.bar-notch[data-open=true]:after{transform:scale(1.3)}
.bar-split{background:rgba(var(--ink-rgb), .12);width:1px;height:20px;margin:0 5px}
.bar-flyout{border-radius:var(--bar-r,14px);gap:2px;padding:6px;animation:.3s cubic-bezier(.22,1.14,.36,1) both bar-rise;display:flex;position:absolute;bottom:calc(50% + 33px);left:50%}
@keyframes bar-rise{0%{opacity:0;transform:translate(-50%)translateY(9px)scale(.965)}55%{opacity:1}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}
.fan-well{place-items:center;width:300px;height:210px;display:grid;position:relative}
.fan-arc{width:0;height:0;position:absolute;top:50%;left:50%}
.fan-opt{width:48px;height:48px;color:var(--ink);cursor:pointer;opacity:0;pointer-events:none;border:0;border-radius:999px;place-items:center;transition:transform .42s cubic-bezier(.24,1.34,.38,1),opacity .2s,box-shadow .2s;display:grid;position:absolute;top:-24px;left:-24px}
.fan-arc[data-open=true] .fan-opt{opacity:1;pointer-events:auto}
.fan-opt[data-live=true]{box-shadow:0 0 0 2px var(--ink);z-index:2}
.fan-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);white-space:nowrap;opacity:0;font-size:8px;font-style:normal;transition:opacity .16s;position:absolute;top:calc(100% + 5px)}
.fan-opt:hover .fan-label,.fan-opt[data-live=true] .fan-label{opacity:1;color:var(--ink-2)}
.fan-core{z-index:3;background:var(--fill-slab,var(--ink));width:56px;height:56px;color:var(--fill-on,var(--on-ink));cursor:pointer;touch-action:none;border:0;border-radius:999px;place-items:center;transition:transform .38s cubic-bezier(.24,1.34,.38,1);display:grid;position:relative}
.fan-core[data-open=true]{transform:rotate(135deg)}
.fan-core:active{transform:scale(.94)}
.fan-core[data-open=true]:active{transform:rotate(135deg)scale(.94)}
@keyframes say-burn{0%{width:100%}to{width:0}}
@media (prefers-reduced-motion:reduce){.fan-opt,.fan-core,.say-body,.step-pill{transition-duration:1ms}
.bar-flyout{animation-duration:1ms}
}
.liq-well{place-items:center;width:240px;height:130px;display:grid}
.liq-sw{background:var(--fill-slab,var(--card));cursor:pointer;touch-action:none;border:0;border-radius:999px;width:92px;height:46px;padding:0;transition:background .32s;position:relative}
.liq-sw[data-on=true]{background:var(--fill-on,var(--ink))}
.liq-sw-blobs{position:absolute;inset:0}
.liq-thumb{width:var(--liq-thumb,36px);height:var(--liq-thumb,36px);margin-top:calc(var(--liq-thumb,36px) / -2);background:color-mix(in srgb, var(--fill-on,var(--ink)) 19%, var(--fill-slab,var(--card)));border-radius:999px;transition:background .32s;position:absolute;top:50%;left:0}
.liq-sw[data-on=true] .liq-thumb{background:var(--fill-slab,var(--board))}
.liq-drip{width:240px;height:226px;position:relative}
.liq-drip-blobs{filter:url(#liq-goo);position:absolute;inset:0}
.liq-drip-anchor{width:0;height:0;position:absolute;top:46px;left:50%}
.liq-spout{background:var(--ink);border-radius:0 0 26px 26px;width:68px;height:22px;transition:transform .42s cubic-bezier(.34,1.56,.44,1);position:absolute;top:-20px;left:-34px}
.liq-drip[data-broke=true] .liq-spout{transform:translateY(-5px)scaleY(.82)}
.liq-link,.liq-bead{background:var(--ink);transform-origin:50%;border-radius:999px;position:absolute}
.liq-link{transition:opacity .16s;top:0;left:0}
.liq-bead{transition:transform .62s cubic-bezier(.34,1.5,.5,1),width .2s,height .2s,opacity .3s;top:16px;left:0}
.liq-bead[data-drag=true]{transition:width .2s,height .2s}
.liq-bead[data-gone=true]{opacity:0;transition:transform .56s cubic-bezier(.4,0,.9,.5),opacity .4s .16s}
.liq-grip{cursor:grab;touch-action:none;border-radius:999px;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:62px;left:50%}
.liq-grip:active{cursor:grabbing}
.liq-note{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin:0;font-size:9px;position:absolute;bottom:16px;left:0;right:0}
.liq-tabs{place-items:center;width:280px;height:116px;display:grid;position:relative}
.liq-tab-blobs,.liq-tab-ink{width:264px;height:44px;margin:-22px 0 0 -132px;position:absolute;top:50%;left:50%}
.liq-tab-blobs{filter:url(#liq-goo)}
.liq-pill{background:var(--ink);border-radius:999px;width:66px;height:44px;transition:transform .52s cubic-bezier(.34,1.42,.44,1);position:absolute;top:0;left:0}
.liq-pill.is-trail{transition:scale 1ms;scale:1}
.liq-pill.is-trail[data-live=true]{transition:scale .47s cubic-bezier(.4,0,.35,1);scale:0}
.liq-tab-ink{pointer-events:none;display:flex}
.liq-tab{width:66px;height:44px;color:var(--ink-3);font-family:var(--font-ui);cursor:pointer;pointer-events:auto;background:0 0;border:0;font-size:13px;transition:color .3s}
.liq-tab[data-on=true]{color:var(--on-ink)}
@media (prefers-reduced-motion:reduce){.liq-thumb,.liq-pill,.liq-bead{transition-duration:1ms}
}
[data-fill] .arr-row{color:var(--fill-on,var(--ink-2))}
[data-fill] .arr-rank{color:color-mix(in srgb, var(--fill-on,var(--ink-4)) 55%, transparent)}
[data-fill] .arr-rank[data-first=true]{color:var(--fill-on,var(--ink))}
[data-fill] .arr-row[data-held=true] .arr-rank{color:color-mix(in srgb, var(--fill-on,var(--ink-3)) 78%, transparent)}
.arr-stage{--pill:196px;--lift:color-mix(in srgb, var(--fill-on,var(--ink)) 16%, var(--fill-slab,var(--surface-2)));--warm:color-mix(in srgb, var(--fill-on,var(--ink)) 1.3%, var(--fill-slab,var(--surface-2)));width:262px;height:200px;position:relative}
.arr-blobs{filter:url(#arr-goo);pointer-events:none;position:absolute;inset:0}
.arr-blob{width:var(--pill);height:44px;margin-left:calc(var(--pill) / -2);position:absolute;top:0;left:50%}
.arr-skin{border-radius:var(--arr-r,999px);background:var(--fill-slab,var(--surface-2));width:100%;height:100%;display:block}
.arr-ink{position:absolute;inset:0}
.arr-row{width:var(--pill);height:44px;margin-left:calc(var(--pill) / -2);padding:0 16px 0 var(--arr-inset,6px);cursor:grab;touch-action:none;color:var(--ink-2);align-items:center;display:flex;position:absolute;top:0;left:50%}
.arr-row[data-held=true]{cursor:grabbing;z-index:2}
.arr-av{color:#fff;width:32px;height:32px;font-family:var(--font-ui);letter-spacing:.01em;border-radius:999px;flex:none;place-items:center;font-size:12px;display:grid;position:relative}
.arr-here{background:var(--ok);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface-2);opacity:0;border-radius:999px;position:absolute;bottom:1px;right:1px}
.arr-av img{border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}
.arr-slide{flex:1;align-items:center;gap:11px;min-width:0;display:flex}
.arr-label{min-width:0;font-family:var(--font-ui);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}
.crt-stage{--pill-w:120px;--pill-h:38px;--panel-w:212px;--panel-h:166px;--w:var(--pill-w);--h:var(--pill-h);--r:var(--crt-shut-r,999px);width:244px;height:244px;position:relative}
.crt-stage[data-open=true]{--w:var(--panel-w);--h:var(--panel-h);--r:var(--crt-r,28px)}
.crt-blobs{pointer-events:none;position:absolute;inset:0}
.crt-body{width:var(--w);height:var(--h);border-radius:var(--r);background:var(--slab);margin:auto;transition:scale .34s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}
.crt-stage[data-sink=true] .crt-body,.crt-stage[data-sink=true] .crt-pill{transition:scale .12s cubic-bezier(.35,0,.5,1);scale:.94}
.crt-stage:not([data-open=true]) .crt-body{transition:scale .26s cubic-bezier(.22,1,.36,1)}
.crt-stage{--slab:var(--fill-slab,var(--board));--on-slab:var(--fill-on,var(--ink));--on-slab-rgb:var(--fill-on-rgb,var(--ink-rgb))}
.crt-ink{position:absolute;inset:0}
.crt-pill{width:var(--pill-w);height:var(--pill-h);color:var(--on-slab);font-family:var(--font-ui);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin:auto;font-size:13.5px;transition:width .38s cubic-bezier(.22,1,.36,1),opacity .16s,scale .34s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0}
.crt-stage[data-open=true] .crt-pill{opacity:0;pointer-events:none;transition:opacity .12s}
.crt-stage[data-sink=true] .crt-pill{opacity:1}
.crt-glyph{place-items:center;display:grid}
.crt-say{white-space:nowrap;text-align:left;transition:width .38s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}
.crt-say>span{display:inline-block}
.crt-panel{width:var(--panel-w);height:var(--panel-h);color:var(--on-slab);pointer-events:none;margin:auto;padding:11px 10px;position:absolute;inset:0}
.crt-stage[data-open=true] .crt-panel{pointer-events:auto}
.crt-menu{align-content:start;gap:2px;margin:0;padding:0;list-style:none;display:grid}
.crt-item{opacity:0;transition:opacity .15s,transform .24s cubic-bezier(.22,1,.36,1);transform:translateY(6px)}
.crt-stage[data-open=true] .crt-item{opacity:1;transform:none}
.crt-item button{border-radius:var(--crt-row-r,999px);width:100%;height:34px;color:rgba(var(--on-slab-rgb), .78);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 14px;font-size:13px;transition:color .2s;display:flex;position:relative}
.crt-item button:hover{color:var(--on-slab)}
.crt-item button:before{content:"";z-index:-1;border-radius:inherit;background:rgba(var(--on-slab-rgb), .08);opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}
@media (hover:hover){.crt-item button:hover:before{opacity:1;transition-duration:.14s}
}
.crt-item button:focus-visible:before{opacity:1}
.crt-item button{isolation:isolate}
@media (prefers-reduced-motion:reduce){.crt-body,.crt-pill,.crt-item,.crt-say{transition-duration:1ms}
.crt-stage[data-sink=true] .crt-body,.crt-stage[data-sink=true] .crt-pill{scale:1}
}
@keyframes dtl-tip-in{0%{opacity:0;translate:0 calc(4px - 100%)}}
@keyframes dtl-tip-in-under{0%{opacity:0;translate:0 -4px}}
@keyframes rh-cursor-in{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}
@keyframes bal-spin{to{rotate:360deg}}
.gtry-over .bar-well{background:0 0;width:auto;height:auto}
.gtry[data-rim=flat] .lab:before,.gtry[data-rim=flat] .gcard:before,.gtry[data-rim=flat] .cmd:before,.gtry[data-rim=flat] .gpane:before,.gtry[data-rim=flat] .gnav:before,.gtry[data-rim=flat] .gdock:before{border-color:var(--try-edge,transparent);background:0 0;-webkit-mask:none;mask:none}
.esc-btn{border-radius:var(--esc-r,999px);background:var(--fill-slab,rgba(var(--ink-rgb), var(--wash)));height:56px;color:rgba(var(--fill-on-rgb,var(--ink-rgb)), .72);font:inherit;letter-spacing:-.012em;cursor:pointer;border:0;padding:0 30px;font-size:20px;transition:transform .62s cubic-bezier(.22,1.12,.36,1),background .22s,color .22s;position:relative}
.esc-btn:before,.slo-track:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #0000;position:absolute;inset:0}
.esc-btn[data-fled=true]{transition:transform .13s cubic-bezier(.3,.8,.4,1),background .22s,color .22s}
.esc-btn:hover{color:rgba(var(--fill-on-rgb,var(--ink-rgb)), .9)}
.esc-btn[data-caught=true]{color:var(--fill-on,var(--ink))}
.esc-btn[data-done=true]{background:var(--fill-on,var(--ink));color:var(--fill-slab,var(--on-ink))}
.esc[data-flat] .esc-btn,.esc[data-flat] .esc-btn[data-fled=true]{transition:background 1ms linear,color 1ms linear}
.sek{width:var(--frame,380px);height:var(--frameh,96px);font-family:var(--font-ui);place-items:center;display:grid;position:relative}
.sek-skin{width:var(--w);height:var(--shut);border-radius:var(--sek-r,999px);background:var(--pane);-webkit-backdrop-filter:blur(var(--g-blur,2px)) saturate(var(--g-sat,150%)) brightness(var(--g-bright,100%));backdrop-filter:blur(var(--g-blur,2px)) saturate(var(--g-sat,150%)) brightness(var(--g-bright,100%));isolation:isolate;transform:translate(var(--lx), var(--ly)) scale(var(--sk,1));transition:transform .26s cubic-bezier(.22,.9,.28,1),background .22s;position:relative;overflow:hidden}
.sek-skin:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;border:1px solid #0000;position:absolute;inset:0}
.sek:not([data-open=true]) .sek-skin:hover{--sk:1.045;--g-bright:104%}
.sek[data-press=true] .sek-skin{--sk:.93;transition:transform 90ms cubic-bezier(.4,0,.6,1)}
.sek[data-open=true] .sek-skin{cursor:text}
.sek-lens{left:var(--inset);width:var(--lens);height:var(--lens);margin-top:calc(var(--lens) / -2);fill:none;stroke:var(--ink-3);stroke-width:1.5px;stroke-linecap:round;pointer-events:none;transition:stroke .2s,stroke-width .2s;position:absolute;top:50%}
.sek-skin:hover .sek-lens{stroke:var(--ink)}
.sek[data-open=true] .sek-lens{stroke:var(--ink-4)}
.sek[data-busy=true] .sek-lens{stroke:var(--ink-2);stroke-width:1.8px}
.sek-field{left:calc(var(--inset) + var(--lens) + 11px);height:100%;font:inherit;letter-spacing:-.005em;color:var(--ink);opacity:var(--say);transform:translateX(calc((1 - var(--say)) * -6px));pointer-events:var(--say-hit,none);background:0 0;border:0;outline:none;font-size:18px;position:absolute;top:0;right:14px}
.sek[data-open=true] .sek-field{--say-hit:auto}
.sek-field::placeholder{color:var(--ink-5)}
.sek-hit{border-radius:inherit;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}
.sek-hit:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px rgba(var(--ink-rgb), .4);outline:none}
@media (prefers-reduced-motion:reduce){.sek-skin,.sek-lens,.sek-field{transition-duration:1ms}
}
@keyframes hol-breathe{0%,to{translate:0}50%{translate:0 -1px}}
@keyframes hol-recoil{0%{scale:1}22%{scale:.82}55%{scale:1.1}to{scale:1}}
@keyframes rq-turn{to{rotate:360deg}}
@keyframes rq-write{to{stroke-dashoffset:0}}
@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes snd-beat{0%{scale:1}38%{scale:1.34}to{scale:1}}
.tlt{position:relative}
.tlt-card{background-color:var(--surface-2);background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}
.tlt-sheen{border-radius:inherit;pointer-events:none;position:absolute;inset:0}
.liq-defs{width:0;height:0;position:absolute;overflow:hidden}
@keyframes car-bob{0%,to{transform:translateY(calc(var(--lift,4px) * -1)) rotate(calc(var(--sway,1deg) * -1))}50%{transform:translateY(var(--lift,4px)) rotate(var(--sway,1deg))}}
@keyframes skel-sweep{to{background-position:0 0}}
@keyframes board-in{0%{opacity:0;scale:calc(var(--fit,1) * .94)}to{opacity:1;scale:var(--fit,1)}}
@keyframes board-drift{0%{opacity:0;scale:calc(var(--fit,1) * .78)}to{opacity:1;scale:var(--fit,1)}}
@keyframes said-in{0%{opacity:0}to{opacity:1}}
@keyframes haul-lift{0%{opacity:0;scale:.88}to{opacity:1;scale:1}}
@keyframes menu-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}
.acc{-webkit-user-select:none;user-select:none;touch-action:pan-y;flex-direction:row;align-items:stretch;display:flex;overflow:hidden}
.acc-cell{flex-shrink:1;flex-basis:0;min-width:0;position:relative;overflow:hidden}
.acc-cell img{-o-object-fit:cover;object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}
@keyframes sfx-drift{0%{translate:-50% -50%;rotate:0deg}to{translate:-50% -50%;rotate:360deg}}
@keyframes sfx-view-in{0%{opacity:0}to{opacity:1}}
@keyframes sfx-no{10%,90%{translate:-2px}30%,70%{translate:4px}50%{translate:-4px}}
@keyframes sfx-page{0%{opacity:0;translate:0 5px}}
@keyframes otp-in{0%{opacity:0;filter:blur(3px);transform:translateY(45%)scale(.86)}to{opacity:1;filter:none;transform:none}}
@keyframes otp-breathe{0%{opacity:1}to{opacity:.25}}
.lbi{font-family:var(--font-ui);place-items:center;padding-top:10px;display:grid;position:relative}
.lbi-box{cursor:text;background:0 0;position:relative}
.lbi-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}
.lbi-ring path{fill:none;stroke:rgba(var(--ink-rgb), .18);stroke-width:1px;stroke-linecap:butt;transition:stroke .24s,stroke-width .24s}
.lbi[data-focus=true] .lbi-ring path{stroke:var(--ink);stroke-width:1.5px}
.lbi[data-filled=true]:not([data-focus=true]) .lbi-ring path{stroke:rgba(var(--ink-rgb), .3)}
.lbi-gap{stroke-dasharray:1 2;stroke-dashoffset:0;transition:stroke .24s,stroke-width .24s,stroke-dashoffset .32s cubic-bezier(.22,1,.36,1)}
.lbi[data-up=true] .lbi-gap{stroke-dashoffset:-1px}
.lbi-label{left:var(--lbi-x);letter-spacing:-.005em;white-space:pre;color:var(--ink-4);transform-origin:0;cursor:text;-webkit-user-select:none;user-select:none;font-size:15px;line-height:1;transition:transform .42s cubic-bezier(.22,1,.36,1),color .2s;position:absolute;top:50%;transform:translateY(-50%)}
.lbi[data-up=true] .lbi-label{color:var(--ink-3);transform:translateY(-50%)translateY(-26px)scale(.78)}
.lbi[data-focus=true] .lbi-label{color:var(--fill-on,var(--ink))}
.lbi-label span{display:inline-block}
.lbi[data-focus=true] .lbi-label span{animation:.46s cubic-bezier(.3,.7,.3,1) both lbi-hop;animation-delay:calc(var(--i) * 24ms)}
@keyframes lbi-hop{0%{transform:translateY(0)}38%{transform:translateY(-3px)}to{transform:translateY(0)}}
.lbi-field{width:100%;height:100%;padding:0 0 0 var(--lbi-x);border-radius:inherit;font:inherit;letter-spacing:-.005em;color:var(--fill-on,var(--ink));background:0 0;border:0;outline:none;font-size:15px;position:absolute;inset:0}
.lbi-field[data-flip="1"]{animation:.26s ease-out lbi-flip-a}
.lbi-field[data-flip="0"]{animation:.26s ease-out lbi-flip-b}
@keyframes lbi-flip-a{0%{filter:blur(3px);opacity:.5}}
@keyframes lbi-flip-b{0%{filter:blur(3px);opacity:.5}}
.lbi-eye{width:30px;height:30px;color:var(--ink-4);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-top:-15px;padding:0;transition:color .16s,scale .13s cubic-bezier(.3,.9,.4,1);display:grid;position:absolute;top:50%;right:10px}
.lbi-eye:hover{color:var(--fill-on,var(--ink))}
.lbi-eye:active{scale:.9}
.lbi-eye svg{grid-area:1/1;transition:opacity .2s,scale .26s cubic-bezier(.22,1,.36,1),filter .2s}
.lbi-eye svg:last-child,.lbi-eye[data-show=true] svg:first-child{opacity:0;filter:blur(2px);scale:.7}
.lbi-eye[data-show=true] svg:last-child{opacity:1;filter:none;scale:1}
@media (prefers-reduced-motion:reduce){.lbi-ring path,.lbi-gap,.lbi-label{transition-duration:1ms}
.lbi[data-focus=true] .lbi-label span,.lbi-field{animation:none}
}
@keyframes swr-open{0%{height:0;margin-bottom:0}}
@keyframes hld-pop{0%{scale:.94}45%{scale:1.05}to{scale:1}}
@keyframes hld-word{0%{opacity:0;translate:0 3px}}
@keyframes hld-check{0%{opacity:0;scale:.4}}
.vn-frame{place-items:center;width:336px;height:156px;display:grid;position:relative}
.vn{--red:#e5484d;width:var(--w);border-radius:var(--r);background:var(--fill-slab,var(--card));height:56px;color:var(--fill-on,var(--ink));font-family:var(--font-ui);-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:width .46s cubic-bezier(.3, var(--ov), .4, 1), scale .2s cubic-bezier(.3, .9, .4, 1);font-size:17px;font-weight:500;position:relative;overflow:hidden}
[data-stroke=on] .vn{box-shadow:inset 0 0 0 1px var(--pane-edge)}
.vn[data-phase=clip]{cursor:default}
.vn:focus-visible{box-shadow:0 0 0 2px var(--fill-slab,#fff), 0 0 0 4px var(--signal,#2231dd);outline:none}
.vn-in{white-space:nowrap;align-items:center;animation:.24s 80ms both vn-in;display:flex;position:absolute;inset:0}
@keyframes vn-in{0%{opacity:0}}
.vn-idle{justify-content:center;gap:10px}
.vn-rec{gap:12px;padding:0 22px}
.vn-clip{gap:12px;padding:0 10px 0 6px}
.vn-time{font-variant-numeric:tabular-nums;opacity:.6;min-width:38px}
.vn-rec .vn-time{opacity:1}
.vn-dot{background:var(--red);border-radius:50%;flex:none;width:9px;height:9px;animation:1s ease-in-out infinite vn-blink}
@keyframes vn-blink{50%{opacity:.25}}
.vn-wave{height:32px;opacity:calc(1 - var(--pull) * .7);flex:1;justify-content:space-between;align-items:center;display:flex}
.vn-bar{width:3px;height:calc(4px + var(--l) * 28px);background:currentColor;border-radius:2px;flex:none;transition:height 90ms linear}
.vn-rec .vn-bar{animation:.2s cubic-bezier(.3,1.5,.4,1) both vn-grow}
@keyframes vn-grow{0%{scale:1 .2}}
.vn-scrub{cursor:ew-resize}
.vn-scrub .vn-bar{opacity:clamp(.3, calc((var(--prog) * var(--n) - var(--i)) * 99), 1);transition:none}
.vn[data-phase=cancel] .vn-in{animation:none}
.vn[data-phase=cancel] .vn-bar{opacity:0;transition:scale .22s ease-in,opacity .22s ease-in;scale:1 0}
.vn[data-phase=cancel] .vn-dot,.vn[data-phase=cancel] .vn-time,.vn[data-phase=cancel] button{opacity:0;transition:opacity .18s}
.vn-play,.vn-x{cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;border:0;flex:none;place-items:center;padding:0;transition:scale .16s cubic-bezier(.3,.9,.4,1),color .16s;display:grid}
.vn-play{border-radius:var(--inner);background:var(--fill-on,var(--ink));width:44px;height:44px;color:var(--fill-slab,var(--card))}
.vn-x{width:32px;height:32px;color:color-mix(in srgb, var(--fill-on,var(--ink)) 50%, var(--fill-slab,var(--card)));background:0 0;border-radius:50%}
.vn-x:hover{color:var(--fill-on,var(--ink))}
.vn-play:active,.vn-x:active{scale:.92}
.vn-play:focus-visible,.vn-x:focus-visible{outline:2px solid var(--signal,#2231dd);outline-offset:2px}
.vn-hint{text-align:center;font-family:var(--font-ui);color:var(--ink-3);opacity:0;pointer-events:none;font-size:13px;transition:opacity .2s;position:absolute;top:calc(50% + 42px);left:0;right:0}
.vn-hint[data-on]{opacity:calc(1 - var(--pull,0))}
.vn-hint[data-armed]{opacity:1;color:var(--red,#e5484d)}
.vn-rec{opacity:calc(1 - var(--pull) * .55)}
.vn-rec .vn-dot,.vn-rec .vn-time{opacity:max(0, 1 - var(--pull) * 1.6)}
.vn-cancel{color:#fff;opacity:0;pointer-events:none;background:#e5484d;border-radius:50%;place-items:center;width:28px;height:28px;margin-top:-14px;transition:opacity .14s,scale .14s;display:grid;position:absolute;top:50%;left:14px;scale:.4}
.vn-cancel[data-on]{opacity:1;transition:opacity .12s,scale .32s cubic-bezier(.3,1.6,.4,1);scale:1}
.vn[data-phase=cancel] .vn-cancel{opacity:0;transition:opacity .2s,scale .2s ease-in;scale:.6}
.sig-frame{place-items:center;display:grid}
.sig{border-radius:var(--r);background:var(--fill-slab,var(--card));color:var(--fill-on,var(--ink));font-family:var(--font-ui);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;flex:none;transition:width .72s cubic-bezier(.22,1,.36,1),height .72s cubic-bezier(.22,1,.36,1),border-radius .72s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}
[data-stroke=on] .sig{box-shadow:inset 0 0 0 1px var(--pane-edge)}
.sig-ink{pointer-events:none;position:absolute;inset:0;overflow:visible}
.sig[data-ink=Blue] .sig-ink{color:#2446d8}
[data-fill=dark] .sig[data-ink=Blue] .sig-ink{color:#7d95ff}
.sig-line{opacity:.16;pointer-events:none;background:currentColor;height:1px;position:absolute}
.sig-hint{pointer-events:none;text-align:center;opacity:.38;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;top:140px;left:0;right:0}
.sig[data-inked] .sig-hint{opacity:0}
.sig[data-signed]{cursor:default}
.sig-face{width:320px;height:180px;transition:scale .72s cubic-bezier(.22,1,.36,1),opacity .32s .2s;position:absolute;top:50%;left:50%;translate:-50% -50%}
.sig[data-signed] .sig-face{opacity:0;transition:scale .72s cubic-bezier(.22,1,.36,1),opacity .42s .12s;scale:.35}
.sig[data-signed] :is(.sig-clear,.sig-hint){opacity:0;transition:opacity .14s}
.sig-said{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}
.sig-pill{width:100%;height:100%;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:500;animation:.32s .42s both sig-said;display:flex}
.sig-pill:focus-visible{outline:2px solid var(--signal,#2231dd);outline-offset:2px;border-radius:999px}
.sig-check{color:#30a46c;animation:.42s cubic-bezier(.3,1.6,.4,1) .46s both sig-check}
@keyframes sig-said{0%{opacity:0}}
@keyframes sig-check{0%{opacity:0;rotate:-20deg;scale:.3}}
.sig-clear{border-radius:var(--inner);background:color-mix(in srgb, currentColor 7%, transparent);height:28px;color:inherit;font:inherit;cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;border:0;padding:0 11px;font-size:12px;font-weight:500;transition:opacity .18s,scale .22s cubic-bezier(.3,1.4,.4,1),background .16s;position:absolute;top:10px;right:10px;scale:.9}
.sig[data-inked] .sig-clear{opacity:1;pointer-events:auto;scale:1}
.sig-clear:hover{background:color-mix(in srgb, currentColor 12%, transparent)}
.sig-clear:active{scale:.94}
.sig-clear:focus-visible{outline:2px solid var(--signal,#2231dd);outline-offset:2px}
@keyframes lk-pop{0%{scale:.6}45%{scale:1.28}to{scale:1}}
@keyframes lk-heart{0%,28%{scale:0}62%{scale:1.25}to{scale:1}}
@keyframes lk-bloom{0%{border-width:17px;border-color:#e5484d;scale:.15}40%{border-width:17px;border-color:#cc8ef5;scale:1}75%{opacity:1;border-width:2px}to{opacity:0;border-width:0;border-color:#cc8ef5;scale:1.12}}
@keyframes lk-bloom-ink{0%{border-width:17px;scale:.15}40%{border-width:17px;scale:1}75%{opacity:1;border-width:2px}to{opacity:0;border-width:0;scale:1.12}}
@keyframes lk-dot{0%{translate:12px var(--side);opacity:0;scale:1}12%{opacity:1}to{translate:calc(18px + var(--fly) * 14px + var(--far)) calc(var(--side) * 1.6);opacity:1;scale:0}}
@keyframes lk-fw-x{0%{translate:0}to{translate:var(--x) 0}}
@keyframes lk-fw-y{0%{opacity:1;animation-timing-function:cubic-bezier(.2,.7,.4,1);translate:0}45%{translate:0 var(--y);opacity:1;animation-timing-function:cubic-bezier(.5,0,.8,.5)}to{translate:0 calc(var(--y) + 30px);opacity:0}}
@keyframes mb-drift{0%{--sx:30%;--sy:40%}25%{--sx:70%;--sy:30%}50%{--sx:62%;--sy:70%}75%{--sx:28%;--sy:62%}to{--sx:30%;--sy:40%}}
@keyframes mb-lift-a{0%,to{transform:translateZ(0)rotateX(0)rotate(0)}50%{transform:translateZ(54px)rotateX(9deg)rotate(-4deg)}}
@keyframes mb-lift-b{0%,to{transform:translateZ(0)rotateX(0)rotate(0)}50%{transform:translateZ(54px)rotateX(9deg)rotate(4deg)}}
@keyframes mb-shade-out-a{0%,15%{opacity:0}55%,to{opacity:.5}}
@keyframes mb-shade-out-b{0%,15%{opacity:0}55%,to{opacity:.5}}
@keyframes mb-shade-in-a{0%,45%{opacity:.5}85%,to{opacity:0}}
@keyframes mb-shade-in-b{0%,45%{opacity:.5}85%,to{opacity:0}}
.cmp{touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#222;outline:none;position:relative;overflow:hidden}
.cmp:focus-visible{box-shadow:0 0 0 2px var(--signal,#2231dd)}
.cmp-img{-o-object-fit:cover;object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}
.cmp-before{position:absolute;inset:0}
.cmp-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-ui);pointer-events:none;background:#17181a5c;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:12px;left:12px}
.cmp-tag.cmp-right{left:auto;right:12px}
.cmp-line{pointer-events:none;filter:drop-shadow(0 0 6px #ffffff80);position:absolute;inset:0;overflow:visible}
.cmp-line path{fill:none;stroke:#fff;stroke-width:2px}
.cmp-grip{pointer-events:none;width:0;position:absolute;top:0;bottom:0}
.cmp-knob{color:#17181a;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:scale .26s cubic-bezier(.3,1.5,.4,1);display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 2px 12px #17181a40}
.cmp:hover .cmp-knob{scale:1.08}
.cmp[data-held] .cmp-knob{scale:.9}
.upl{width:300px;font-family:var(--font-ui);color:var(--fill-on,var(--ink));-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;display:flex}
.upl-zone-wrap{flex:none;justify-content:center;align-items:center;height:176px;display:flex}
.upl-zone{border-radius:var(--upl-r);background:var(--fill-slab,var(--card));flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:176px;padding:0 16px;transition:scale .42s cubic-bezier(.3,1.35,.4,1),width .46s cubic-bezier(.3,1.2,.4,1),height .46s cubic-bezier(.3,1.2,.4,1),background-color .2s;display:flex;position:relative;overflow:hidden}
.upl-zone[data-over]{scale:1.02}
.upl-zone[data-gulp]{animation:.46s cubic-bezier(.3,1.2,.4,1) upl-gulp}
@keyframes upl-gulp{0%{scale:1.02}35%{scale:.985}70%{scale:1.006}to{scale:1}}
.upl-zone[data-gulp] .upl-icon{animation:.46s cubic-bezier(.3,1.4,.4,1) upl-open}
@keyframes upl-open{40%{scale:1.08}}
[data-stroke=on] .upl-zone{box-shadow:0 0 0 1px var(--pane-edge)}
.upl-icon{background:color-mix(in srgb, var(--fill-on,#17181a) 6%, var(--fill-slab,#fff));width:38px;height:38px;color:color-mix(in srgb, var(--fill-on,#17181a) 70%, var(--fill-slab,#fff));border-radius:10px;place-items:center;transition:translate .32s cubic-bezier(.3,1.5,.4,1),background-color .2s,color .2s;display:grid}
.upl-zone[data-over] .upl-icon{color:var(--fill-on,var(--ink));translate:0 -4px}
.upl-say{text-align:center;flex-direction:column;align-items:center;gap:3px;font-size:13px;display:flex}
.upl-say b{font-weight:500}
.upl-say span{color:color-mix(in srgb, var(--fill-on,#17181a) 45%, var(--fill-slab,#fff));font-size:12px}
.upl-zone[data-refuse] .upl-say b{color:#e5484d}
.upl-now{width:max-content;animation:upl-land .42s var(--upl-spring) both;flex:none;align-items:center;gap:12px;display:flex}
@keyframes upl-land{0%{opacity:0;translate:0 10px;scale:.85}}
.upl-text{flex-direction:column;gap:3px;width:150px;display:flex}
.upl-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}
.upl-meta{font-variant-numeric:tabular-nums;height:14px;color:color-mix(in srgb, var(--fill-on,#17181a) 45%, var(--fill-slab,#fff));align-items:center;gap:4px;font-size:12px;display:flex}
.upl-track{background:color-mix(in srgb, var(--fill-on,#17181a) 8%, var(--fill-slab,#fff));border-radius:2px;height:4px;margin-top:4px;position:relative;overflow:hidden}
.upl-bar{border-radius:inherit;background:var(--signal,#2231dd);transform-origin:0;position:absolute;inset:0}
.upl-roll{height:1em;line-height:1em;display:inline-flex;overflow:hidden}
.upl-roll-col{height:1em;display:inline-block;overflow:hidden}
.upl-roll-strip{flex-direction:column;transition:transform .22s cubic-bezier(.3,1.2,.4,1);display:flex}
.upl-roll-strip>span{height:1em}
.upl-end{flex:none;place-items:center;width:22px;height:22px;display:grid}
.upl-tick{background:var(--ok,#15803d);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;animation:.38s cubic-bezier(.3,1.6,.4,1) both upl-pop;display:grid}
@keyframes upl-pop{0%{scale:0}}
.upl-tray{justify-content:center;gap:18px;display:flex}
.upl-slot{width:76px;height:78px;position:relative}
.upl-file{z-index:1;cursor:grab;touch-action:none;transition:transform .46s var(--upl-spring), opacity .2s ease;outline:none;flex-direction:column;align-items:center;gap:6px;padding-top:4px;display:flex;position:relative}
.upl-file[data-held]{z-index:5;cursor:grabbing;transition:none}
.upl-file[data-gone]{opacity:0;pointer-events:none;transition:none}
.upl-file:not([data-gone]){animation:upl-back .36s var(--upl-spring) both}
@keyframes upl-back{0%{opacity:0;scale:.7}}
.upl-file:focus-visible .upl-page{outline:2px solid var(--signal,#2231dd);outline-offset:3px;border-radius:4px}
.upl-page{overflow:visible}
.upl-page-line{stroke:color-mix(in srgb, var(--fill-on,#17181a) 18%, var(--fill-slab,#fff));stroke-width:1.5px;fill:none}
.upl-page-ext{fill:#fff;font-family:var(--font-ui);letter-spacing:.01em;font-size:8.5px;font-weight:700}
.upl-label{white-space:nowrap;text-overflow:ellipsis;max-width:76px;color:color-mix(in srgb, var(--fill-on,#17181a) 70%, var(--fill-slab,#fff));font-size:11px;overflow:hidden}
:root:not([data-theme=dark]) [data-fill=dark] .upl-label{color:#5d5d5f}
:root:not([data-theme=dark]) [data-fill=dark] .upl-page-line{stroke:#5d5d5f}
:root[data-theme=dark] [data-fill=light] .upl-label{color:#afafae}
:root[data-theme=dark] [data-fill=light] .upl-page-line{stroke:#afafae}
.tms{border-radius:var(--tms-r);background:var(--fill-slab,var(--card));width:300px;color:var(--fill-on,var(--ink));font-family:var(--font-ui);-webkit-user-select:none;user-select:none;padding:20px 18px 16px}
[data-stroke=on] .tms{box-shadow:0 0 0 1px var(--pane-edge)}
.tms-read{justify-content:center;align-items:baseline;gap:6px;display:flex}
.tms-time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:500;line-height:1;display:inline-flex}
.tms-col{height:1.5em;margin:-.25em 0;display:inline-block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}
.tms-strip{flex-direction:column;transition:transform .22s cubic-bezier(.3,1.15,.4,1);display:flex}
.tms-strip>span{height:1.5em;line-height:1.5em}
.tms-strip[data-flip=a]{animation:.26s ease-out tms-blur-a}
.tms-strip[data-flip=b]{animation:.26s ease-out tms-blur-b}
@keyframes tms-blur-a{0%{filter:blur(2px)}to{filter:blur()}}
@keyframes tms-blur-b{0%{filter:blur(2px)}to{filter:blur()}}
.tms-colon{padding:0 .02em}
.tms-mer{color:color-mix(in srgb, var(--fill-on,#17181a) 45%, var(--fill-slab,#fff));font-size:14px;font-weight:500}
.tms-ruler{cursor:grab;touch-action:pan-y;outline:none;height:58px;margin-top:16px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}
.tms-ruler:active{cursor:grabbing}
.tms-ruler:focus-visible{box-shadow:inset 0 0 0 2px var(--signal,#2231dd);border-radius:10px}
.tms-track{position:absolute;top:0;bottom:0;left:50%}
.tms-tick{background:var(--fill-on,var(--ink));transform-origin:50% 0;border-radius:1px;width:2px;height:10px;position:absolute;top:8px;left:-1px}
.tms-tick[data-kind=quarter]{height:17px}
.tms-tick[data-kind=hour]{height:25px}
.tms-hour{white-space:nowrap;color:color-mix(in srgb, var(--fill-on,#17181a) 55%, var(--fill-slab,#fff));font-size:11px;font-weight:500;position:absolute;top:38px;left:0}
.tms-mark{background:#e5484d;border-radius:2px;width:3px;height:32px;margin-left:-1.5px;position:absolute;top:2px;left:50%}
@keyframes rxn-launch{0%{transform:translate(0)rotate(0)}30%{transform:translate(2px,-7px)rotate(-12deg)}60%{transform:translate(-1px,1px)rotate(4deg)}to{transform:translate(0)rotate(0)}}
@keyframes rxn-puff{0%{opacity:0;transform:scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-5px,6px)scale(1.6)}}
@keyframes rxn-flicker{0%{filter:brightness();transform:scale(1)}15%{filter:brightness(1.35);transform:scale(1.18,1.1)}30%{filter:brightness();transform:scale(.94,1.08)}48%{filter:brightness(1.25);transform:scale(1.1,.96)}66%{transform:scale(.98,1.04)}to{filter:brightness();transform:scale(1)}}
@keyframes rxn-pop{0%{transform:scale(.7)rotate(-12deg)}50%{transform:scale(1.18)rotate(6deg)}to{transform:none}}
@keyframes rxn-bit{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(-16px) scale(.6);opacity:0}}
@keyframes rxn-glance{0%,to{transform:translate(0)}25%{transform:translate(-2.5px)}60%{transform:translate(2.5px)}}
@keyframes rxn-tick{0%{transform:scale(.6)rotate(-14deg)}55%{transform:scale(1.2)rotate(4deg)}to{transform:none}}
@keyframes rxn-beat{0%,to{transform:scale(1)}15%{transform:scale(1.26)}30%{transform:scale(1)}45%{transform:scale(1.18)}60%{transform:scale(1)}}
@keyframes rxn-nod{0%{transform:rotate(0)}35%{transform:rotate(-16deg)translateY(-2px)}to{transform:rotate(0)}}
@keyframes rxn-laugh{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}}
@keyframes rxn-wow{0%{transform:scale(1)}35%{transform:scale(.92,1.22)}to{transform:scale(1)}}
@keyframes rxn-droop{0%,to{transform:none}40%{transform:translateY(2px)rotate(-8deg)scale(.96)}}
@keyframes rxn-bow{0%,to{transform:none}40%{transform:translateY(2px)scaleY(.9)}60%{transform:translateY(1px)scaleY(.95)}}
@keyframes pet-blink{0%,94%,to{scale:1}96%{scale:1 .12}}
@keyframes pet-caret{50%{opacity:0}}
.dyn{box-sizing:border-box;width:360px;height:182px;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-start;align-items:center;padding:16px 0;display:flex}
.dyn-top{justify-content:center;align-items:center;height:150px;display:flex}
.dyn-pill{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}
.dyn-in{display:flex;position:absolute;inset:0}
.dyn-compact,.dyn-open{align-items:center;gap:10px;display:flex;position:absolute;inset:0}
.dyn-compact{justify-content:space-between;padding:0 13px 0 12px}
.dyn-open{gap:12px;padding:0 14px}
.dyn-open[data-kind=Music]{align-items:stretch;padding:16px 18px}
.dyn-num{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:13px;font-weight:600}
.dyn-amber{color:#ff9f0a}
.dyn-green{color:#30d158}
.dyn-amber-bg{color:#ff9f0a;background:#ff9f0a3d}
.dyn-red-bg{color:#fff;background:#ff453a}
.dyn-round{border-radius:50%;flex:none;place-items:center;width:46px;height:46px;transition:scale .12s;display:grid}
.dyn-round:active{scale:.92}
.dyn-grow{flex:1}
.dyn-label{color:#ffffff8c;font-size:12px;font-weight:500}
.dyn-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:500;line-height:1}
.dyn-open[data-kind=Timer] .dyn-label{align-self:center;margin-right:-4px}
.dyn-face{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex:none;width:46px;height:46px}
.dyn-who{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}
.dyn-name{color:#fff;font-size:15px;font-weight:600}
.dyn-art{-o-object-fit:cover;object-fit:cover;border-radius:10px;flex:none;width:46px;height:46px}
.dyn-art-s{border-radius:6px;width:22px;height:22px}
.dyn-music{flex-direction:column;justify-content:space-between;width:100%;display:flex}
.dyn-row{align-items:center;gap:12px;display:flex}
.dyn-track{gap:10px}
.dyn-t{color:#ffffff80;font-variant-numeric:tabular-nums;width:34px;font-size:11px}
.dyn-t:last-child{text-align:right}
.dyn-rail{background:#ffffff38;border-radius:3px;flex:1;height:5px;overflow:hidden}
.dyn-rail>span{border-radius:inherit;background:#fff;height:100%;transition:width 1s linear;display:block}
.dyn-ctl{justify-content:center;gap:34px}
.dyn-play{place-items:center;display:grid}
.dyn-bars{align-items:center;gap:2px;height:16px;display:inline-flex}
.dyn-bars i{background:#ff6fa0;border-radius:2px;width:3px;height:4px;transition:height .2s}
.dyn-bars[data-on] i{animation:.9s ease-in-out infinite alternate dyn-bar}
.dyn-bars[data-on] i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}
.dyn-bars[data-on] i:nth-child(3){animation-duration:1.1s;animation-delay:-.5s}
.dyn-bars[data-on] i:nth-child(4){animation-duration:.8s;animation-delay:-.2s}
@keyframes dyn-bar{0%{height:4px}to{height:16px}}
.dyn-pill[data-tone=white]{color:#111;background:#fff;box-shadow:0 0 0 1px #0000000f}
.dyn-pill[data-tone=white] .dyn-label,.dyn-pill[data-tone=white] .dyn-t{color:#00000080}
.dyn-pill[data-tone=white] .dyn-name{color:#111}
.dyn-pill[data-tone=white] .dyn-amber{color:#e07b00}
.dyn-pill[data-tone=white] .dyn-amber-bg{color:#e07b00;background:#ff950029}
.dyn-pill[data-tone=white] .dyn-green{color:#1fa647}
.dyn-pill[data-tone=white] .dyn-rail{background:#0000001a}
.dyn-pill[data-tone=white] .dyn-rail>span{background:#111}
@media (prefers-reduced-motion:reduce){.dyn-bars[data-on] i{height:10px;animation:none}
}
@keyframes logo-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}
@keyframes bench-sort-in{0%{opacity:0;translate:0 -4px;scale:.94}}
@keyframes wall-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes svd-pulse{0%{scale:.88}45%{scale:1.12}to{scale:1}}
.swp{font-family:var(--font-ui);color:var(--fill-on,var(--ink));border-radius:var(--swp-r);position:relative;overflow:hidden}
.swp-card{z-index:1;border-radius:var(--swp-r);background:var(--fill-slab,var(--card));height:116px;position:absolute;left:0;right:0;overflow:hidden}
.swp-card[data-lifted]{z-index:3}
.swp-face{flex-direction:column;justify-content:flex-end;height:116px;padding:0 18px 16px;display:flex;position:absolute;left:0;right:0}
[data-stroke=on] .swp-card{box-shadow:inset 0 0 0 1px var(--pane-edge)}
.swp-label{color:rgba(var(--fill-on-rgb,var(--ink-rgb)), .38);font-size:12px;font-weight:500;position:absolute;top:16px;left:18px}
.swp-amount{letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-bottom:4px;font-size:24px;font-weight:500;line-height:1.1}
.swp-fiat{color:rgba(var(--fill-on-rgb,var(--ink-rgb)), .45);font-variant-numeric:tabular-nums;font-size:12px}
.swp-coin{background:rgba(var(--fill-on-rgb,var(--ink-rgb)), .06);height:30px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;align-items:center;gap:6px;margin:0;padding:0 10px 0 4px;font-family:inherit;font-size:13px;font-weight:600;transition:background .16s,scale .16s;display:inline-flex;position:absolute;bottom:14px;right:14px}
.swp-coin:hover{background:rgba(var(--fill-on-rgb,var(--ink-rgb)), .1)}
[data-fill=dark] .swp-coin{background:rgba(var(--fill-on-rgb,var(--ink-rgb)), .11)}
[data-fill=dark] .swp-coin:hover{background:rgba(var(--fill-on-rgb,var(--ink-rgb)), .16)}
.swp-coin:active{scale:.96}
.swp-coin:focus-visible{outline:2px solid var(--pick);outline-offset:2px}
.swp-logo{flex:none;display:block}
.swp-flip{z-index:2;cursor:pointer;width:40px;height:40px;color:var(--fill-on,var(--ink));background:color-mix(in srgb, var(--fill-on,var(--ink)) 7%, var(--fill-slab,var(--card)));-webkit-tap-highlight-color:transparent;border:0;place-items:center;margin:-20px 0 0 -20px;padding:0;display:grid;position:absolute;top:117.5px;left:50%}
[data-stroke=on] .swp-flip{box-shadow:inset 0 0 0 1px var(--pane-edge)}
.swp-flip:focus-visible{outline:2px solid var(--pick);outline-offset:2px}
.swp-pick-in{flex-direction:column;gap:2px;height:100%;padding:8px 10px 10px;display:flex;position:absolute;inset:0}
.swp-pick-head{height:32px;color:rgba(var(--fill-on-rgb,var(--ink-rgb)), .45);justify-content:space-between;align-items:center;margin-bottom:2px;padding-left:10px;font-size:12px;font-weight:500;display:flex}
.swp-pick-x{width:30px;height:30px;color:color-mix(in srgb, var(--fill-on,var(--ink)) 50%, var(--fill-slab,var(--card)));cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}
.swp-pick-x:hover{background:rgba(var(--fill-on-rgb,var(--ink-rgb)), .06);color:var(--fill-on,var(--ink))}
.swp-pick-row{min-height:0;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 10px;font-family:inherit;display:flex}
.swp-pick-row:hover{background:rgba(var(--fill-on-rgb,var(--ink-rgb)), .05)}
.swp-pick-row:focus-visible{outline:2px solid var(--pick);outline-offset:-2px}
.swp-pick-sym{font-size:14px;font-weight:600}
.swp-pick-name{color:rgba(var(--fill-on-rgb,var(--ink-rgb)), .45);font-size:13px}
.swp-pick-on{margin-left:auto}