trieur-zone{display:none}trieur-deck{display:block}.tr{--tr-accent: #4a54f2;--tr-multi: #f59e0b;--tr-ink: currentColor;--tr-line: rgba(128, 128, 128, .3);--tr-line: color-mix(in srgb, currentColor 15%, transparent);--tr-card-bg: #fff;--tr-card-w: 260px;--tr-card-h: 300px;--tr-radius: 14px;display:flex;flex-direction:column;gap:12px;user-select:none;-webkit-user-select:none}@media(prefers-color-scheme:dark){.tr{--tr-card-bg: #22222c}}.tr-stage{position:relative;min-height:600px;border-radius:var(--tr-radius);outline:none;touch-action:pan-y}.tr-stage:focus-visible{box-shadow:0 0 0 3px #4a54f259;box-shadow:0 0 0 3px color-mix(in srgb,var(--tr-accent) 35%,transparent)}.tr-segments{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tr-seg{--tr-seg: var(--tr-accent);fill:#4a54f20a;fill:color-mix(in srgb,var(--tr-seg) 4%,transparent);stroke:var(--tr-line);stroke-width:1;stroke-dasharray:3 4;transition:fill .12s,stroke .12s}.tr-seg.tr-near{stroke:var(--tr-seg);stroke:color-mix(in srgb,var(--tr-seg) 55%,transparent);stroke-dasharray:none}.tr-seg.tr-armed{fill:#4a54f224;fill:color-mix(in srgb,var(--tr-seg) 14%,transparent);stroke:var(--tr-seg)}.tr-seg.tr-picked{fill:#f59e0b1f;fill:color-mix(in srgb,var(--tr-multi) 12%,transparent);stroke:var(--tr-multi);stroke-dasharray:none}.tr-zone{position:absolute;transform:translate(-50%,-50%) scale(var(--tr-zone-k, 1));display:flex;flex-direction:column;align-items:center;gap:4px;width:104px;padding:10px 8px 8px;border:1px solid var(--tr-line);border-radius:12px;background:var(--tr-card-bg);font-size:12.5px;line-height:1.25;text-align:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s,border-color .12s,background-color .12s,box-shadow .12s}.tr-zone .tr-glyph{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;font-size:24px;line-height:1;color:var(--tr-seg, var(--tr-accent));background:#80808029;background:color-mix(in srgb,currentColor 14%,transparent);overflow:hidden}.tr-zone .tr-glyph svg{width:28px;height:28px}.tr-zone .tr-glyph img{width:100%;height:100%;object-fit:cover}.tr-zone .tr-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.tr-zone.tr-tight{width:84px;padding:6px 5px 5px;font-size:11px}.tr-zone.tr-tight .tr-glyph{width:30px;height:30px;font-size:17px;border-radius:8px}.tr-zone.tr-tight .tr-glyph svg{width:18px;height:18px}.tr-zone.tr-tiny{width:68px;padding:4px 3px;gap:2px;font-size:10.5px}.tr-zone.tr-tiny .tr-glyph{width:22px;height:22px;font-size:13px;border-radius:6px}.tr-zone.tr-tiny .tr-glyph svg{width:14px;height:14px}.tr-zone.tr-tiny .tr-label{-webkit-line-clamp:1}.tr-zone.tr-tight kbd,.tr-zone.tr-tiny kbd{display:none}.tr kbd{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 5px;font:inherit;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--tr-line);border-bottom-width:2px;border-radius:5px;background:var(--tr-card-bg);opacity:.9}.tr-zone.tr-near{border-color:var(--tr-seg, var(--tr-accent))}.tr-zone.tr-off{opacity:.38;cursor:not-allowed;filter:grayscale(.6)}.tr-zone.tr-off .tr-glyph{background:#8080801f}.tr-seg.tr-off{fill:none}.tr-zone.tr-free{border-style:dashed;opacity:.6}.tr-zone.tr-free .tr-glyph{background:none;border:1px dashed var(--tr-line)}.tr-zone.tr-suggest{border-color:var(--tr-accent);border-color:color-mix(in srgb,var(--tr-accent) 60%,transparent);box-shadow:0 0 0 3px #4a54f224;box-shadow:0 0 0 3px color-mix(in srgb,var(--tr-accent) 14%,transparent)}.tr-zone.tr-suggest:after{content:"↵";position:absolute;left:50%;bottom:-1px;transform:translate(-50%);font-size:10px;line-height:1;opacity:.6}.tr-zone.tr-armed{transform:translate(-50%,-50%) scale(calc(var(--tr-zone-k, 1) * 1.12));background:#4a54f224;background:color-mix(in srgb,var(--tr-accent) 14%,var(--tr-card-bg))}.tr-zone.tr-picked{border-color:var(--tr-multi);box-shadow:0 0 0 3px #f59e0b38;box-shadow:0 0 0 3px color-mix(in srgb,var(--tr-multi) 22%,transparent)}.tr-zone.tr-picked:before{content:attr(data-pick);position:absolute;top:-9px;right:-9px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--tr-multi);color:#1b1200;font-size:11px;font-weight:700;display:grid;place-items:center}.tr-multi .tr-zone{cursor:pointer}.tr-layout-radial .tr-zone{width:96px;padding:0;border:0;background:none;box-shadow:none}.tr-layout-radial .tr-zone .tr-glyph{width:38px;height:38px;font-size:20px}.tr-layout-radial .tr-zone .tr-glyph svg{width:22px;height:22px}.tr-layout-radial .tr-zone.tr-armed{transform:translate(-50%,-50%) scale(calc(var(--tr-zone-k, 1) * 1.1));background:none}.tr-layout-radial .tr-zone.tr-picked{box-shadow:none}.tr-layout-radial .tr-seg{fill:#4a54f20f;fill:color-mix(in srgb,var(--tr-seg) 6%,transparent);stroke:#80808038;stroke:color-mix(in srgb,currentColor 11%,transparent);stroke-dasharray:none;stroke-width:1;transition:fill .11s ease-out}.tr-layout-radial .tr-seg.tr-near{fill:#4a54f229;fill:color-mix(in srgb,var(--tr-seg) 16%,transparent);stroke:var(--tr-seg);stroke:color-mix(in srgb,var(--tr-seg) 45%,transparent)}.tr-layout-radial .tr-seg.tr-armed{fill:#4a54f24d;fill:color-mix(in srgb,var(--tr-seg) 30%,transparent);stroke:var(--tr-seg);stroke-width:2}.tr-layout-radial .tr-zone.tr-near{color:var(--tr-seg, var(--tr-accent))}.tr-layout-radial .tr-zone.tr-armed{font-weight:600}.tr-vector{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.tr-vector[hidden]{display:none}.tr-vec-line{stroke:var(--tr-multi);stroke-width:2;stroke-dasharray:6 5;stroke-linecap:round}.tr-vec-well{fill:none;stroke:var(--tr-accent);stroke-width:1.5;stroke-dasharray:3 4;opacity:.6}.tr-vec-dot{fill:#f59e0b47;fill:color-mix(in srgb,var(--tr-multi) 28%,transparent);stroke:var(--tr-multi);stroke-width:2}.tr-pad{position:absolute;right:18px;bottom:18px;z-index:4;width:74px;height:74px;padding:0;display:grid;place-items:center;border:1.5px solid var(--tr-multi);border-radius:50%;background:#f59e0b1f;color:var(--tr-multi);opacity:.5;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .14s,transform .14s,background-color .14s}.tr-pad[hidden]{display:none}.tr-pad.tr-pad-left{left:18px;right:auto}.tr-pad svg{width:30px;height:30px}.tr-pad.tr-on{opacity:1;transform:scale(1.08);background:#f59e0b3d}.tr-pad.tr-pad-dynamic{right:auto;bottom:auto;transform:translate(-50%,-50%);opacity:.85}.tr-pad.tr-pad-dynamic.tr-on{transform:translate(-50%,-50%) scale(1.08)}.tr-pad.tr-charging:after{content:"";position:absolute;inset:5px;border-radius:50%;background:currentColor;opacity:.22;transform:scale(0);animation:tr-charge var(--tr-hold, .42s) linear forwards}@keyframes tr-charge{to{transform:scale(1)}}.tr-pile{position:relative;display:grid;place-items:center;min-width:0}.tr-cards{grid-auto-flow:column;grid-auto-columns:1fr;gap:18px}.tr-piles .tr-pile[data-active=true] .tr-card:not(.tr-behind){box-shadow:0 12px 30px #0000001f,0 0 0 2px #4a54f24d;box-shadow:0 12px 30px #0000001f,0 0 0 2px color-mix(in srgb,var(--tr-accent) 30%,transparent)}.tr-cards{position:absolute;inset:0;display:grid;place-items:stretch;bottom:var(--tr-tray, 0px);transform:translate(var(--tr-card-x, 0px),var(--tr-card-y, 0px));pointer-events:none}.tr-card{pointer-events:auto;position:absolute;width:min(var(--tr-card-w),78vw);min-height:min(var(--tr-card-h),46vh);min-height:min(var(--tr-card-h),46dvh);display:flex;flex-direction:column;background:var(--tr-card-bg);border:1px solid var(--tr-line);border-radius:var(--tr-radius);box-shadow:0 12px 30px #0000001f;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;transition:transform .22s cubic-bezier(.22,.7,.3,1),opacity .22s ease-out}.tr-card.tr-genie{z-index:3;pointer-events:none}.tr-card.tr-dragging{cursor:grabbing;transition:none;will-change:transform}.tr-card.tr-genie{will-change:transform,opacity}.tr-card img{-webkit-user-drag:none;user-select:none}.tr-card a,.tr-card button{cursor:pointer}.tr-card input,.tr-card textarea,.tr-card [contenteditable]{user-select:text;-webkit-user-select:text;cursor:auto}.tr-card.tr-behind{transform:scale(.94) translateY(14px);opacity:.55;filter:saturate(.8)}.tr-card.tr-genie{transition:transform .32s cubic-bezier(.22,.7,.3,1),opacity .11s ease-in 215ms;opacity:0}.tr-multi .tr-card:not(.tr-genie){border:2px dashed var(--tr-multi)}.tr-multi .tr-card:not(.tr-genie):after{content:"";position:absolute;inset:0;border:2px solid var(--tr-multi);border-radius:inherit;pointer-events:none;animation:tr-breathe 1.6s ease-in-out infinite}@keyframes tr-breathe{50%{opacity:.2}}.tr-zone.tr-catch{animation:tr-catch .3s cubic-bezier(.2,.9,.3,1)}@keyframes tr-catch{35%{transform:translate(-50%,-50%) scale(calc(var(--tr-zone-k, 1) * 1.14))}60%{transform:translate(-50%,-50%) scale(calc(var(--tr-zone-k, 1) * .97))}to{transform:translate(-50%,-50%) scale(var(--tr-zone-k, 1))}}.tr-close{display:none}.tr-full{position:fixed;inset:0;z-index:60;padding:20px 24px 16px;background:var(--tr-page-bg, var(--tr-card-bg));animation:tr-open .22s cubic-bezier(.2,.8,.3,1)}.tr-full .tr-stage{flex:1;min-height:0}.tr-full .tr-stage,.tr-full .tr-card,.tr-full .tr-zone,.tr-live .tr-stage,.tr-live .tr-card,.tr-live .tr-zone{touch-action:none}html.tr-holding,html.tr-holding body{overscroll-behavior:none}.tr-full .tr-close{display:inline-flex;align-items:center;gap:8px;position:absolute;top:14px;right:16px;height:34px;padding:0 10px 0 12px;border:1px solid var(--tr-line);border-radius:99px;background:var(--tr-card-bg);color:inherit;font:inherit;font-size:12px;cursor:pointer;box-shadow:0 4px 14px #00000014;transition:border-color .14s,transform .14s}.tr-full .tr-close svg{width:15px;height:15px}.tr-full .tr-close:hover{border-color:var(--tr-accent);color:var(--tr-accent);transform:translateY(-1px)}.tr-full .tr-close:focus-visible{outline:2px solid var(--tr-accent);outline-offset:2px}.tr-full [data-tr=expand]{display:none}@keyframes tr-open{0%{opacity:0;transform:scale(.98)}}html.tr-locked,html.tr-locked body{overflow:hidden}.tr-bar{display:flex;align-items:center;gap:12px;font-size:12px;opacity:.85;touch-action:manipulation}.tr-actions{margin-left:auto;display:flex;gap:8px}.tr-bar button{font:inherit;font-size:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--tr-line);border-radius:8px;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.tr-bar button:hover:not(:disabled){border-color:var(--tr-accent);color:var(--tr-accent)}.tr-bar button:disabled{opacity:.4;cursor:default}.tr-bar button[hidden]{display:none}.tr-bar button.tr-on{border-color:var(--tr-multi);color:var(--tr-multi);background:#f59e0b1a;background:color-mix(in srgb,var(--tr-multi) 10%,transparent)}.tr-bar button.tr-on:hover{border-color:var(--tr-multi);color:var(--tr-multi)}.tr-bar kbd{font:inherit;font-size:10px;opacity:.7}.tr-nothing{position:absolute;inset:0;display:grid;place-items:center;margin:0;opacity:.6;font-size:13px}.tr-nothing[hidden]{display:none}.tr-sm{--tr-card-w: 216px;--tr-card-h: 262px;--tr-radius: 12px;gap:8px}.tr-sm .tr-card{width:min(var(--tr-card-w),62%);min-height:min(var(--tr-card-h),46%);box-shadow:0 8px 20px #0000001f}.tr-sm .tr-zone{width:72px;padding:6px 4px 5px;gap:2px;font-size:10.5px;border-radius:10px}.tr-sm .tr-zone .tr-glyph{width:30px;height:30px;font-size:16px;border-radius:8px}.tr-sm .tr-zone .tr-glyph svg{width:18px;height:18px}.tr-sm .tr-zone kbd{display:none}.tr-sm .tr-zone.tr-picked:before{top:-6px;right:-6px;min-width:17px;height:17px;font-size:10px}.tr-sm.tr-layout-radial .tr-zone{width:66px}.tr-sm.tr-layout-dock .tr-zone{width:72px}.tr-sm .tr-pad{width:58px;height:58px}.tr-sm .tr-pad svg{width:24px;height:24px}.tr-sm .tr-bar{font-size:11px;gap:6px;flex-wrap:wrap}.tr-sm .tr-bar button{padding:4px 8px}.tr-sm .tr-bar kbd{display:none}.tr-full.tr-sm{--tr-card-w: 300px;--tr-card-h: 420px}.tr-full.tr-sm .tr-card{width:min(var(--tr-card-w),80%);min-height:min(var(--tr-card-h),52%)}.tr-xs{--tr-card-w: 196px;--tr-card-h: 240px}.tr-xs .tr-zone{width:66px;font-size:10px}.tr-xs.tr-layout-radial .tr-zone{width:62px}@media(max-width:640px){.tr:not(.tr-full) .tr-stage{min-height:56vh;min-height:56dvh}.tr-full{padding:12px 12px 10px}.tr-full .tr-close{top:10px;right:10px;height:30px}}.tr-play{display:none}.tr-idle .tr-stage:after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;background:#fafafc8c;backdrop-filter:saturate(.75) blur(1px);-webkit-backdrop-filter:saturate(.75) blur(1px);animation:tr-scrim .2s ease-out}@media(prefers-color-scheme:dark){.tr-idle .tr-stage:after{background:#0c0c1280}}@keyframes tr-scrim{0%{opacity:0}}.tr-idle .tr-play{display:grid;position:absolute;left:50%;top:50%;z-index:6;place-items:center;gap:3px;width:96px;height:96px;padding:0 0 2px;border:0;border-radius:50%;background:var(--tr-accent);color:#fff;font:inherit;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 10px 24px #4a54f257,0 2px 6px #00000024;-webkit-tap-highlight-color:transparent;animation:tr-wake .24s cubic-bezier(.2,.8,.3,1);transition:transform .12s,box-shadow .12s}.tr-idle .tr-play svg{width:34px;height:34px;margin-left:3px}.tr-idle .tr-play:after{content:"";position:absolute;bottom:-14px;left:50%;width:64px;height:12px;transform:translate(-50%);border-radius:50%;background:#000;opacity:.16;filter:blur(5px)}.tr-idle .tr-play:active{transform:translate(-50%,-50%) scale(.95);box-shadow:0 6px 14px #4a54f24d}@keyframes tr-wake{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}}.tr-play[hidden]{display:none}.tr-live-bar{display:contents}@media(pointer:coarse){.tr:not(.tr-full){position:relative}.tr:not(.tr-full) .tr-live-bar{position:absolute;top:10px;right:10px;z-index:5;display:flex;gap:8px}.tr:not(.tr-full) .tr-live-bar button{padding:6px 12px;border-radius:99px;background:var(--tr-card-bg);box-shadow:0 4px 14px #0000001f}}.tr-layout-dock .tr-zone{width:84px}.tr-layout-dock .tr-seg{stroke-dasharray:4 5}.tr-layout-grid .tr-seg{stroke-dasharray:none;stroke-width:1}@media(prefers-reduced-motion:reduce){.tr-card,.tr-zone,.tr-seg,.tr-pad{transition:none}.tr-zone.tr-catch{animation:none}.tr-multi .tr-card:not(.tr-genie):after{animation:none}}