.labs{--bg:#fafaf9;--surface:#fff;--text:#1c1917;--muted:#57534e;--accent:#1c1917;--hover:#f5f5f4;--chip:#f5f5f4;--off:#d6d3d1;--border:#e7e5e4;--shadow-xs:0 1px 2px #0a0d120d;--shadow-lg:0 12px 16px -4px #0a0d1214, 0 4px 6px -2px #0a0d1208;--ease:cubic-bezier(.32, .72, 0, 1);--ease-enter:cubic-bezier(.2, .7, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-exit:.12s;--dur-enter:.18s;--dur-move:.28s;--dur-morph:.45s;--dur-reveal:.48s;color:var(--text)}.theme{width:44px;height:44px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}@media (hover:hover){.theme:hover{background:var(--chip);color:var(--text)}}.theme{transition:background-color .15s,color .15s,transform .12s}.theme:active{background:var(--hover);color:var(--text);transform:scale(.94)}.theme[aria-pressed=true]{background:var(--chip);color:var(--accent)}@media (prefers-reduced-motion:reduce){.theme{transition:none}.theme:active{transform:none}}.theme:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.clip-tabs{width:fit-content;box-shadow:inset 0 -1px 0 var(--border);position:relative}.clip-tablist{gap:20px;display:flex}.clip-tablist button{min-height:36px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 2px;font-size:.875rem;position:relative}.clip-tabs-top{z-index:1;pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path .25s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.clip-tabs-top button{color:var(--text)}.clip-tabs-top button:after{content:"";background:var(--text);height:2px;position:absolute;bottom:0;left:0;right:0}.clip-tablist button:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}@media (hover:hover){.clip-tablist button:hover{color:var(--text)}}.opts{z-index:2;gap:4px;display:flex;position:absolute;bottom:16px;left:16px}.opts .theme{background:var(--chip);width:36px;height:36px;color:var(--text);box-shadow:0 0 0 1px var(--border);position:relative}@media (hover:hover){.opts .theme:hover{box-shadow:0 0 0 1px var(--off)}}.opts .theme:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.opts .theme:after{content:attr(data-tip);background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:4px 8px;font-size:.75rem;transition:opacity .12s;position:absolute;bottom:calc(100% + 4px);left:0}.opts .theme:focus-visible:after{opacity:1}@media (hover:hover){.opts .theme:hover:after{opacity:1;transition-delay:.3s}}.btn-pill{height:32px;font:inherit;white-space:nowrap;color:#18181b;cursor:pointer;touch-action:manipulation;background:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding-inline:12px;font-size:14px;font-weight:500;transition:transform .12s,background-color .15s;display:inline-flex;box-shadow:0 0 0 1px #80808033,0 1px 2px -1px #0003,0 2px 4px #0000001a}.btn-pill:active:not(:disabled){transform:scale(.97)}.btn-pill:disabled{opacity:.4;cursor:default}.btn-pill[aria-pressed=true]{background:var(--accent);color:#fff}.btn-pill:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}@media (hover:hover){.btn-pill:hover:not(:disabled):not([aria-pressed=true]){background:#f0f0f4}}@media (prefers-reduced-motion:reduce){.clip-tabs-top{transition-duration:1ms}.opts .theme:after,.btn-pill{transition:none}}
@property --p{syntax:"<number>";inherits:true;initial-value:0}.pb-demo{justify-items:center;gap:16px;display:grid}.pb-demo[data-interactive=true]{align-content:center;gap:32px;width:100%;padding:48px 16px}.pb{--pb-accent:#1c1917;--pb-bg:var(--pb-accent);--pb-fill:#fff;--pb-fg:#fff;--pb-inv:#1c1917;--pb-shadow:0 1px 2px #0a0d120d;--pb-ring:#0a0d122e;--pb-scale:.97;--pb-p-dur:0s;--pb-p-ease:ease-out;--pb-t-dur:.2s;--pb-t-ease:cubic-bezier(.34, 1.56, .64, 1);min-height:44px;box-shadow:var(--pb-shadow);background-color:var(--pb-bg);color:var(--pb-fg);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:--p var(--pb-p-dur) var(--pb-p-ease), background-color .3s ease, color .3s ease, filter .15s ease, transform var(--pb-t-dur) var(--pb-t-ease);border:0;border-radius:8px;place-content:center;padding:0 18px;font:600 16px/1 Inter,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.pb[data-size=sm]{--pb-scale:.95;border-radius:6px;gap:4px;min-height:28px;padding:0 10px;font-size:13px}.pb[data-variant=secondary]{--pb-bg:#fff;--pb-fill:#e9eaeb;--pb-fg:#414651;--pb-inv:#414651;--pb-ring:#d5d7da}@media (hover:hover){.pb[data-variant=secondary][data-status=idle]:hover{--pb-bg:#fafafa;filter:none}}.pb[data-status=loading]{--p:.85;--pb-p-dur:var(--pb-load-dur,2.5s);--pb-p-ease:cubic-bezier(.1, .6, .2, 1)}.pb[data-status=loading][data-fill]{--p:1;--pb-p-dur:.25s}.pb[data-status=success]{--p:1;--pb-bg:#067647;--pb-fill:#067647;--pb-inv:#fff;--pb-fg:#fff;--pb-ring:#0a0d122e}.pb[data-status=error]{--p:1;--pb-p-dur:.25s;--pb-bg:#d92d20;--pb-fill:#d92d20;--pb-inv:#fff;--pb-fg:#fff;--pb-ring:#0a0d122e}.pb:is(:active,[data-pressed]):not([aria-disabled=true]){transform:scale(var(--pb-scale));--pb-t-dur:90ms;--pb-t-ease:ease-out}.pb[aria-disabled=true]{cursor:default}.pb:focus-visible{box-shadow:var(--pb-shadow), 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.pb:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pb-ring), inset 0 -2px 0 #0a0d120d;pointer-events:none;position:absolute;inset:0}@media (hover:hover){.pb:hover:not([aria-disabled=true]){filter:brightness(1.12)}}.pb-fill{background-color:var(--pb-fill);transform:scaleX(var(--p));transform-origin:0;pointer-events:none;transition:background-color .3s;position:absolute;inset:0}.pb-stack{grid-area:1/1;place-items:center;display:grid}.pb-stack[data-inverted]{color:var(--pb-inv);clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);transition:color .3s}.pb-label{white-space:nowrap;grid-area:1/1;align-items:center;gap:6px;transition:opacity .2s,transform .3s cubic-bezier(.2,.8,.2,1),filter .2s;display:inline-flex}.pb-label[data-pos=in]{opacity:1;filter:none;transform:none}.pb-label[data-pos=out]{opacity:0;filter:blur(2px);transform:translate(-40%)}.pb-label[data-pos=wait]{opacity:0;filter:blur(2px);transition:opacity .2s,transform 0s .2s,filter 0s .2s;transform:translate(40%)}.pb-draw{stroke-dasharray:1;stroke-dashoffset:1px}.pb-label[data-pos=in] .pb-draw{stroke-dashoffset:0;transition:stroke-dashoffset .3s .12s}.pb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pb-panel{align-content:center;justify-items:center;gap:20px;width:100%;display:grid}.pb-opts{flex-wrap:wrap;justify-content:center;gap:4px 20px;display:flex}@media (prefers-reduced-motion:reduce){.pb{--pb-scale:1}.pb-label,.pb-label[data-pos]{filter:none;transition:opacity .1s;transform:none}.pb-label[data-pos=in] .pb-draw{transition:none}}
.is{text-align:left;width:320px;font:inherit;color:var(--text);gap:8px;line-height:normal;display:grid}.is label{font-size:14px;font-weight:500}.is-field[data-shake]{animation:.36s cubic-bezier(.36,.07,.19,.97) is-shake}@keyframes is-shake{15%{transform:translate(-8px)}35%{transform:translate(7px)}55%{transform:translate(-5px)}75%{transform:translate(3px)}}.is input{box-sizing:border-box;background:var(--surface);width:100%;height:44px;color:inherit;font:inherit;box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000f;border:0;border-radius:10px;padding:0 14px;font-size:16px;transition:box-shadow .15s}.is input:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.is input[aria-invalid]{box-shadow:0 0 0 1.5px #f04438}.is input[aria-invalid]:focus-visible{box-shadow:0 0 0 1.5px #f04438,0 0 0 4px #f044384d}.is-error{color:#f04438;margin:0;font-size:13px}.is-error[hidden]{display:none}.is .btn-pill{justify-self:start}@media (prefers-reduced-motion:reduce){.is-field[data-shake]{animation:none}.is input{transition:none}}
.as{text-align:left;width:360px;font:inherit;color:var(--text);justify-items:start;gap:16px;line-height:normal;display:grid}.as-hint{color:var(--muted);min-height:20px;margin:0;font-size:14px}.as-list{background:var(--surface);width:100%;box-shadow:0 0 0 1px var(--border), var(--shadow-xs);border-radius:12px;margin:0;padding:8px;list-style:none}.as-row{grid-template-columns:28px 1fr auto;align-items:center;gap:12px;height:44px;padding:0 8px;font-size:14px;display:grid}.as-ico{width:28px;height:28px;color:var(--muted);place-items:center;display:grid}.as-name{transition:color var(--dur-enter) var(--ease-enter);font-weight:500}.as-row[data-state=pending] .as-name{color:var(--muted)}.as-meta{text-align:right;min-width:64px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.as-row[data-state=error] .as-meta{color:#f04438}.as-dot{width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--off);border-radius:50%}.as-spin{color:var(--accent);animation:.8s linear infinite as-spin}@keyframes as-spin{to{transform:rotate(360deg)}}.as[data-tile]{gap:0}@media (prefers-reduced-motion:reduce){.as-spin{animation:none}.as-name{transition:none}}
.ai{--ease:cubic-bezier(.32, .72, 0, 1);text-align:left;width:420px;height:280px;font:inherit;place-items:center;line-height:normal;display:grid;position:relative}.ai-panel{background:var(--surface);width:360px;color:var(--text);transition:box-shadow .3s ease, transform .3s var(--ease);border-radius:22px;padding:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014,0 8px 24px #00000014}.ai:has(.ai-input:focus-visible) .ai-panel{box-shadow:0 0 0 2px var(--accent), 0 8px 24px #00000014}.ai[data-sent=true] .ai-panel{transform:scale(.98)}.ai-chips{transition:grid-template-rows .3s var(--ease);grid-template-rows:0fr;display:grid}.ai-chips[data-open=true]{grid-template-rows:1fr}.ai-chips ul{gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.ai-chips li{background:var(--chip);animation:ai-chip-in .3s var(--ease);border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:4px;font-size:12px;display:flex}.ai-thumb{background:color-mix(in srgb, var(--accent) 14%, var(--surface));width:36px;height:36px;color:var(--accent);letter-spacing:.04em;border-radius:8px;flex-shrink:0;place-items:center;font-size:10px;font-weight:600;display:grid;position:relative;overflow:hidden}.ai-chip-text{flex-direction:column;min-width:0;padding-right:2px;line-height:1.3;display:flex}.ai-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px;font-weight:500;overflow:hidden}.ai-chip-size{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.ai-chips li button{width:24px;height:24px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}@keyframes ai-chip-in{0%{opacity:0;transform:translateY(6px)scale(.92)}}.ai-field{position:relative}.ai-input{resize:none;width:100%;min-height:24px;max-height:120px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;padding:4px 4px 8px;font-size:16px;line-height:24px;display:block}.ai-hints{pointer-events:none;height:24px;transition:opacity .12s;position:absolute;inset:4px 4px auto;overflow:hidden}.ai-hints[data-hidden=true]{opacity:0}.ai-hints span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);opacity:0;transition:opacity .25s ease, transform .4s var(--ease);font-size:16px;line-height:24px;position:absolute;inset:0;overflow:hidden;transform:translateY(10px)}.ai-hints span[data-pos=now]{opacity:1;transform:none}.ai-hints span[data-pos=out]{transform:translateY(-10px)}.ai-bar{align-items:center;gap:4px;display:flex}.ai-grow{flex:1}.ai-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .15s,color .15s,transform .15s;display:grid}.ai-btn:active{transform:scale(.97)}.ai[data-interactive=false] .ai-btn,.ai[data-interactive=false] .ai-end{cursor:default}@media (hover:hover){.ai[data-interactive=true] .ai-btn:hover{background:var(--hover);color:var(--text)}}.ai-btn:focus-visible,.ai-end:focus-visible,.ai-chips li button:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.ai-btn{position:relative}.ai-btn[data-on=true]{background:var(--accent);color:#fff}.ai-btn[data-on=true]:after{content:"";background:var(--accent);pointer-events:none;border-radius:50%;animation:1.4s ease-out infinite ai-pulse;position:absolute;inset:0}@keyframes ai-pulse{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.ai-slot{width:36px;height:36px;transition:width .25s var(--ease);position:relative}.ai-slot[data-state=files]{width:76px}.ai-slot .ai-btn{transition:opacity .15s ease, transform .25s var(--ease), background-color .15s ease, color .15s ease;position:absolute;top:0;left:0}.ai-voice{background:var(--chip);color:var(--text)}.ai-send{background:var(--accent);color:#fff;opacity:0;transform:scale(.6)}.ai-slot[data-state=text] .ai-voice{opacity:0;transform:scale(.6)}.ai-slot[data-state=text] .ai-send{opacity:1;transform:none}.ai-slot[data-state=files] .ai-send{opacity:1;transform:translate(40px)}@media (hover:hover){.ai[data-interactive=true] .ai-send:hover{background:var(--accent);color:#fff;filter:brightness(1.1)}}.ai-panel{min-height:0;transition:box-shadow .3s ease, transform .3s var(--ease), min-height .3s var(--ease)}.ai[data-mode=voice] .ai-panel{min-height:188px}.ai-listen{background:var(--surface);opacity:0;flex-direction:column;justify-content:space-between;padding:16px;transition:opacity .15s,transform .15s;display:flex;position:absolute;inset:0;transform:scale(1.04)}.ai[data-mode=voice] .ai-listen{opacity:1;transition:opacity .25s ease .1s, transform .4s var(--ease) .1s;transform:none}.ai-talk{flex-direction:column;gap:8px;font-size:15px;line-height:21px;display:flex}.ai-line{min-height:21px;margin:0;transition:opacity .25s,color .25s}.ai-line[data-who=you]{color:var(--muted)}.ai-line[data-who=you][data-dim=true]{opacity:.6}.ai-line[data-who=ai]{color:var(--text);font-weight:500}.ai-line[data-who=ai][data-show=false]{opacity:0}.ai-status{align-items:center;gap:12px;display:flex}.ai-status>span{color:var(--muted);flex:1;font-size:13px}.ai-bars{align-items:center;gap:3px;height:24px;display:flex}.ai-bars i{background:var(--accent);border-radius:2px;width:3px;height:24px;transition:background-color .25s;transform:scaleY(.2)}.ai[data-mode=voice] [data-phase=listening] .ai-bars i{animation:1.1s ease-in-out infinite ai-bar;animation-delay:calc(var(--i) * -.17s)}.ai[data-mode=voice] [data-phase=thinking] .ai-bars i{animation:.9s ease-in-out infinite ai-think;animation-delay:calc(var(--i) * 80ms)}.ai[data-mode=voice] [data-phase=speaking] .ai-bars i{background:var(--text);animation:.8s ease-in-out infinite ai-bar;animation-delay:calc(var(--i) * -.13s)}@keyframes ai-bar{0%,to{transform:scaleY(.2)}40%{transform:scaleY(1)}70%{transform:scaleY(.5)}}@keyframes ai-think{0%,to{transform:scaleY(.2)}50%{transform:scaleY(.45)}}.ai-end{background:var(--chip);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.ai-sr{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ai-hints span{transition:opacity 1ms;transform:none}.ai-chips,.ai-panel{transition-duration:1ms}.ai-slot .ai-btn{transition:opacity .15s,background-color .15s,color .15s}.ai-chips li{animation:none}.ai-btn[data-on=true]:after,.ai[data-mode=voice] .ai-bars i{animation:none!important}.ai[data-mode=voice] .ai-bars i{transform:scaleY(.6)}.ai-panel{transition-duration:1ms}.ai-send,.ai-slot[data-state=text] .ai-voice{transform:none}.ai-slot{transition-duration:1ms}}
.ag{text-align:left;width:320px;font:inherit;color:var(--text);justify-items:start;gap:16px;line-height:normal;display:grid}.ag-deck{width:100%;position:relative}.ag-card{background:var(--surface);box-shadow:0 0 0 1px var(--border), var(--shadow-lg);z-index:1;opacity:1;transition:opacity var(--dur-exit) ease, transform var(--dur-move) var(--ease-enter);border-radius:12px;gap:16px;padding:16px;display:grid;position:relative;transform:none}@starting-style{.ag-card{opacity:0;transform:translateY(100%)}}.ag-head{gap:12px;display:grid}.ag-icon{color:var(--accent);display:grid}.ag-text{gap:4px;min-width:0;min-height:64px;font-size:14px;line-height:20px;display:grid}.ag-title{font-weight:600}.ag-desc{color:var(--muted)}.ag-desc code{background:var(--chip);color:var(--text);border-radius:4px;padding:1px 4px;font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace}.ag-foot{display:grid}.ag-foot>*{grid-area:1/1}.ag-actions{transition:opacity var(--dur-exit) ease;grid-template-columns:1fr 1fr;gap:12px;display:grid}.ag-actions[inert]{opacity:0}.ag-result{opacity:0;pointer-events:none;transition:opacity var(--dur-enter) ease var(--dur-exit);align-items:center;gap:8px;margin:0;padding:0 4px;font-size:14px;font-weight:500;display:flex}.ag-result[data-show=true]{opacity:1}.ag-allow{display:grid;position:relative}.ag-ring{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px;overflow:visible}.ag-ring rect{x:1px;y:1px;rx:11px;fill:none;width:calc(100% - 2px);height:calc(100% - 2px);stroke:var(--accent);stroke-width:2px;stroke-dasharray:1;animation:linear forwards ag-count}@keyframes ag-count{0%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}.ag-controls{justify-self:center}@media (prefers-reduced-motion:reduce){.ag-card{transition-duration:1ms;transform:none}.ag-ring rect{stroke-dashoffset:0;animation:none}}
@property --ba-p{syntax:"<percentage>";inherits:true;initial-value:50%}.ba{text-align:left;flex-direction:column;gap:16px;width:360px;max-width:100%;display:flex;position:relative}.ba-box{--ba-p:50%;aspect-ratio:3/2;box-shadow:0 0 0 1px var(--border);-webkit-user-select:none;user-select:none;border-radius:12px;position:relative;overflow:hidden}.ba[data-interactive=true] .ba-box{touch-action:none;cursor:ew-resize}.ba[data-interactive=true][data-split=vertical] .ba-box{cursor:ns-resize}.ba[data-interactive=false] .ba-box{animation:4s ease-in-out infinite alternate paused ba-sweep}.ba[data-playing=true][data-interactive=false] .ba-box{animation-play-state:running}@keyframes ba-sweep{0%,12%{--ba-p:0%}88%,to{--ba-p:100%}}.ba-layer{place-items:center;display:grid;position:absolute;inset:0}.ba-after{clip-path:inset(0 calc(100% - var(--ba-p)) 0 0)}.ba[data-split=vertical] .ba-after{clip-path:inset(0 0 calc(100% - var(--ba-p)) 0)}.ba-before{color:#333;background:#e5e5e5;font-family:Times New Roman,serif}.ba-before .ba-card{background:#f4f4f4;border:1px solid #999;width:80%;padding:8px}.ba-before .ba-title{font-size:14px;font-weight:700}.ba-before .ba-price{font-size:18px}.ba-before .ba-price span{font-size:11px}.ba-before .ba-copy{margin:4px 0;font-size:11px;line-height:1.2}.ba-before .ba-sub{font-size:11px}.ba-before .ba-fine{margin-bottom:4px;font-size:9px;display:block}.ba-before .ba-cta{background:#ddd;border:1px solid #666;padding:2px 6px;font-size:11px;display:inline-block}.ba-after{background:var(--chip);color:var(--text);font-family:Inter,system-ui,sans-serif}.ba-after .ba-card{background:var(--surface);border-radius:20px;width:82%;padding:18px;box-shadow:0 1px 2px #0a0d120d,0 6px 16px -6px #0a0d1214}.ba-after .ba-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ba-after .ba-title{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.15}.ba-after .ba-sub{color:var(--muted);margin-top:2px;font-size:13px}.ba-after .ba-price{letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:1.1}.ba-after .ba-price span{color:var(--muted);margin-left:2px;font-size:14px;font-weight:400}.ba-after .ba-copy{color:var(--muted);margin:12px 0 14px;font-size:12px;line-height:1.5}.ba-after .ba-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.ba-after .ba-fine{color:var(--muted);font-size:11px;line-height:1.35}.ba-after .ba-cta{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600}.ba-tag{color:#fff;pointer-events:none;background:#0a0d1299;border-radius:999px;padding:2px 8px;font:500 11px Inter,system-ui,sans-serif;position:absolute;top:8px}.ba-tag-before{right:8px}.ba-tag-after{left:8px}.ba[data-split=vertical] .ba-tag-before{inset:auto auto 8px 8px}.ba-divider{top:0;bottom:0;left:var(--ba-p);background:var(--accent);outline:none;width:2px;margin-left:-1px;position:absolute}.ba[data-split=vertical] .ba-divider{top:var(--ba-p);width:auto;height:2px;margin:-1px 0 0;bottom:auto;left:0;right:0}.ba-handle{place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:absolute;top:50%;left:50%}.ba-handle:after{content:"";background:var(--accent);width:20px;height:20px;box-shadow:0 0 0 3px #fff, var(--shadow-lg);border-radius:50%}.ba[data-interactive=false] .ba-handle{display:none}.ba-divider:focus-visible .ba-handle:after{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--accent)}.ba .opts-inline{align-self:center;position:static}@media (prefers-reduced-motion:reduce){.ba[data-interactive=false] .ba-box{animation:none}}
.cs{flex-direction:column;align-items:center;gap:24px;width:380px;display:flex}.cs-panel{width:100%}.cs-stack:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.cs-wrap{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.cs-stack{perspective:1000px;border-radius:20px;width:264px;height:340px;margin-top:12px;position:relative}.cs-card{--e:max(0, calc(var(--i) - var(--p,0)));z-index:calc(10 - var(--i));perspective:1100px;color:#fff;transform:translate3d(0, calc(var(--e) * 14px), calc(var(--e) * -60px));opacity:clamp(0, calc(4 - var(--e)), 1);-webkit-user-select:none;user-select:none;border-radius:20px;transition:transform .26s cubic-bezier(.25,1,.5,1),opacity .26s;position:absolute;inset:0;box-shadow:0 1px 2px #0000001a,0 12px 28px -8px #00000047}.cs-card[data-qa=true]{color:var(--text);box-shadow:0 12px 28px -8px #0000002e}.cs-card[data-top=true]{cursor:grab;touch-action:none;transition-timing-function:cubic-bezier(.34,1.3,.64,1),ease}.cs-card[data-top=true]:active{cursor:grabbing}.cs-stack[data-dragging] .cs-card{transition:none}.cs-stack[data-kbd] .cs-card,.cs-stack[data-kbd] .cs-card[data-away]:not([data-keep=true]){transition-duration:.12s;transition-delay:0s}.cs-card[data-away]{z-index:20;pointer-events:none;transition:transform .22s cubic-bezier(.2,.7,.3,1)}.cs-card[data-away]:not([data-keep=true]){opacity:0;transition:transform .3s cubic-bezier(.2,.7,.3,1),opacity .22s .1s}.cs-card[data-from]{animation:.3s cubic-bezier(.2,.7,.3,1) cs-undo}@keyframes cs-undo{0%{opacity:0;transform:translate(var(--ex), var(--ey)) rotate(var(--er))}}.cs-inner{border-radius:inherit;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.3,.8,.3,1);position:absolute;inset:0}.cs-inner[data-flipped=true]{transform:rotateY(180deg)}.cs-face{border-radius:inherit;backface-visibility:hidden;background:linear-gradient(160deg, hsl(30 6% calc(40% + var(--h) * 0.06%)), hsl(30 8% calc(22% + var(--h) * 0.04%)));flex-direction:column;justify-content:flex-end;gap:8px;padding:28px;display:flex;position:absolute;inset:0}.cs-card[data-qa=true] .cs-face{background:var(--surface);box-shadow:inset 0 0 0 1px var(--off)}.cs-card[data-qa=true] .cs-flip{background:linear-gradient(160deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #000));box-shadow:none;color:#fff}.cs-flip{text-align:center;justify-content:center;align-items:center;transform:rotateY(180deg)}.cs-tag{letter-spacing:.02em;opacity:.8;font-size:12px;font-weight:500;position:absolute;top:28px;left:28px}.cs-flip .cs-tag{margin-bottom:4px;position:static}.cs-title{text-wrap:balance;margin:0;font-size:28px;font-weight:600;line-height:1.1}.cs-sub{opacity:.8;text-wrap:pretty;margin:0;font-size:14px}.cs-card[data-qa=true] .cs-face{justify-content:center}.cs-card[data-qa=true] .cs-tag{color:var(--accent);opacity:1}.cs-card[data-qa=true] .cs-sub{color:var(--muted);opacity:1}.cs-card[data-qa=true] .cs-title{font-size:24px}.cs-stamp{z-index:1;border:3px solid var(--c);color:var(--c);letter-spacing:.06em;opacity:0;pointer-events:none;background:#ffffffe6;border-radius:8px;padding:2px 10px;font-size:20px;font-weight:700;transition:opacity .12s;position:absolute}.cs-stamp-right{opacity:var(--p-right,0);top:50%;right:20px;translate:0 -50%;rotate:12deg}.cs-stamp-left{opacity:var(--p-left,0);top:50%;left:20px;translate:0 -50%;rotate:-12deg}.cs-stamp-up{opacity:var(--p-up,0);top:50%;left:50%;translate:-50% -50%}.cs-stamp-down{opacity:var(--p-down,0);top:32px;left:50%;translate:-50%}.cs-card[data-away=right] .cs-stamp-right,.cs-card[data-away=left] .cs-stamp-left,.cs-card[data-away=up] .cs-stamp-up,.cs-card[data-away=down] .cs-stamp-down{opacity:1}.cs-stack[data-dragging] .cs-stamp{transition:none}.cs-empty{box-shadow:inset 0 0 0 1px var(--off);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.cs-empty p{color:var(--muted);margin:0;font-size:14px}.cs-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cs-actions[hidden]{display:none}.cs .cs-btn{height:36px;padding:0 16px}.cs .cs-icon{width:36px;padding:0}.cs-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.cs-card{transition-duration:1ms}.cs-card[data-away]{transition:opacity .2s}.cs-inner{transition-duration:1ms}.cs-card[data-from]{animation:.2s cs-undo}}.cs-card[data-qa=true] .cs-flip .cs-tag{color:#fff;opacity:.8}.cs-peek{opacity:.75;font-size:11px;font-weight:500;position:absolute;top:28px;right:28px}.cs-info{text-align:left;justify-content:flex-start;align-items:stretch;gap:14px;padding:24px}.cs-info-title{margin:0;font-size:20px;font-weight:600}.cs-map{background:#00000038;border-radius:12px;flex:none;width:100%;height:112px;display:block}.cs-grid{fill:none;stroke:#ffffff24;stroke-width:.25px}.cs-land{fill:#ffffffc7}.cs-pin{fill:#fff;stroke:var(--accent);stroke-width:.9px}.cs-ping{fill:none;stroke:#fff;stroke-width:.6px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite cs-ping}@keyframes cs-ping{to{opacity:0;transform:scale(3.75)}}.cs-facts{flex-direction:column;gap:10px;margin:0;display:flex}.cs-facts div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cs-facts dt{letter-spacing:.04em;text-transform:uppercase;opacity:.7;flex:none;font-size:11px;font-weight:500}.cs-facts dd{text-align:right;text-wrap:balance;margin:0;font-size:13px;font-weight:500}@media (prefers-reduced-motion:reduce){.cs-ping{opacity:0;animation:none}}.cs-hint{max-width:300px;height:40px;color:var(--muted);text-align:center;text-wrap:balance;max-width:300px;height:40px;text-align:center;text-wrap:balance;justify-content:center;align-items:center;margin:0;font-size:13px;display:flex}.cs-hint[data-show=true]{opacity:1}.cs-stack[data-hint]:not([data-dragging]) .cs-card[data-top=true]{animation:2.4s ease-in-out 1.2s infinite cs-nudge}@keyframes cs-nudge{0%,40%,to{transform:none}12%{transform:translate(14px)rotate(1.5deg)}28%{transform:translate(-14px)rotate(-1.5deg)}}@media (prefers-reduced-motion:reduce){.cs-stack[data-hint] .cs-card[data-top=true]{animation:none}}.cs-face[data-img=true]{background:linear-gradient(to bottom, #00000080, transparent 32%, transparent 38%, #000000e0), var(--img) center / cover;text-shadow:0 1px 8px #0000008c}.cs-face[data-img=true] .cs-sub{opacity:1}.cs-face[data-img=true] .cs-tag,.cs-face[data-img=true] .cs-peek{opacity:1;text-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;padding:4px 10px}.cs-info[data-img=true]{text-shadow:none;background:0 0;overflow:hidden}.cs-info[data-img=true]:before{content:"";z-index:-1;filter:blur(20px);background:linear-gradient(#0000009e, #000000b8), var(--img) center / cover;position:absolute;inset:0;scale:1.3}.cs-info[data-img=true] .cs-facts dt{opacity:.9}.cs-slot{justify-content:center;height:36px;margin-top:-16px;display:flex}.cs-undo{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.cs-undo[data-show=true]{visibility:visible;opacity:1;pointer-events:auto}.cs-tag{align-items:center;gap:6px;display:inline-flex}
.cp{--ease:cubic-bezier(.32, .72, 0, 1);text-align:left;width:420px;height:280px;font:inherit;line-height:normal;position:relative}.cp-card{background:var(--surface);width:220px;height:220px;color:var(--text);transition:left .5s var(--ease), top .5s var(--ease), width .5s var(--ease), height .5s var(--ease), border-radius .5s var(--ease), box-shadow .5s var(--ease);border-radius:28px;position:absolute;top:30px;left:100px;overflow:hidden;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014,0 12px 32px #00000024}.cp[data-open=true] .cp-card{border-radius:24px;width:420px;height:280px;top:0;left:0;box-shadow:0 0 0 1px #80808033}.cp-hero{color:#fff;height:100%;transition:height .5s var(--ease);background:linear-gradient(155deg,#d6d3d1,#78716c 55%,#44403c);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0 0 auto}.cp[data-open=true] .cp-hero{height:150px}.cp-kicker{letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin:0 0 4px;font-size:11px;font-weight:600}.cp-title{letter-spacing:-.02em;text-wrap:balance;max-width:12ch;margin:0;font-size:26px;font-weight:700;line-height:1.08}.cp-body{opacity:0;padding:16px 20px;font-size:13px;line-height:1.45;transition:opacity .15s,transform .15s;position:absolute;inset:150px 0 0;transform:translateY(12px)}.cp-body p{text-wrap:pretty;margin:0 0 8px}.cp[data-open=true] .cp-body{opacity:1;transition:opacity .3s ease .2s, transform .4s var(--ease) .2s;transform:none}.cp-close{color:#fff;cursor:pointer;touch-action:manipulation;opacity:0;pointer-events:none;background:#0006;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:opacity .15s;display:grid;position:absolute;top:12px;right:12px}.cp[data-open=true] .cp-close{opacity:1;pointer-events:auto;transition:opacity .25s .25s}.cp[data-interactive=false] .cp-close{cursor:default}.cp-close:focus-visible,.cp-hit:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.cp-hit{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:28px;width:220px;height:220px;padding:0;position:absolute;top:30px;left:100px}.cp[data-interactive=false] .cp-hit{cursor:default}.cp-hit:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.cp-card,.cp-hero{transition-duration:1ms}.cp-body,.cp-close{transform:none}}
.cr-wrap{flex-direction:column;gap:16px;display:flex}.cr-wrap .opts{align-self:center;position:static}.cr{--h:230px;width:380px;height:var(--h);text-align:left;font:inherit;border-radius:20px;line-height:normal;position:relative;overflow:hidden;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014,0 12px 32px #0000001a}.cr-page{background:var(--bg);color:var(--fg);--muted-c:color-mix(in srgb, var(--fg) 60%, transparent);padding:20px 22px;position:absolute;inset:0}.cr-page[data-theme=light]{--bg:#fff;--fg:#141414;--chip:#0000000f}.cr-page[data-theme=dark]{--bg:#141414;--fg:#f5f5f5;--chip:#ffffff1a}.cr-page[data-top]{animation:cr-reveal var(--dur-reveal) var(--ease-standard) both}@keyframes cr-reveal{0%{clip-path:circle(0 at var(--at))}to{clip-path:circle(142% at var(--at))}}.cr-bar{justify-content:space-between;align-items:center;display:flex}.cr-bar h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:1.15}.cr-toggle{background:var(--chip);width:36px;height:36px;color:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:8px;place-items:center;padding:0;font-size:16px;display:grid}.cr-toggle:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.cr-page p{color:var(--muted-c);text-wrap:pretty;margin:8px 0 0;font-size:13px;line-height:1.45}.cr-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.cr-cards i{background:var(--chip);border-radius:12px;height:64px}.cr[data-style=shades] .cr-page[data-top]{animation-name:cr-shade;animation-timing-function:var(--ease)}.cr[data-style=shades] .cr-page[data-top]:after{content:"";background:color-mix(in srgb, var(--fg) 24%, transparent);height:6px;animation:cr-shade-bar var(--dur-reveal) var(--ease) both;position:absolute;inset:0 0 auto}@keyframes cr-shade{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes cr-shade-bar{0%{transform:translateY(0)}to{transform:translateY(calc(var(--h) - 6px))}}@media (prefers-reduced-motion:reduce){.cr-page[data-top],.cr[data-style=shades] .cr-page[data-top]{animation:cr-fade var(--dur-exit) ease both}.cr[data-style=shades] .cr-page[data-top]:after{display:none}}@keyframes cr-fade{0%{opacity:0}}
.xf{flex-direction:column;align-items:center;gap:24px;width:380px;display:flex}.xf-frame{background:var(--surface);width:100%;height:230px;color:var(--text);text-align:left;font:inherit;border-radius:20px;line-height:normal;position:relative;overflow:hidden;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014,0 12px 32px #0000001a}.xf-page{padding:22px;position:absolute;inset:0}.xf-page[data-kind=in]{animation:.18s cubic-bezier(.2,.7,.2,1) both xf-in}.xf-page[data-kind=out]{pointer-events:none;animation:.1s ease-out both xf-out}@keyframes xf-in{0%{opacity:0;transform:translateY(10px)}}@keyframes xf-out{to{opacity:0}}.xf-page h3{letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.15}.xf-page p{color:var(--muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.45}.xf-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.xf-stats b{font-variant-numeric:tabular-nums;background:#8080801a;border-radius:12px;flex-direction:column;gap:2px;padding:12px;font-size:22px;font-weight:700;display:flex}.xf-stats small{color:var(--muted);font-size:11px;font-weight:500}.xf-list{margin:12px 0 0;padding:0;list-style:none}.xf-list li{box-shadow:0 1px 0 var(--border);justify-content:space-between;align-items:center;padding:11px 0;font-size:14px;display:flex}.xf-list em{color:var(--muted);font-size:12px;font-style:normal}@media (prefers-reduced-motion:reduce){.xf-page[data-kind=in]{animation:.12s both xf-fade}.xf-page[data-kind=out]{animation-name:xf-out}}@keyframes xf-fade{0%{opacity:0}}
.ds{background:var(--surface);width:380px;height:260px;color:var(--text);text-align:left;font:inherit;border-radius:20px;flex-direction:column;line-height:normal;display:flex;overflow:hidden;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014,0 12px 32px #0000001a}.ds-head,.ds-foot{flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.ds-head{box-shadow:0 1px 0 var(--border)}.ds-foot{box-shadow:0 -1px 0 var(--border)}.ds-brand{font-size:13px;font-weight:600}@property --ds-l{syntax:"<number>";inherits:false;initial-value:0}@property --ds-r{syntax:"<number>";inherits:false;initial-value:0}.ds-dots{display:flex;position:relative}.ds-dots button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.ds-dots button:before{content:"";background:#80808059;border-radius:50%;width:7px;height:7px}.ds-pill{pointer-events:none;background:var(--text);height:9px;clip-path:inset(0 calc(var(--ds-r) * 1px) 0 calc(var(--ds-l) * 1px) round 4.5px);transition:--ds-l var(--dur-move) var(--ease) calc(70ms * (1 + var(--d)) / 2), --ds-r var(--dur-move) var(--ease) calc(70ms * (1 - var(--d)) / 2);position:absolute;inset:calc(50% - 4.5px) 0 auto}.ds-dots button:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:50%;outline:none}.ds-body{flex:1;position:relative;overflow:hidden}.ds-page{flex-direction:column;justify-content:center;padding:0 22px 24px;display:flex;position:absolute;inset:0}.ds-page[data-kind=in]{animation:.2s cubic-bezier(.2,.7,.2,1) both ds-in}.ds-page[data-kind=out]{pointer-events:none;animation:.14s ease-in both ds-out}@keyframes ds-in{0%{opacity:0;transform:translateX(calc(var(--d) * 28px))}}@keyframes ds-out{to{opacity:0;transform:translateX(calc(var(--d) * -28px))}}.ds-page h3{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.1}.ds-page p{color:var(--muted);text-wrap:pretty;margin:0;font-size:14px;line-height:1.45}@media (prefers-reduced-motion:reduce){.ds-page[data-kind=in]{animation:.12s both ds-fade}.ds-page[data-kind=out]{animation:.1s both ds-fade-out}.ds-pill{transition-duration:1ms;transition-delay:0s}}@keyframes ds-fade{0%{opacity:0}}@keyframes ds-fade-out{to{opacity:0}}
.es{text-align:center;width:320px;color:var(--muted);justify-items:center;display:grid}.es .clip-tabs{margin-bottom:24px}.es-panel{justify-items:center;gap:8px;display:grid}.es h3{color:var(--text);text-wrap:balance;margin:8px 0 0;font-size:1rem;font-weight:600}.es p{text-wrap:pretty;margin:0;font-size:.875rem}.es-cta{margin-top:12px}.es[data-tile]{width:200px}.es[data-tile] :is(p,.es-cta){display:none}.es svg{overflow:visible}.es-body{fill:color-mix(in srgb, var(--accent) 12%, var(--surface));stroke:color-mix(in srgb, var(--accent) 30%, var(--border));stroke-width:1.5px;stroke-linejoin:round}.es-well{fill:color-mix(in srgb, var(--accent) 30%, var(--surface));stroke:color-mix(in srgb, var(--accent) 30%, var(--border));stroke-width:1.5px;stroke-linejoin:round}.es-card{fill:color-mix(in srgb, var(--off) 45%, transparent)}.es-dim{fill:var(--off)}.es-glass{fill:color-mix(in srgb, var(--surface) 60%, transparent);stroke:var(--accent);stroke-width:4px}.es-handle{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round}.es-float,.es-flap-c,.es-flap-o,.es-lens,.es-row{transform-box:fill-box;transform-origin:50%}.es-flap-c{transform-origin:50% 0}.es-flap-o{transform-origin:50% 100%}.es-float{animation:3s ease-in-out infinite alternate es-float}.es-flap-c{animation:5s ease-in-out infinite es-flap-c}.es-flap-o{animation:5s ease-in-out infinite es-flap-o}.es-lens{animation:2.6s ease-in-out infinite alternate es-sweep}.es-row{animation:2.6s ease-in-out infinite es-pulse;animation-delay:var(--d)}.es-float,.es-flap-c,.es-flap-o,.es-lens,.es-row{animation-play-state:paused}.es[data-run] :is(.es-float,.es-flap-c,.es-flap-o,.es-lens,.es-row){animation-play-state:running}@keyframes es-float{to{transform:translateY(-8px)}}@keyframes es-flap-c{0%,20%{transform:scaleY(1)}40%,88%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes es-flap-o{0%,40%{transform:scaleY(0)}60%,76%{transform:scaleY(1)}88%,to{transform:scaleY(0)}}@keyframes es-sweep{0%{transform:translate(-28px)rotate(-6deg)}to{transform:translate(28px,8px)rotate(6deg)}}@keyframes es-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.es-float,.es-flap-c,.es-flap-o,.es-lens,.es-row{animation:none}.es-flap-o{transform:scaleY(0)}}
.fo{--icon-from:#fff;--icon-to:#eef0f3;--icon-ring:#00000014;width:420px;height:280px;position:relative}:root[data-theme=dark] .fo{--icon-from:#2c2c2e;--icon-to:#151517;--icon-ring:#ffffff1a}@media (prefers-color-scheme:dark){:root:not([data-theme]) .fo{--icon-from:#2c2c2e;--icon-to:#151517;--icon-ring:#ffffff1a}}.fo-icon{--shape:var(--c-light,var(--c))}:root[data-theme=dark] .fo-icon{--shape:var(--c)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .fo-icon{--shape:var(--c)}}.fo-catcher{position:absolute;inset:0}.fo[data-open=true] .fo-catcher{cursor:pointer}.fo-card{background:var(--surface);width:188px;height:188px;transition:left var(--dur-morph) var(--ease), top var(--dur-morph) var(--ease), width var(--dur-morph) var(--ease), height var(--dur-morph) var(--ease), border-radius var(--dur-morph) var(--ease), background-color var(--dur-morph) var(--ease), box-shadow var(--dur-morph) var(--ease);border-radius:40px;position:absolute;top:36px;left:116px;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014,0 8px 24px #00000014}.fo[data-open=true] .fo-card{box-shadow:none;background-color:#0000;border-radius:44px;width:388px;height:240px;top:10px;left:16px}.fo-title{text-align:center;color:var(--text);transition:transform var(--dur-morph) var(--ease);margin:0;font-size:16px;font-weight:500;position:absolute;inset:0 0 auto;transform:translateY(238px)}.fo[data-open=true] .fo-title{transform:translateY(28px)}.fo-icon{transform-origin:0 0;width:64px;height:64px;transform:var(--closed);background:linear-gradient(160deg, var(--icon-from), var(--icon-to));box-shadow:inset 0 0 0 1px var(--icon-ring), 0 1px 2px #0000001f;transition:transform var(--dur-morph) var(--ease) calc(var(--i) * 20ms), opacity .15s ease;border-radius:22%;place-items:center;display:grid;position:absolute;top:0;left:0}.fo[data-open=true] .fo-icon{transform:var(--open)}.fo-icon[data-hidden-closed=true]{opacity:0;transition:transform var(--dur-morph) var(--ease) .14s, opacity .2s ease .14s}.fo[data-open=true] .fo-icon[data-hidden-closed=true]{opacity:1}.fo-hit{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:22%;width:64px;height:64px;padding:0;position:absolute;top:140px;left:220px}.fo[data-interactive=false] .fo-hit{cursor:default}.fo-hit:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}@media (prefers-reduced-motion:reduce){.fo-card,.fo-title{transition-duration:1ms;transition-delay:0s}.fo-icon,.fo-icon[data-hidden-closed=true]{transition:opacity .15s}}
.od-demo{--fs:30px;justify-items:center;display:grid;position:relative}.od-demo[data-interactive=true]{--fs:clamp(32px, 7vw, 48px);grid-template-rows:auto 1fr auto;width:100%;height:100%;padding:16px}.od{font-size:var(--fs);align-items:center;display:flex}.od-wheel{height:var(--h);text-align:center;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative;overflow:hidden}.od-digit{line-height:var(--h);transform:translateY(calc(var(--o) * var(--h)));transition:transform var(--roll) var(--ease) calc(var(--i) * 40ms), opacity .2s ease;position:absolute;inset:0}.od-sep{text-align:center;flex-shrink:0}.od-wheel[data-blank=true] .od-digit{opacity:0}.od-caption{color:var(--muted);margin:8px 0 0;font-size:.875rem}.od-demo[data-skin=dash]{--h:1.4em;--roll:.42s;--ease:cubic-bezier(.3, 1.25, .5, 1)}[data-skin=dash] .od{background:#050505;border-radius:.3em;gap:2px;padding:.2em;font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;box-shadow:0 0 0 1px #ffffff14,inset 0 1px #ffffff1f,0 10px 20px -6px #00000080,0 2px 4px #0006}[data-skin=dash] .od-wheel{color:#f1ede2;background:#101010;border-radius:3px;width:.88em}[data-skin=dash] .od-wheel:after{content:"";pointer-events:none;background:linear-gradient(#000000e6 0%,#00000026 26%,#ffffff0f 50%,#00000026 74%,#000000e6 100%);position:absolute;inset:0}[data-skin=dash] .od-wheel[data-frac=true]{color:#101010;background:#f1ede2}[data-skin=dash] .od-wheel[data-frac=true]:after{background:linear-gradient(#0009 0%,#0000 28% 72%,#0009 100%)}[data-skin=dash] .od-sep{color:#f1ede2;width:.4em;line-height:var(--h)}[data-skin=dash] .od-sep[data-blank=true]{visibility:hidden}[data-skin=dash] .od-prefix{width:.7em}.od-demo[data-skin=flat]{--h:1.3em;--roll:.4s;--ease:cubic-bezier(.25, 1.15, .5, 1)}[data-skin=flat] .od{color:#f1ede2;background:#17171c;border:2px solid #3a3a44;border-radius:.32em;gap:3px;padding:.16em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600}[data-skin=flat] .od-wheel{background:#26262d;border-radius:.16em;width:.72em}[data-skin=flat] .od-wheel[data-frac=true]{color:#17171c;background:#f1ede2}[data-skin=flat] .od-wheel[data-blank=true]{width:0;margin-left:-3px}[data-skin=flat] .od-sep{width:.3em;line-height:var(--h)}[data-skin=flat] .od-sep[data-blank=true]{width:0;margin-left:-3px;overflow:hidden}[data-skin=flat] .od-prefix{width:.6em}.od-demo[data-skin=clean]{--h:1.2em;--roll:.36s;--ease:cubic-bezier(.2, .8, .2, 1)}[data-skin=clean] .od{color:var(--text);letter-spacing:-.02em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:600}[data-skin=clean] .od-wheel{width:.6em;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}[data-skin=clean] .od-wheel[data-blank=true]{width:0}[data-skin=clean] .od-sep{width:.3em;line-height:var(--h)}[data-skin=clean] .od-sep[data-blank=true]{width:0;overflow:hidden}[data-skin=clean] .od>.od-sep:first-child{width:auto;color:var(--muted);margin-right:.08em}.od-panel{align-content:center;justify-items:center;gap:12px;width:100%;display:grid}.od-panel .od-caption{margin:-4px 0 0}.od-seg{background:var(--chip);box-shadow:0 0 0 1px var(--border);border-radius:8px;padding:2px;display:flex}.od-seg button{min-height:32px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:.875rem;transition:background-color .15s,color .15s}.od-seg button[aria-selected=true],.od-seg button[aria-pressed=true]{background:var(--surface);color:var(--text)}.od-seg button:focus-visible,.od-btn:focus-visible,.od-chip:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}.od-demo .clip-tabs{margin-bottom:24px}.od-slider{width:min(100%,280px);color:var(--muted);gap:6px;font-size:.875rem;display:grid}.od-slider b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.od-slider input{width:100%;accent-color:var(--accent);touch-action:manipulation}.od-cart{width:min(100%,320px);margin:0;padding:0;font-size:.875rem;list-style:none}.od-cart li{grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:4px 0;display:grid}.od-price{color:var(--muted);font-variant-numeric:tabular-nums}.od-step{align-items:center;gap:4px;display:flex}.od-step output{text-align:center;font-variant-numeric:tabular-nums;min-width:1.5em}.od-btn{background:var(--chip);width:32px;height:32px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;transition:transform .12s}.od-btn:active{transform:scale(.97)}.od-chip{background:var(--chip);min-height:32px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:8px;padding:0 14px;font-size:.875rem;transition:background-color .15s,color .15s}.od-chip[aria-pressed=true]{background:var(--accent);color:#fff}@media (hover:hover){.od-btn:hover{background:var(--hover)}.od-seg button:hover{color:var(--text)}}@media (prefers-reduced-motion:reduce){.od-digit,.od-btn,.od-chip,.od-seg button{transition:none}}
.lc{justify-items:center;display:grid}.lc[data-interactive=true]{align-content:center;gap:24px;width:100%;padding:16px}.lc-card{background:var(--surface);width:328px;box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000f, 0 8px 24px -8px #0000001f;border-radius:16px;padding:20px}.lc-label{color:var(--muted);margin:0 0 8px;font-size:.875rem}.lc-card .od-demo{--fs:36px;justify-items:start}.lc-delta{color:#17b26a;font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin:8px 0 12px;font-size:.875rem;font-weight:600;display:flex}.lc-delta[data-down]{color:#f04438}.lc-delta span{color:var(--muted);margin-left:4px;font-weight:400}.lc-chart{touch-action:pan-y;border-radius:8px;width:288px;height:128px;margin-inline:auto;position:relative}.lc-chart[role=slider]{cursor:crosshair}.lc-chart:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.lc-chart svg{display:block;overflow:visible}.lc-grid{stroke:var(--border);stroke-dasharray:3 4}.lc-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.lc-halo{fill:var(--accent);opacity:.18}.lc-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2.5px}.lc-tip{white-space:nowrap;pointer-events:none;background:var(--text);color:var(--surface);font-variant-numeric:tabular-nums;opacity:0;border-radius:8px;padding:4px 8px;font-size:.75rem;transition:opacity .12s;position:absolute;top:0;left:0}.lc-tip[data-show=true]{opacity:1}.lc-axis{width:288px;color:var(--muted);justify-content:space-between;margin:8px auto 0;font-size:.75rem;display:flex}
.ld{background:var(--surface);width:420px;height:280px;color:var(--text);text-align:left;font:inherit;border-radius:24px;line-height:normal;position:relative;overflow:hidden;box-shadow:0 0 0 1px #80808033}.ld-item{--h:calc(280px / 3);--top:calc(var(--i) * var(--h));pointer-events:none;position:absolute;inset:0}.ld-item[data-open=true]{z-index:1}.ld-row{left:0;right:0;top:var(--top);height:var(--h);box-shadow:0 1px 0 var(--border);flex-direction:column;justify-content:center;gap:2px;padding:0 20px 0 96px;transition:opacity .15s;display:flex;position:absolute}.ld-item:last-child .ld-row{box-shadow:none}.ld[data-open=true] .ld-row{opacity:0}.ld-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.ld-meta{color:var(--muted);margin:0;font-size:12px}.ld-thumb{left:16px;top:calc(var(--top) + (var(--h) - 64px) / 2);background:var(--bg);pointer-events:none;width:64px;height:64px;transition:left var(--dur-morph) var(--ease), top var(--dur-morph) var(--ease), width var(--dur-morph) var(--ease), height var(--dur-morph) var(--ease), border-radius var(--dur-morph) var(--ease), opacity .2s ease;border-radius:14px;position:absolute}.ld-item[data-open=true] .ld-thumb{border-radius:0;width:420px;height:150px;top:0;left:0}.ld[data-open=true] .ld-item[data-open=false] .ld-thumb{opacity:0}.ld-detail{opacity:0;padding:16px 20px;transition:opacity .15s,transform .15s;position:absolute;inset:150px 0 0;transform:translateY(12px)}.ld-detail h3{letter-spacing:-.02em;text-wrap:balance;margin:0 0 4px;font-size:22px;font-weight:700;line-height:1.1}.ld-detail p:last-child{text-wrap:pretty;margin:10px 0 0;font-size:13px;line-height:1.45}.ld-item[data-open=true] .ld-detail{opacity:1;transition:opacity .3s ease .2s, transform .4s var(--ease) .2s;transform:none}.ld-back{color:#fff;cursor:pointer;touch-action:manipulation;opacity:0;pointer-events:none;background:#0006;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:opacity .15s;display:grid;position:absolute;top:12px;left:12px}.ld-back:after{content:"";position:absolute;inset:-7px}.ld-item[data-open=true] .ld-back{opacity:1;pointer-events:auto;transition:opacity .25s .25s}.ld[data-interactive=false] .ld-back{cursor:default}.ld-hit{pointer-events:auto;left:0;right:0;top:var(--top);height:var(--h);cursor:pointer;touch-action:manipulation;background:0 0;border:0;position:absolute}.ld[data-interactive=false] .ld-hit{cursor:default}@media (hover:hover){.ld[data-interactive=true]:not([data-open=true]) .ld-hit:hover{background:#80808014}}.ld-hit:focus-visible,.ld-back:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}@media (prefers-reduced-motion:reduce){.ld-row,.ld-thumb,.ld-detail,.ld-back{transition-duration:1ms;transition-delay:0s}}
.pg-demo{justify-items:center;gap:24px;display:grid}.pg-panel{align-content:center;justify-items:center;min-height:232px;display:grid}.pg{text-align:left;justify-items:start;gap:10px;width:320px;display:grid}.pg-head{justify-content:space-between;align-items:center;gap:12px;width:100%;height:20px;font-size:14px;line-height:20px;display:flex}.pg-status{animation:pg-in var(--dur-enter) var(--ease-enter) both;align-items:center;gap:6px;display:flex}.pg-status .si-ico,.pg-status .si-ico svg{width:18px;height:18px}.pg-pct{font-variant-numeric:tabular-nums;font-weight:500}.pg[data-done] .pg-pct{color:var(--muted)}.pg-track{background:var(--off);border-radius:4px;width:100%;height:8px;overflow:hidden}.pg-fill{background:var(--accent);transform-origin:0;height:100%;transition:transform var(--dur-enter) var(--ease-enter);display:block}.pg>.pb{margin-top:6px}@keyframes pg-in{0%{opacity:0;transform:translateY(4px)}}.pg-card{background:var(--bg);width:320px;box-shadow:0 0 0 1px var(--border), 0 2px 8px color-mix(in srgb, var(--text) 6%, transparent);text-align:left;border-radius:12px;padding:16px;position:relative}.pg-sk-demo{grid-template-rows:176px auto;place-items:center;gap:16px;display:grid}.opts.pg-opt{position:static}.pg-opt .theme:after{left:50%;translate:-50%}.pg-sk{white-space:nowrap;text-overflow:ellipsis;border-radius:6px;display:block;position:relative;overflow:hidden}.pg-card[data-loading] .pg-sk{background:var(--border)}.pg-card[data-loading] .pg-sk:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bg) 70%, transparent), transparent);animation:pg-sweep 1.2s var(--ease-standard) infinite;position:absolute;inset:0;transform:translate(-100%)}.pg-card:not([data-loading]) .pg-sk{animation:pg-in var(--dur-enter) var(--ease-enter) both}@keyframes pg-sweep{to{transform:translate(100%)}}.pg-line{height:20px;font-size:14px;line-height:20px}.pg-line-sm{width:75%;height:16px;color:var(--muted);font-size:12px;line-height:16px}.pg-card:not([data-loading]) .pg-line-sm{width:auto}.pg-profile{grid-template-rows:20px 16px;grid-template-columns:40px 1fr;align-content:center;gap:4px 12px;display:grid}.pg-avatar{border-radius:50%;grid-row:1/3;width:40px;height:40px}.pg-card .pg-avatar{border-radius:50%}.pg-card:not([data-loading]) .pg-avatar{background:color-mix(in srgb, var(--accent) 25%, transparent)}.pg-article{gap:8px;display:grid}.pg-cover{height:88px;margin-bottom:4px}.pg-card:not([data-loading]) .pg-cover{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 35%, transparent), color-mix(in srgb, var(--accent) 10%, transparent))}.pg-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pg-list li{grid-template-columns:20px 1fr 48px;align-items:center;gap:10px;display:grid}.pg-file{border-radius:4px;width:20px;height:20px}.pg-card:not([data-loading]) .pg-file{background:color-mix(in srgb, var(--accent) 25%, transparent)}.pg-size{text-align:right;width:100%}@media (prefers-reduced-motion:reduce){.pg-status,.pg-card:not([data-loading]) .pg-sk{animation-name:pg-fade;animation-duration:var(--dur-exit)}.pg-fill{transition:none}.pg-card[data-loading] .pg-sk:after{animation:none}}@keyframes pg-fade{0%{opacity:0}}
.sv{--ease:cubic-bezier(.32, .72, 0, 1);text-align:left;width:420px;height:280px;font:inherit;line-height:normal;transition:opacity .2s;position:relative}.sv[data-hide=true]{opacity:0}.sv-item{background:linear-gradient(145deg, var(--a), var(--b));width:64px;height:64px;transform:var(--grid);cursor:pointer;touch-action:manipulation;transition:transform .5s var(--ease), opacity .17s ease, filter .17s ease;border:0;border-radius:14px;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #0000001a,0 1px 2px #0000001f}.sv-item:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.sv-badge{color:#000;width:18px;height:18px;transition:transform .25s var(--ease), background-color .15s ease;border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px;transform:scale(.9)}.sv-badge svg{opacity:0;transition:opacity .1s}.sv-item[data-sel=true] .sv-badge{background:#fff;transform:scale(1.1)}.sv-item[data-sel=true] .sv-badge svg{opacity:1}.sv-badge path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .1s}.sv-item[data-sel=true] .sv-badge path{stroke-dashoffset:0;transition:stroke-dashoffset .22s cubic-bezier(.4,0,.2,1) 60ms}.sv:not([data-phase=pick]) .sv-item{pointer-events:none}.sv:not([data-phase=pick]) .sv-badge{opacity:0;transition:none}.sv[data-phase=folder] .sv-item[data-sel=true]{transform:var(--stack)}.sv:not([data-phase=pick]) .sv-item[data-sel=false]{opacity:0;filter:blur(4px)}.sv[data-phase=saved] .sv-item[data-sel=true]{transform:var(--saved);opacity:0;filter:blur(4px);transition:transform .35s var(--ease), opacity .25s ease .1s, filter .25s ease .1s}.sv-bar{z-index:30;opacity:0;filter:blur(4px);pointer-events:none;transition:opacity .2s ease, transform .3s var(--ease), filter .2s ease;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%,20px)}.sv-pill{background:var(--surface);box-shadow:0 0 0 1px var(--border), 0 8px 8px -8px #0a0d1229;border-radius:16px;gap:4px;padding:4px;display:flex}.sv-bar[data-show=true]{opacity:1;filter:none;pointer-events:auto;transform:translate(-50%)}.sv-count{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;opacity:0;margin:0;font-size:13px;font-weight:500;transition:opacity .2s;position:absolute;top:6px;left:0;right:0}.sv-count[data-show=true]{opacity:1}.sv-act{background:var(--chip);width:64px;height:44px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:11px;font-weight:500;transition:background-color .15s,color .15s,transform .12s;display:flex}.sv-act-primary{background:var(--accent);color:#fff}.sv-act:active{transform:scale(.97)}.sv-cancel{min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;color:var(--muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,transform .12s;display:inline-flex}.sv-act:focus-visible,.sv-cancel:focus-visible,.sv-folder:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}@media (hover:hover){.sv-cancel:hover{background:var(--chip);color:var(--text)}.sv-act:hover{background:var(--hover);color:var(--text)}.sv-act-primary:hover{color:#fff;background:color-mix(in srgb, var(--accent), #000 12%)}}.sv-picker{pointer-events:none;position:absolute;inset:0}.sv-prompt{text-align:center;color:var(--muted);opacity:0;margin:0;font-size:13px;font-weight:500;transition:opacity .2s;position:absolute;top:90px;left:0;right:0}.sv-row{gap:12px;display:flex;position:absolute;top:124px;left:48px}.sv-folder{background:var(--surface);width:100px;height:84px;color:var(--text);box-shadow:0 0 0 1px var(--border), var(--shadow-xs);font:inherit;cursor:pointer;touch-action:manipulation;opacity:0;transition:opacity .2s ease, transform .3s var(--ease), box-shadow .15s ease;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 8px;display:flex;transform:translateY(12px)}.sv-folder:nth-child(2){transition-delay:30ms}.sv-folder:nth-child(3){transition-delay:60ms}.sv-glyph{color:var(--accent)}.sv-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.sv-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.sv-new{color:var(--muted);box-shadow:0 0 0 1px var(--border);background:0 0}.sv-input{width:100%;min-width:0;color:var(--text);font:inherit;text-align:center;background:0 0;border:0;outline:none;padding:0;font-size:16px;font-weight:600}.sv-input::placeholder{color:var(--muted);font-weight:400}.sv-new:has(.sv-input:focus-visible){box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}@media (hover:hover){.sv-folder:hover{box-shadow:0 0 0 1px var(--accent), var(--shadow-xs)}}.sv-picker[data-show=true] .sv-folder:active{transform:scale(.97)}.sv-folder[data-hit=true]{box-shadow:0 0 0 1px var(--accent), var(--shadow-xs);animation:sv-bump .4s var(--ease) .25s}@keyframes sv-bump{50%{transform:scale(1.06)}}.sv-cancel{opacity:0;transition:opacity .2s,background-color .15s,color .15s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.sv-cancel:active{transform:translate(-50%)scale(.97)}.sv-picker[data-show=true] .sv-prompt{opacity:1}.sv-picker[data-show=true] .sv-folder{opacity:1;pointer-events:auto;transition-delay:.15s;transform:none}.sv-picker[data-show=true] .sv-folder:nth-child(2){transition-delay:.18s}.sv-picker[data-show=true] .sv-folder:nth-child(3){transition-delay:.21s}.sv-picker[data-show=true] .sv-cancel{opacity:1;pointer-events:auto;transition-delay:.15s}.sv-picker[data-phase=saved] :is(.sv-prompt,.sv-cancel){opacity:0;pointer-events:none;transition-delay:0s}.sv-picker[data-phase=saved] .sv-folder{pointer-events:none}.sv-status{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sv,.sv-item,.sv-badge,.sv-bar,.sv-count,.sv-prompt,.sv-folder,.sv-cancel{transition:opacity .15s;transition-delay:0s!important}.sv-folder[data-hit=true]{animation:none}.sv-badge path{transition:none!important}}
.sw-demo{--fs:12px;--wall:#3b5646;--seam:#1a2a20;--w:calc(var(--fs) * .06);--edge:inset 0 0 0 var(--w) var(--seam);justify-items:center;gap:16px;display:grid}.sw-demo[data-interactive=true]{--fs:clamp(6px, 1.6vw, 16px);align-content:start;width:100%;height:100%;padding:16px;position:relative}.sw-board{font-size:var(--fs);border-collapse:collapse;border:.3em solid var(--seam);background:var(--seam);color:#f4f2ea;border-radius:.2em;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-weight:700;box-shadow:0 1.2em 2em -.6em #0000008c,0 .2em .5em #0006}.sw-board th,.sw-board td{padding:0}.sw-board tbody tr:first-child>*{border-top:.22em solid #c8423a}.sw-board tbody tr:last-child>*{border-bottom:.22em solid #c8423a}.sw-div{border-left:.3em solid #f1efe6}.sw-team{width:8.4em;box-shadow:var(--edge);background:var(--wall);letter-spacing:.02em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:0 0 0 .5em;font-size:1.7em}.sw-team:after{content:"";opacity:0;background:#f2c94c;border-radius:50%;width:.3em;height:.3em;margin-left:.3em;transition:opacity .2s;display:inline-block}tr[data-batting=true] .sw-team:after{opacity:1}.sw-slot{background:var(--seam);width:2.1em;height:2.3em;position:relative;overflow:hidden}.sw-plate{background:var(--wall);box-shadow:var(--edge);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;place-items:center;font-size:1.7em;line-height:1;display:grid;position:absolute;inset:0}.sw-plate[data-new=true]{animation:sw-in .52s cubic-bezier(.3, .7, .3, 1) calc(.24s + var(--d,0s)) backwards;transform-origin:0 0}.sw-out{animation:sw-out .22s cubic-bezier(.23, 1, .32, 1) var(--d,0s) forwards;transform-origin:100% 0}@keyframes sw-out{30%{transform:translateY(4%)rotate(-6deg)}to{transform:translateY(115%)rotate(-22deg)}}@keyframes sw-in{0%{transform:translateY(115%)rotate(20deg)}50%{transform:translateY(2%)rotate(9deg)}78%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}.sw-plate[data-new=true][data-v="1"]{transform-origin:100% 0;animation-name:sw-in-r}.sw-out[data-v="1"]{transform-origin:0 0;animation-name:sw-out-r}.sw-plate[data-new=true][data-v="2"]{animation:sw-in-drop .46s cubic-bezier(.3, .7, .3, 1) calc(.24s + var(--d,0s)) backwards;transform-origin:50% 0}.sw-out[data-v="2"]{transform-origin:50% 100%;animation-name:sw-out-up}.sw-plate[data-new=true][data-v="3"]{animation:sw-in-slide .48s cubic-bezier(.3, .7, .3, 1) calc(.24s + var(--d,0s)) backwards;transform-origin:50% 100%}.sw-out[data-v="3"]{transform-origin:50%;animation-name:sw-out-side}@keyframes sw-out-r{30%{transform:translateY(4%)rotate(6deg)}to{transform:translateY(115%)rotate(22deg)}}@keyframes sw-in-r{0%{transform:translateY(115%)rotate(-20deg)}50%{transform:translateY(2%)rotate(-9deg)}78%{transform:translateY(0)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes sw-out-up{30%{transform:translateY(6%)}to{transform:translateY(-115%)rotate(4deg)}}@keyframes sw-in-drop{0%{transform:translateY(-115%)rotate(-3deg)}65%{transform:translateY(0)rotate(0)}82%{transform:translateY(-1.5%)}to{transform:translateY(0)}}@keyframes sw-out-side{30%{transform:translate(-6%)}to{transform:translate(-115%)rotate(-3deg)}}@keyframes sw-in-slide{0%{transform:translate(115%)rotate(3deg)}70%{transform:translate(-3%)rotate(-1deg)}to{transform:translate(0)rotate(0)}}.sw-board tfoot th{background:var(--wall);height:1.6em;box-shadow:var(--edge);text-align:center;font-size:1.2em}.sw-plates{display:flex}.sw-wide{width:12em}.sw-title{background:var(--wall);height:1.6em;box-shadow:var(--edge);letter-spacing:.12em;text-transform:uppercase;font-size:1.2em}.sw-demo[data-skin=clean]{--wall:var(--chip);--seam:var(--border)}.sw-demo[data-skin=clean] .sw-board{box-shadow:var(--shadow-xs);color:var(--text);border-width:1px;border-radius:.5em;font-family:Inter,system-ui,sans-serif;font-weight:600}.sw-demo[data-skin=clean] .sw-board tbody tr:first-child>*,.sw-demo[data-skin=clean] .sw-board tbody tr:last-child>*{border-color:var(--seam);border-width:1px}.sw-demo[data-skin=clean] .sw-div{border-left:1px solid var(--seam)}.sw-demo[data-skin=clean] .sw-team:after{background:var(--accent)}.sw-panel{justify-items:center;gap:16px;width:100%;display:grid}.sw-demo .clip-tabs{margin-bottom:8px}.sw-status{color:var(--muted);margin:0;font-size:.875rem}.sw-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sw-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sw-plate[data-new=true]{animation:none}.sw-out{display:none}.sw-team:after{transition:none}}
.sm{--ease:cubic-bezier(.32, .72, 0, 1);text-align:left;width:420px;height:280px;font:inherit;line-height:normal;position:relative}.sm-panel{background:var(--surface);width:360px;height:44px;color:var(--text);transition:left .4s var(--ease), top .4s var(--ease), width .4s var(--ease), height .4s var(--ease), border-radius .4s var(--ease), box-shadow .4s var(--ease);border-radius:22px;position:absolute;top:24px;left:30px;overflow:hidden;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014}.sm[data-interactive=false] .sm-panel{top:118px}.sm[data-open=true] .sm-panel{border-radius:22px;width:420px;height:256px;top:12px;left:0;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014,0 12px 32px #00000024}.sm[data-interactive=false][data-open=true] .sm-panel{top:12px}.sm-nav{color:var(--muted);align-items:center;gap:22px;font-size:13px;font-weight:500;transition:opacity .15s;display:flex;position:absolute;inset:0 56px 0 20px}.sm[data-open=true] .sm-nav{opacity:0}.sm-trigger{width:44px;height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s;display:grid;position:absolute;top:0;right:0}.sm[data-open=true] .sm-trigger{opacity:0}.sm[data-interactive=false] .sm-trigger{cursor:default}@media (hover:hover){.sm[data-interactive=true] .sm-trigger:hover{background:var(--hover)}}.sm-menu{opacity:0;padding:0 12px 12px;transition:opacity .12s;position:absolute;inset:0}.sm[data-open=true] .sm-menu{opacity:1;transition:opacity .25s .12s}.sm-field{height:56px;color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 8px;display:flex}.sm-input{min-width:0;height:100%;color:var(--text);font:inherit;appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.sm-input::placeholder{color:var(--muted)}.sm-input::-webkit-search-cancel-button{display:none}.sm-cancel{color:var(--accent);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:500}.sm[data-interactive=false] .sm-cancel{cursor:default}.sm-trigger:focus-visible,.sm-cancel:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.sm-field:has(.sm-input:focus-visible){box-shadow:inset 0 -2px 0 var(--accent)}.sm-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:12px 8px 4px;font-size:11px;font-weight:600}.sm-list{margin:0;padding:0;list-style:none}.sm-list li{height:36px;color:var(--text);cursor:pointer;opacity:0;border-radius:10px;align-items:center;gap:10px;padding:0 8px;font-size:15px;display:flex;transform:translateY(6px)}.sm[data-open=true] .sm-list li{opacity:1;transition:opacity .2s ease calc(.1s + var(--i) * 20ms), transform .3s var(--ease) calc(.1s + var(--i) * 20ms), background-color 0s;transform:none}.sm-list li svg{color:var(--muted);flex-shrink:0}.sm-list li b{font-weight:600}.sm-list li[data-active=true]{background:var(--hover)}.sm[data-interactive=false] .sm-list li{cursor:default}.sm-list .sm-empty{color:var(--muted);cursor:default}.sm-status{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sm-panel{transition-duration:1ms}.sm[data-open=true] .sm-list li,.sm-list li{transform:none}}
.sf-demo{--fs:22px;--t:40ms;justify-items:center;display:grid;position:relative}.sf-demo[data-interactive=true]{--fs:clamp(18px, 4.4vw, 44px);grid-template-rows:auto 1fr;width:100%;height:100%;padding:16px 16px 64px}.sf-board{font-size:var(--fs);background:#17171c;border:2px solid #3a3a44;border-radius:.3em;align-self:center;gap:6px;padding:.3em;display:grid}.sf-title{color:#8a8a96;letter-spacing:.2em;text-transform:uppercase;margin:0 0 .1em .15em;font:600 .3em/1 system-ui,sans-serif}.sf-row{gap:3px;display:flex}.sf-cell{perspective:4em;-webkit-user-select:none;user-select:none;width:.92em;height:1.15em;position:relative}.sf-cell:after{content:"";z-index:3;background:#000;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.sf-half{color:#f4f0e6;backface-visibility:hidden;background:#26262d;height:50%;position:absolute;left:0;right:0;overflow:hidden}.sf-half[data-half=top]{border-radius:.1em .1em 0 0;top:0}.sf-half[data-half=bottom]{border-radius:0 0 .1em .1em;bottom:0}.sf-half>span{place-items:center;height:200%;font:700 1em/1 Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;left:0;right:0}.sf-half[data-half=top]>span{top:0}.sf-half[data-half=bottom]>span{bottom:0}.sf-cell[data-dir="1"]{--a:-90deg;--b:90deg}.sf-cell[data-dir="-1"]{--a:90deg;--b:-90deg}.sf-a,.sf-b{z-index:2}.sf-cell[data-dir="1"] .sf-a,.sf-cell[data-dir="-1"] .sf-b{transform-origin:bottom}.sf-cell[data-dir="1"] .sf-b,.sf-cell[data-dir="-1"] .sf-a{transform-origin:top}.sf-a{animation:sf-a var(--t) cubic-bezier(.25, 1, .5, 1) forwards}.sf-b{animation:sf-b var(--t) ease-out var(--t) both}@keyframes sf-a{0%{filter:none;transform:rotateX(0)}to{transform:rotateX(var(--a));filter:brightness(.5)}}@keyframes sf-b{0%{transform:rotateX(var(--b));filter:brightness(.5);opacity:0}1%{opacity:1}to{filter:none;opacity:1;transform:rotateX(0)}}.sf-demo[data-skin=clean] .sf-board{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs)}.sf-demo[data-skin=clean] .sf-title{color:var(--muted);font-family:Inter,system-ui,sans-serif}.sf-demo[data-skin=clean] .sf-cell:after{background:var(--border);height:1px;margin-top:-.5px}.sf-demo[data-skin=clean] .sf-half{background:var(--chip);color:var(--text)}.sf-demo[data-skin=clean] .sf-half>span{font-family:Inter,system-ui,sans-serif;font-weight:600}.sf-panel{align-content:center;justify-items:center;gap:20px;width:100%;display:grid}.sf-demo .clip-tabs{margin-bottom:24px}@media (prefers-reduced-motion:reduce){.sf-a,.sf-b{animation:none}}
.sp{width:380px;height:260px;color:var(--text);text-align:left;font:inherit;background:#000;border-radius:20px;line-height:normal;position:relative;overflow:hidden;box-shadow:0 0 0 1px #80808033,0 1px 2px #00000014,0 12px 32px #0000001a}.sp-page{background:var(--surface);transform-origin:50%;transition:transform var(--dur-move) var(--ease);will-change:transform;flex-direction:column;display:flex;position:absolute;inset:0}.sp-page:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--dur-move) var(--ease);background:#000;position:absolute;inset:0}.sp-page[data-state=off]{transform:translate(100%)}.sp-page[data-state=top]{box-shadow:-8px 0 24px #0000002e}.sp-page[data-state=below]{transform:scale(.96)}.sp-page[data-state=below]:after{opacity:.35}.sp-head{height:48px;box-shadow:0 1px 0 var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;display:grid}.sp-head h3{margin:0;font-size:14px;font-weight:600}.sp-back{min-height:32px;color:var(--accent);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;justify-self:start;padding:0 8px;font-size:13px}.sp-back:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.sp-body{flex-direction:column;align-items:flex-start;gap:16px;padding:22px;display:flex}.sp-body p{color:var(--muted);text-wrap:pretty;margin:0;font-size:14px;line-height:1.45}@media (prefers-reduced-motion:reduce){.sp-page{transition:opacity var(--dur-exit) ease;will-change:auto}.sp-page:after{transition:none}.sp-page[data-state=off]{opacity:0;transform:none}.sp-page[data-state=below]{transform:none}}
.tcp{width:fit-content;position:relative}.tcp-list{gap:8px;margin:0;padding:0;list-style:none;display:flex}.tcp-button{height:34px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:17px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:flex}.tcp-button:focus-visible{box-shadow:0 0 0 2px var(--accent)}@media (hover:hover){.tcp>.tcp-list .tcp-button:hover{background:var(--hover)}}.tcp-overlay{z-index:1;background:var(--accent);clip-path:inset(0 100% 0 0 round 17px);transition:clip-path .25s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.tcp-overlay .tcp-button{color:#fff}@media (prefers-reduced-motion:reduce){.tcp-overlay{transition-duration:1ms}}
.toaster-demo{flex-direction:column;align-items:center;gap:12px;display:flex}.toaster{width:300px;height:76px;position:relative}.toast{text-align:left;background:color-mix(in srgb, var(--bg) calc(var(--index) * 30%), var(--surface));opacity:1;width:100%;transform:translateY(calc(var(--index) * -14px)) scale(calc(1 - var(--index) * .06));transform-origin:bottom;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:14px;line-height:20px;transition:opacity .3s,transform .3s cubic-bezier(.25,1,.5,1),background-color .3s;display:flex;position:absolute;bottom:0;box-shadow:0 0 0 1px #80808033,0 1px 2px -1px #0003,0 2px 4px #0000001a}@starting-style{.toast{opacity:0;transform:translateY(100%)}}.toast-check{stroke-dasharray:1;animation:.32s cubic-bezier(.4,0,.2,1) .22s backwards toast-draw}@keyframes toast-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.toast[data-hidden=true]{opacity:0}.toast-icon{background:var(--chip);width:32px;height:32px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.toast-close{width:28px;height:28px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;transition:background-color .15s,color .15s;display:grid;position:absolute;top:8px;right:8px}@media (hover:hover){.toast-close:hover{background:var(--chip);color:var(--text)}}.toast-close:before{content:"";position:absolute;inset:-8px}.toast-close:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.toast-text{flex-direction:column;gap:4px;min-width:0;padding-right:20px;display:flex}.toast-title{color:var(--text);font-weight:600}.toast-description{color:var(--muted)}.toaster-add{color:#18181b;cursor:pointer;touch-action:manipulation;background:#fff;border:0;border-radius:8px;height:32px;margin-top:12px;padding-inline:12px;font-size:14px;font-weight:500;transition:background-color .15s,transform .15s;box-shadow:0 0 0 1px #80808033,0 1px 2px -1px #0003,0 2px 4px #0000001a}@media (hover:hover){.toaster-add:hover{background:#f0f0f4}}.toaster-add:active{transform:scale(.97)}.toaster-add:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}@media (prefers-reduced-motion:reduce){.toast{transition-duration:1ms}.toast-check{animation:none}}
.tr{--ease:cubic-bezier(.32, .72, 0, 1);--red:#ff3f40;text-align:left;width:420px;height:280px;font:inherit;line-height:normal;transition:opacity .2s;position:relative}.tr[data-hide=true]{opacity:0}.tr-photos{z-index:10;position:absolute;inset:0}.tr[data-phase=bin] .tr-photos,.tr[data-phase=drop] .tr-photos{clip-path:inset(0 0 calc(280px - var(--rim)) 0);transition:clip-path .15s .45s}.tr{--rim:105px}.tr-photos{clip-path:inset(0 0 -100px)}.tr-photo{background:linear-gradient(145deg, var(--a), var(--b));width:64px;height:64px;transform:var(--grid);cursor:pointer;touch-action:manipulation;transition:transform .5s var(--ease), opacity .17s ease, filter .17s ease;border:0;border-radius:12px;padding:0;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #0000001a,0 1px 2px #0000001f}.tr-photo:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.tr-photo:active{transition-duration:.12s}.tr-badge{color:#000;width:18px;height:18px;transition:transform .25s var(--ease), background-color .15s ease;background:0 0;border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px;transform:scale(.9)}.tr-badge svg{opacity:0;transition:opacity .1s}.tr-photo[data-sel=true] .tr-badge{background:#fff;transform:scale(1.1)}.tr-photo[data-sel=true] .tr-badge svg{opacity:1}.tr-badge path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .1s}.tr-photo[data-sel=true] .tr-badge path{stroke-dashoffset:0;transition:stroke-dashoffset .22s cubic-bezier(.4,0,.2,1) 60ms}.tr:not([data-phase=pick]) .tr-photo{pointer-events:none}.tr:not([data-phase=pick]) .tr-badge{opacity:0;transition:none}.tr[data-phase=bin] .tr-photo[data-sel=true]{transform:var(--bin)}.tr:not([data-phase=pick]) .tr-photo[data-sel=false]{opacity:0;filter:blur(4px)}.tr[data-phase=drop] .tr-photo[data-sel=true]{transform:var(--drop);filter:blur(4px);transition:transform .4s var(--ease), filter .4s var(--ease)}.tr-back,.tr-front{pointer-events:none;opacity:0;filter:blur(4px);width:80px;height:96px;transition:opacity .25s ease, transform .3s var(--ease), filter .3s var(--ease);position:absolute;top:92px;left:170px;transform:scale(1.2)}.tr-back{z-index:0}.tr-front{z-index:20;width:75px;left:172.5px}.tr-back svg,.tr-front svg{width:100%;height:auto;display:block}.tr:not([data-phase=pick]) :is(.tr-back,.tr-front){opacity:1;filter:none;transform:none}.tr:not([data-phase=pick]) .tr-front{transition-delay:.175s}.tr-bar{z-index:30;background:var(--surface);box-shadow:0 0 0 1px var(--border), 0 8px 8px -8px #0a0d1229;opacity:0;filter:blur(4px);pointer-events:none;transition:opacity .2s ease, transform .3s var(--ease), filter .2s ease;border-radius:16px;gap:4px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%,20px)}.tr-bar[data-show=true]{opacity:1;filter:none;pointer-events:auto;transform:translate(-50%)}.tr-act{background:var(--chip);width:56px;height:44px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:11px;font-weight:500;transition:background-color .15s,color .15s,transform .12s;display:flex}.tr-act:active{transform:scale(.97)}.tr-act:focus-visible,.tr-confirm:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}@media (hover:hover){.tr-act:hover{background:var(--hover);color:var(--text)}.tr-act-danger:hover{color:#e5484d;background:#e5484d1f}}.tr-confirm{z-index:30;background:var(--red);color:#fff;width:200px;height:44px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;filter:blur(4px);pointer-events:none;transition:opacity .15s ease, transform .3s var(--ease), filter .15s ease;border:0;border-radius:8px;padding:0;font-size:13px;font-weight:600;position:absolute;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)scale(1.2)}.tr-confirm[data-show=true]{opacity:1;filter:none;pointer-events:auto;transform:translate(-50%)}.tr-confirm[data-show=true]:active,.tr-confirm[data-holding=true]{transform:translate(-50%)scale(.97)}.tr-fill{transform-origin:0;background:#b42324;transition:transform .2s ease-out;position:absolute;inset:0;transform:scaleX(0)}.tr-confirm[data-holding=true] .tr-fill{transition:transform 1s linear;transform:scaleX(1)}.tr-label{position:relative}.tr-status{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tr,.tr-photo,.tr-badge,.tr-back,.tr-front,.tr-bar{transition:opacity .15s;transition-delay:0s!important}.tr-badge path{transition:none!important}}
.vp-demo{--level:0;--speaker-0:var(--accent);--speaker-1:#14b8a6;flex-direction:column;align-items:center;gap:12px;display:flex}.vp-minimize{height:32px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding-inline:12px;font-size:13px;transition:opacity .2s .2s,background-color .15s,color .15s;display:inline-flex}.vp-minimize[data-open=false]{opacity:0;transition-delay:0s}@media (hover:hover){.vp-minimize:hover{background:var(--chip);color:var(--text)}}.vp-minimize:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.vp{--c:var(--speaker-0);box-sizing:border-box;background:var(--surface);border-radius:999px;align-items:center;gap:12px;width:340px;padding:12px 16px 12px 12px;transition:width .45s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;box-shadow:0 0 0 1px #80808033,0 1px 2px -1px #0003,0 2px 4px #0000001a}.vp[data-speaker="1"]{--c:var(--speaker-1)}.vp[data-open=false]{width:64px}.vp-bars,.vp-time{transition:opacity .25s .18s,filter .25s .18s}.vp[data-open=false] .vp-bars,.vp[data-open=false] .vp-time{opacity:0;filter:blur(6px);transition-duration:.12s;transition-delay:0s}.vp-time{white-space:nowrap}.vp-elapsed{color:var(--c)}.vp-bars{min-width:0}.vp-button{color:#18181b;touch-action:manipulation;background:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;transition:transform .15s,background-color .15s;display:grid;position:relative;box-shadow:0 0 0 1px #80808033,0 1px 2px -1px #0003}button.vp-button{cursor:pointer}@media (hover:hover){button.vp-button:hover{background:#f0f0f4}}button.vp-button:active{transform:scale(.97)}.vp-button:focus-visible,.vp-bars:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.vp-play,.vp-pause{grid-area:1/1;transition:opacity .15s,transform .15s}.vp-pause,.vp[data-running=true] .vp-play{opacity:0;transform:scale(.6)}.vp[data-running=true] .vp-pause{opacity:1;transform:scale(1)}.vp-bars{touch-action:none;border-radius:8px;flex:1;height:44px;position:relative;overflow:hidden}.vp[data-interactive=true] .vp-bars{cursor:pointer}.vp-bars:after{content:"";background:var(--c);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:4px;bottom:4px;left:50%}.vp-track{pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute;top:0;bottom:0;left:50%}.vp-bar{--p:0;--d:max(var(--i) + .5 - var(--p), var(--p) - var(--i) - .5);width:4px;height:calc(var(--h) * 100%);background:color-mix(in srgb, var(--c) calc(clamp(0, var(--p) - var(--i), 1) * 100%), color-mix(in srgb, var(--c) 28%, var(--surface)));border-radius:2px;flex:none}.vp[data-running=true] .vp-bar{transform:scaleY(calc(1 + .15 * clamp(0, 1 - var(--d) / 4, 1)))}.vp-time{font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;font-size:13px}.vp-tick{--w:24px;top:0;bottom:0;left:calc(var(--at) * 6px - 1px - var(--w) / 2);width:var(--w);pointer-events:auto;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute}span.vp-tick{pointer-events:none}button.vp-tick{cursor:pointer}@media (pointer:coarse){.vp-tick{--w:44px}}.vp-tick:before{content:"";background:var(--muted);opacity:.7;border-radius:1px;width:2px;transition:opacity .15s;position:absolute;top:2px;bottom:2px;left:calc(50% - 1px)}@media (hover:hover){button.vp-tick:hover:before{opacity:1}}.vp-tick:focus-visible{outline:none}.vp-tick:focus-visible:before{opacity:1;box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.vp-chapters{justify-content:center;height:32px;transition:opacity .2s .2s;display:flex;position:relative}.vp-chapters[data-open=false]{opacity:0;transition-delay:0s}.vp-caption{height:32px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding-inline:12px;font-size:13px;transition:background-color .15s,color .15s;display:inline-flex}@media (hover:hover){.vp-caption:hover{background:var(--chip);color:var(--text)}}.vp-caption:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);outline:none}.vp-caption-titles{display:grid}.vp-caption-titles>span{grid-area:1/1;transition:opacity .18s,filter .18s}.vp-caption-titles>span[data-active=false]{opacity:0;filter:blur(6px)}.vp-caption svg{transition:transform .15s}.vp-caption[aria-expanded=true] svg{transform:rotate(180deg)}.vp-menu{z-index:2;background:var(--surface);overscroll-behavior:contain;opacity:0;visibility:hidden;transform-origin:bottom;border-radius:12px;outline:none;min-width:220px;margin:0;padding:4px;list-style:none;transition:opacity .15s,transform .15s,visibility 0s .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(4px)scale(.96);box-shadow:0 0 0 1px #80808033,0 4px 8px -2px #0003,0 8px 16px #0000001a}.vp-menu[data-open=true]{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.vp-menu li{min-height:32px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding-inline:8px;font-size:14px;display:flex}@media (pointer:coarse){.vp-menu li{min-height:44px}}.vp-menu li[data-active=true]{background:var(--chip)}.vp-check{width:14px;color:var(--accent);display:grid}.vp-check path{stroke-dasharray:1;animation:.26s cubic-bezier(.4,0,.2,1) backwards vp-draw}@keyframes vp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.vp-opt-title{white-space:nowrap;flex:1}.vp-opt-time{color:var(--muted);font-variant-numeric:tabular-nums}.vp-speakers{justify-items:center;height:32px;transition:opacity .2s .2s;display:grid}.vp-speakers[data-open=false]{opacity:0;transition-delay:0s}.vp-speaker{color:var(--text);white-space:nowrap;opacity:0;grid-area:1/1;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.vp-speaker[data-state=in]{animation:.22s cubic-bezier(.2,.8,.2,1) both vp-in}.vp-speaker[data-state=out]{animation:.22s cubic-bezier(.2,.8,.2,1) both vp-out}@keyframes vp-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes vp-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-32px)}}@keyframes vp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vp-fade-out{0%{opacity:1}to{opacity:0}}.vp-avatar{background:var(--c);color:#fff;width:28px;height:28px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--c);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid;position:relative}.vp-avatar:after{content:"";box-shadow:0 0 0 2px var(--c);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .15s,transform 90ms linear;position:absolute;inset:0;transform:scale(1)}.vp-speakers[data-running=true] .vp-avatar:after{opacity:.45;transform:scale(calc(1.2 + var(--level) * .5))}@media (prefers-reduced-motion:reduce){.vp-caption-titles>span[data-active=false]{filter:none}.vp-menu{transform:translate(-50%)}.vp-avatar:after{display:none}.vp-speaker[data-state=in]{animation-name:vp-fade-in}.vp-speaker[data-state=out]{animation-name:vp-fade-out}.vp{transition-duration:1ms}.vp[data-open=false] .vp-bars,.vp[data-open=false] .vp-time{filter:none}.vp[data-running=true] .vp-bar{transform:none}.vp-play,.vp-pause{transition:opacity .15s;transform:none!important}.vp-check path{animation:none}}