@layer components{.xl{width:100%;color:var(--text);flex-direction:column;margin:0;display:flex;position:relative}.xl-svg{width:100%;height:auto;display:block;overflow:visible}.xl-svg--spine,.xl-svg--tall{display:none}.xl-svg--tall{max-width:440px}.xl text{font-family:var(--font-mono);font-size:var(--xl-mono,12px);letter-spacing:.01em;fill:var(--text-muted)}.xl .xl-title{font-family:var(--font-sans);font-size:var(--xl-title,16px);letter-spacing:-.02em;fill:var(--text);text-anchor:middle;font-weight:560}.xl .xl-sub{text-anchor:middle}.xl .xl-label--main{fill:var(--text)}.xl .xl-node rect{fill:var(--bg-raised);stroke:#a6bec49e;stroke-width:1.25px}.xl .xl-node--exc rect{stroke:#7f98a09e}.xl .xl-gate polygon{fill:var(--bg-raised);stroke:var(--amber);stroke-width:1.75px;stroke-linejoin:round}.xl .xl-edge,.xl .xl-head{fill:none;stroke-linecap:round;stroke-linejoin:round}.xl .xl-edge--main{stroke:#eaf2f3d1;stroke-width:2px}.xl .xl-edge--exc,.xl .xl-edge--loop{stroke:#a6bec49e;stroke-width:1.5px}.xl .xl-edge.xl-edge--loop{stroke-dasharray:6 5;stroke-linecap:butt}.xl .xl-head{stroke-linejoin:miter;stroke-miterlimit:6}.xl .xl-tok{fill:color-mix(in srgb, var(--amber) 16%, var(--bg-raised));stroke:var(--amber);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.xl .xl-ring{color:var(--amber)}.xl .xl-ring circle{fill:var(--bg-raised);stroke:var(--amber);stroke-width:2px}.xl-control{--xl-ctl-h:36px;height:var(--xl-ctl-h);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-raised);color:var(--text);transition:border-color var(--dur-fast), background-color var(--dur-fast);align-self:flex-end;align-items:center;gap:.4rem;margin:.75rem 0 0;padding:0 .75rem 0 .6rem;font-size:.8125rem;font-weight:500;line-height:1;display:none}.xl-control:hover{border-color:color-mix(in srgb, var(--amber) 55%, transparent);background:#ffbf000f}@media (max-width:1023px),(pointer:coarse){.xl-control{--xl-ctl-h:44px;padding:0 .9rem 0 .75rem}}.xl-control .icon{width:14px;height:14px;display:none}.xl-ctl{display:none}.xl[data-state=playing] .i-pause,.xl[data-state=playing] .xl-ctl--pause,.xl[data-state=rest] .i-play,.xl[data-state=paused] .i-play,.xl[data-state=rest] .xl-ctl--play,.xl[data-state=paused] .xl-ctl--play,.xl[data-state=done] .i-replay,.xl[data-state=done] .xl-ctl--replay{display:block}@media (prefers-reduced-motion:no-preference){html.js:not([data-motion=reduced]) .xl-control{display:inline-flex}html.js:not([data-motion=reduced]) .xl[data-state=rest] :is(.xl-edge:not(.xl-edge--loop),.xl-head,.xl-loop-mask,.xl-ring circle){stroke-dasharray:1;stroke-dashoffset:1px}html.js:not([data-motion=reduced]) .xl[data-state=rest] :is(.xl-ring,.xl-person){clip-path:circle(0%)}html.js:not([data-motion=reduced]) .xl[data-state=rest] .xl-label{clip-path:inset(0% 100% 0% 0%)}html.js:not([data-motion=reduced]) .xl[data-state=rest] .xl-label[data-wipe=left]{clip-path:inset(0% 0% 0% 100%)}html.js:not([data-motion=reduced]) .xl[data-state=rest] .xl-tok--intro{translate:var(--rx) var(--ry)}}@media (max-width:699px){.xl-svg--wide{display:none}.xl-svg--tall{display:block}}@media (min-width:1024px){.xl-svg--wide{display:none}.xl-svg--spine{display:block}}.xl[data-still]{width:790px}.xl[data-still] .xl-svg--wide{display:block}}
@layer components{.bts{--bts-dash:#a0cdd780;width:100%;max-width:960px;color:var(--text);margin:0;position:relative;container:bts/inline-size}.bts-stage{--bts-fan:22px;--bts-inset:9px;--bts-step:6px;--bts-open:1.5rem;padding-bottom:calc(5 * var(--bts-fan) + var(--bts-open));position:relative}.bts-scene{perspective:1500px;perspective-origin:50% 30%;position:relative}.bts-rig{transform-origin:50% 55%;position:relative}.bts[data-depth=deep] .bts-rig,.bts[data-depth=deep] .bts-deck,.bts[data-depth=deep] .bts-plates{transform-style:preserve-3d}.bts-notes{justify-content:space-between;align-items:center;gap:.75rem;min-height:30px;margin-bottom:10px;display:flex}.bts-tag{border:1px solid var(--line);background:var(--bg-raised);height:24px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;border-radius:6px;align-items:center;padding:0 .55rem;font-size:.6875rem;line-height:1;display:inline-flex}.bts-signoff{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.bts-ring{width:28px;height:28px;color:var(--amber);flex:none;place-items:center;display:grid;position:relative}.bts-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bts-ring circle{fill:none;stroke:var(--amber);stroke-width:2px;stroke-linecap:butt}.bts-ring .icon{width:13px;height:13px;position:relative}.bts-signoff-text{letter-spacing:-.005em;white-space:nowrap;font-size:.8125rem;font-weight:560;line-height:1.2}.bts-deck{position:relative}.bts-plates{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.bts-plate[data-i="0"]{--i:0}.bts-plate[data-i="1"]{--i:1}.bts-plate[data-i="2"]{--i:2}.bts-plate[data-i="3"]{--i:3}.bts-plate[data-i="4"]{--i:4}.bts-plate{--n:calc(var(--i) + 1);left:calc(var(--n) * var(--bts-inset));right:calc(var(--n) * var(--bts-inset));top:calc(var(--n) * var(--bts-fan));bottom:calc(var(--n) * var(--bts-fan) * -1);background:color-mix(in srgb, var(--surface) calc(92% - var(--i) * 15%), var(--bg));border:1px solid #a0cdd733;border-radius:12px;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff0d}.bts-plate-strip{height:var(--bts-fan);align-items:center;gap:.5rem;padding:0 .6rem 0 .7rem;display:flex}.bts-plate-label{min-width:0;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);white-space:nowrap;align-items:center;gap:.4rem;font-size:.71875rem;line-height:1;display:inline-flex}.bts-plate-label .icon{width:12px;height:12px;color:var(--text-muted);flex:none}.bts-check{flex:none;width:14px;height:14px;overflow:visible}.bts-check path{fill:none;stroke:var(--amber);stroke-width:1.9px;stroke-linecap:butt;stroke-linejoin:round}.bts-screen{position:relative}.bts-browser{background:var(--bg-raised);border-radius:14px;position:relative;overflow:hidden}.bts-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bts-outline rect{fill:none;width:calc(100% - 1.5px);height:calc(100% - 1.5px)}.bts-outline-dash{stroke:var(--bts-dash);stroke-width:1.25px;stroke-dasharray:5 4}.bts-outline-solid{stroke:var(--amber);stroke-width:1.5px;stroke-linecap:butt}.bts-chrome{border-bottom:1px solid var(--line);background:#041a2080;grid-template-columns:39px minmax(0,1fr) 39px;align-items:center;gap:.6rem;height:36px;padding:0 .7rem;display:grid}.bts-dots{gap:6px;display:flex}.bts-dots i{background:#a0cdd733;border-radius:50%;width:9px;height:9px;display:block}.bts-address{border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--line);justify-self:center;width:min(100%,280px);height:24px;display:grid;overflow:hidden}.bts-face{min-width:0;font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;grid-area:1/1;align-items:center;gap:.4rem;padding:0 .7rem;font-size:.6875rem;line-height:1;display:flex}.bts-face .icon{flex:none;width:12px;height:12px}.bts-face--preview{color:var(--text-muted);clip-path:inset(0% 0% 0% 100%)}.bts-face--live{color:var(--text)}.bts-face--live .icon{color:var(--amber)}.bts-app{grid-template-columns:44px minmax(0,1fr);display:grid}.bts-side{border-right:1px solid var(--line);background:#041a204d;padding:12px 8px}.bts-brand{align-items:center;gap:8px;margin-bottom:14px;padding:0 6px;display:flex}.bts-brand-mark{background:#eaf2f352;border-radius:5px;flex:none;width:16px;height:16px;display:block}.bts-side .bts-bar{display:none}.bts-nav{gap:4px;margin:0;padding:0;list-style:none;display:grid}.bts-nav-item{border-radius:7px;align-items:center;gap:9px;height:26px;padding:0 8px;display:flex}.bts-nav-icon{background:#eaf2f333;border-radius:4px;flex:none;width:12px;height:12px;display:block}.bts-nav-item[data-current]{background:#eaf2f312}.bts-nav-item[data-current] .bts-nav-icon,.bts-nav-item[data-current] .bts-bar{background:#eaf2f39e}.bts-bar{background:#eaf2f333;border-radius:4px;flex:none;max-width:100%;height:7px;display:block}.bts-bar--strong{background:#eaf2f380}.bts-main{min-width:0;padding:12px 12px 8px}.bts-head{align-items:center;gap:8px;min-width:0;display:flex}.bts-title{letter-spacing:-.015em;font-size:.9375rem;font-weight:560;line-height:1}.bts-data{border-radius:var(--r-pill);flex:none;height:20px;display:grid;overflow:hidden}.bts-data-face{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;grid-area:1/1;justify-content:center;align-items:center;gap:5px;padding:0 .5rem;font-size:.6875rem;line-height:1;display:inline-flex}.bts-data-face--sample{border:1px dashed var(--bts-dash);color:var(--text-muted);transform:translateY(-110%)}.bts-data-face--live{color:var(--text);border:1px solid #a0cdd752}.bts-live-dot{background:var(--amber);border-radius:50%;flex:none;width:6px;height:6px;display:block}.bts-new{background:var(--text);min-width:26px;height:26px;color:var(--bg);white-space:nowrap;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:0 7px;font-size:.6875rem;font-weight:560;line-height:1;display:inline-flex}.bts-new .icon{flex:none;width:12px;height:12px}.bts-new-label{display:none}.bts-filters{align-items:center;gap:8px;margin-top:10px;display:flex}.bts-search{border:1px solid var(--line);background:#041a2059;border-radius:7px;align-items:center;gap:7px;width:140px;min-width:0;height:22px;padding:0 8px;display:flex}.bts-search-icon{border:1.5px solid #eaf2f34d;border-radius:50%;flex:none;width:8px;height:8px;display:block}.bts-pill{border-radius:var(--r-pill);border:1px solid var(--line);align-items:center;height:22px;padding:0 10px;display:none}.bts-table{margin-top:8px}.bts-tr{border-bottom:1px solid var(--line);grid-template-columns:12px minmax(0,1.6fr) minmax(0,1fr) minmax(0,.6fr);align-items:center;gap:10px;height:38px;display:grid}.bts-tr:last-child{border-bottom:0}.bts-tr--head{height:24px}.bts-col-date{display:none}.bts-col-amount{justify-self:end}.bts-box{border:1px solid #a0cdd74d;border-radius:3px;width:11px;height:11px;display:block}.bts-who{align-items:center;gap:8px;min-width:0;display:flex}.bts-avatar{background:#eaf2f324;border-radius:50%;flex:none;width:20px;height:20px;display:block}.bts-who-text{gap:5px;min-width:0;display:grid}.bts-status{border-radius:var(--r-pill);border:1px solid var(--line);justify-self:start;align-items:center;gap:6px;height:18px;padding:0 7px;display:inline-flex}.bts-status-bar{width:20px}.bts-status-dot{border-radius:50%;flex:none;width:6px;height:6px;display:block}.bts-status[data-status=done] .bts-status-dot{background:#eaf2f3b3}.bts-status[data-status=open] .bts-status-dot{border:1.5px solid #eaf2f38c}.bts-status[data-status=hold] .bts-status-dot{background:#eaf2f34d}.bts-row{z-index:1;justify-content:space-between;align-items:center;gap:.75rem;min-height:36px;margin-top:.5rem;display:flex;position:relative}.bts-control{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-raised);height:36px;color:var(--text);transition:border-color var(--dur-fast), background-color var(--dur-fast);align-items:center;gap:.4rem;padding:0 .8rem 0 .65rem;font-size:.8125rem;font-weight:500;line-height:1;display:none}.bts-control:hover{border-color:color-mix(in srgb, var(--amber) 55%, transparent);background:#ffbf000f}.bts-control .icon{width:14px;height:14px}@media (pointer:coarse){.bts:not([data-still]) .bts-row{min-height:44px}.bts-control{height:44px;padding:0 .95rem 0 .8rem}}@container bts (min-width:420px){.bts-tr{grid-template-columns:12px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.6fr)}.bts-col-date{display:block}.bts-new{padding:0 10px 0 8px}.bts-new-label{display:inline}.bts-pill{display:inline-flex}}@container bts (min-width:600px){.bts-stage{--bts-fan:26px;--bts-inset:16px}.bts-chrome{height:40px;padding:0 .85rem}.bts-address{width:min(100%,300px);height:26px}.bts-app{grid-template-columns:150px minmax(0,1fr)}.bts-side{padding:16px 12px}.bts-brand{margin-bottom:18px;padding:0 8px}.bts-side .bts-bar{display:block}.bts-nav-item{height:28px}.bts-main{padding:18px 22px 12px}.bts-head{gap:10px}.bts-title{font-size:1.0625rem}.bts-data{height:22px}.bts-data-face{padding:0 .6rem}.bts-new{border-radius:8px;height:30px;padding:0 12px 0 10px;font-size:.75rem}.bts-new .icon{width:13px;height:13px}.bts-filters{margin-top:14px}.bts-search{border-radius:8px;width:200px;height:26px;padding:0 10px}.bts-pill{height:26px;padding:0 12px}.bts-table{margin-top:12px}.bts-tr{gap:14px;height:46px}.bts-tr--head{height:28px}.bts-box{width:12px;height:12px}.bts-avatar{width:24px;height:24px}.bts-who{gap:10px}.bts-who-text{gap:6px}.bts-status{height:20px;padding:0 8px}.bts-status-bar{width:28px}.bts-plate-strip{padding:0 .75rem 0 .85rem}.bts-plate-label{gap:.45rem}.bts-plate-label .icon{width:13px;height:13px}.bts-check{width:15px;height:15px}}@container bts (min-width:820px){.bts-stage{--bts-fan:22px;--bts-inset:24px;--bts-step:5px;--bts-open:calc(5 * var(--bts-step))}.bts-notes{min-height:28px;margin-bottom:8px}.bts-chrome{height:34px}.bts-address{height:24px}.bts-app{grid-template-columns:168px minmax(0,1fr)}.bts-side{padding:12px}.bts-brand{margin-bottom:12px}.bts-nav{gap:3px}.bts-nav-item{height:24px}.bts-main{padding:12px 22px 6px}.bts-new{height:28px}.bts-filters{margin-top:10px}.bts-search,.bts-pill{height:24px}.bts-table{margin-top:8px}.bts-tr{height:34px}.bts-tr--head{height:18px}.bts-avatar{width:22px;height:22px}.bts-plate-strip{padding:0 .85rem 0 1rem}.bts:not([data-still]) .bts-row{margin:0;position:absolute;bottom:0;left:0;right:0}@media (max-height:899px){.bts-notes{min-height:24px;margin-bottom:6px}.bts-ring{width:24px;height:24px}.bts-ring .icon{width:11px;height:11px}.bts-stage{--bts-fan:18px;--bts-step:4px}.bts-chrome{height:32px}.bts-address{height:22px}.bts-side{padding:10px 12px}.bts-brand{margin-bottom:10px}.bts-nav{gap:2px}.bts-nav-item{height:22px}.bts-main{padding:10px 22px 4px}.bts-new{height:26px}.bts-data{height:20px}.bts-filters{margin-top:8px}.bts-search,.bts-pill{height:22px}.bts-table{margin-top:6px}.bts-tr--head{display:none}.bts-tr{height:28px}.bts-avatar{width:20px;height:20px}.bts-who-text{gap:4px}}}@container bts (max-width:359px){.bts-tag{padding:0 .45rem}.bts-signoff{gap:.4rem}.bts-signoff-text{font-size:.75rem}.bts-ring{width:24px;height:24px}.bts-ring .icon{width:11px;height:11px}}@media (prefers-reduced-motion:no-preference){html.js:not([data-motion=reduced]) .bts-control{visibility:hidden;display:inline-flex}html.js:not([data-motion=reduced]) .bts[data-played] .bts-control{visibility:visible}html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-plate{transform:translateY(calc(var(--n) * var(--bts-fan) * -1))}html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-plate-label,html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-face--live,html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-signoff-text{clip-path:inset(0% 100% 0% 0%)}html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-face--preview{clip-path:inset(0%)}html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-data-face--sample{transform:none}html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-data-face--live{transform:translateY(110%)}html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-check path,html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-outline-solid,html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-ring circle{stroke-dasharray:1;stroke-dashoffset:1px}html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-ring svg,html.js:not([data-motion=reduced]) .bts[data-state=rest] .bts-ring .icon{clip-path:circle(0%)}}.bts[data-still]{width:640px;max-width:none}.bts[data-still] .bts-stage{--bts-fan:30px;--bts-open:2rem}.bts[data-still] .bts-row{margin-top:.25rem}}