.tr{--surface:var(--bg-2);--ink:var(--text);--accent:var(--sky);--accent-text:var(--sky);--on-accent:#001018;--accent-soft:#08bcf424;--wave:#a9b5c0;--wave-dim:#39424b;--chip:var(--bg-3);--f-display:var(--font-display);--f-body:var(--font-body);--f-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r:var(--radius);gap:22px;font-size:15px;line-height:1.5;display:grid}.tr [hidden]{display:none!important}.tr .sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tr .drop{border:1.5px dashed var(--line-strong);border-radius:var(--r);background:var(--surface);justify-self:center;gap:14px;width:100%;max-width:860px;padding:18px 20px;transition:border-color .15s,background .15s;display:grid}.tr .drop.over,body.dragging .tr .drop{border-color:var(--accent);background:var(--accent-soft)}.tr .drop-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.tr .drop-main{justify-content:center}.tr .drop strong{font-weight:600}.tr label.sel{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.tr select{font:500 14px var(--f-body);border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);border-radius:10px;min-height:40px;padding:7px 10px}.tr .spacer{flex:1}.tr .btn:focus-visible,.tr select:focus-visible,.tr .play:focus-visible,.tr .gchip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tr-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),420px));justify-content:center;align-items:start;gap:18px;display:grid}.tr-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0;display:grid;overflow:hidden}.tr-card .card-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:12px 14px;display:flex}.tr-card .play{background:var(--accent);width:38px;height:38px;color:var(--on-accent);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.tr-card .play svg{fill:currentColor;width:14px;height:14px}.tr-card .play[disabled]{opacity:.35;cursor:default}.tr-card .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--paper);flex:1;font-weight:700;overflow:hidden}.tr-card .tag{font:500 11px var(--f-mono);color:var(--muted);background:var(--chip);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;flex:none;padding:2px 7px}.tr-card .tag.ex{color:var(--accent-text);background:var(--accent-soft)}.tr-card .body{gap:16px;padding:16px;display:grid}.tr-card .status{color:var(--muted);gap:8px;padding:6px 0;font-size:14px;display:grid}.tr-card .bar{background:var(--chip);border-radius:4px;height:4px;overflow:hidden}.tr-card .bar i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.tr-card .err{color:var(--accent-text)}.tr-card .readout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.tr-card .nums{grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;gap:4px 18px;display:grid}.tr-card .lab{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.tr-card .val{font-family:var(--f-display);white-space:nowrap;color:var(--paper);font-size:32px;font-weight:400;line-height:1.05}.tr-card .val small{font-size:17px}.tr-card .val.cam{color:var(--accent-text);text-shadow:0 0 18px #08bcf473}.tr-card .val small.alt{color:var(--muted);font-size:15px}.tr-card .mixes{color:var(--muted);grid-column:1/-1;margin-top:6px;font-size:13px}.tr-card .mixes b{font:500 12px var(--f-mono);color:var(--ink);background:var(--chip);border-radius:5px;margin-right:3px;padding:1px 6px}.tr-card .wheel{flex:none;width:112px;height:112px}.tr-card .wheel .seg{fill:var(--chip);stroke:var(--surface);stroke-width:1.5px}.tr-card .wheel .seg.nb{fill:#08bcf447}.tr-card .wheel .seg.on{fill:var(--accent)}.tr-card .wheel text{font:600 8px var(--f-mono);fill:var(--ink);text-anchor:middle;dominant-baseline:central}.tr-card .wheel text.on{fill:var(--on-accent)}.tr-card .genre{background:var(--chip);border-radius:12px;gap:8px;padding:12px;display:grid}.tr-card .genre-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tr-card .gsel{max-width:60%;min-height:34px;padding:4px 6px;font-size:13px}.tr-card .gval{font-family:var(--f-display);text-wrap:balance;color:var(--paper);font-size:26px;font-weight:400;line-height:1.1}.tr-card .gval small{font-family:var(--f-body);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:4px;font-size:12px;font-weight:700}.tr-card .gtop{flex-wrap:wrap;gap:6px;display:flex}.tr-card .gchip{font:600 12.5px var(--f-body);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:99px;align-items:center;gap:6px;min-height:32px;padding:5px 11px;display:inline-flex}.tr-card .gchip span{font:500 11px var(--f-mono);color:var(--muted)}.tr-card .gchip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tr-card .gchip.on span{color:var(--on-accent)}.tr-card .gtags{gap:6px;margin-top:2px;display:grid}.tr-card .tagrow{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tr-card .tagrow b{font:500 12px var(--f-mono);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:2px 7px}.tr-card .meters{gap:8px;display:grid}.tr-card .meter{grid-template-columns:112px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:13.5px;display:grid}.tr-card .meter .track{background:var(--chip);border-radius:8px;height:8px;overflow:hidden}.tr-card .meter .fill{background:linear-gradient(90deg, #0784ad, var(--accent));border-radius:8px;height:100%}.tr-card .meter .pct{font:500 12.5px var(--f-mono);text-align:right;font-variant-numeric:tabular-nums}.tr-card .meter-note{color:var(--muted);font-size:12px}.tr-card .wavebox{gap:2px;display:grid}.tr-card .wave{cursor:pointer;width:100%;height:78px;display:block}.tr-card .ticks{height:16px;font:500 10.5px var(--f-mono);color:var(--muted);position:relative}.tr-card .ticks span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.tr-card .ticks span:before{content:"";background:var(--line-strong);width:1px;height:4px;position:absolute;top:-3px;left:50%}.tr-card .story{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.tr-card .story p{max-width:65ch;margin:0}.tr-card .story-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tr-card .story-note{color:var(--muted);font-size:12px}.tr-card .gconf{font:700 11.5px var(--f-body);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--muted);border-radius:99px;padding:3px 10px}.tr-card .gconf--strong{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.tr-card .gconf--likely{color:var(--accent);border-color:#08bcf499}.tr-card .gconf--possible{color:#f6b931;border-color:#f6b93180}.tr-card .gconf--unsure{color:var(--muted)}.tr-card .gconf--user{color:var(--paper);border-color:var(--paper)}.tr-card .gsub{color:var(--accent-text)}.tr-card .ginf,.tr-card .galt,.tr-card .gnote{color:var(--ink);margin:0;font-size:13.5px}.tr-card .ginf .lab,.tr-card .galt .lab{margin-right:6px}.tr-card .galt small{color:var(--muted)}.tr-card .gnote{color:var(--muted);font-size:12.5px}.tr-card .gwhy{font-size:13.5px}.tr-card .gwhy summary{cursor:pointer;color:var(--accent-text);font-weight:700}.tr-card .gwhy ul{gap:4px;margin:8px 0 0;padding-left:18px;display:grid}.tr-card .gfix{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tr-card .gfix .gsel{max-width:100%}.tr-card .gthanks{color:#5fe0a5;font-size:12.5px}.tr-card .keywarn{color:#f6b931}.tr-card .sections{border-radius:6px;gap:2px;height:20px;margin-top:6px;display:flex;overflow:hidden}.tr-card .sections[hidden]{display:none}.tr-card .sec{min-width:3px;font:600 10px var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--chip);white-space:nowrap;place-items:center;display:grid;overflow:hidden}.tr-card .sec em{font-style:normal}.tr-card .sec--drop{background:var(--accent);color:var(--on-accent)}.tr-card .sec--build{background:#08bcf466}.tr-card .sec--main{background:#08bcf440}.tr-card .sec--breakdown{background:#2a3442}.tr-card .sec--intro,.tr-card .sec--outro{color:var(--muted);background:#1b2430}.tr-credit{color:var(--muted);text-align:center;margin:0;font-size:12px}.tr-credit a{color:var(--muted)}.tr .empty-note,.tr-note{color:var(--muted);text-align:center;margin:0;font-size:13.5px}.tr-note a{color:var(--sky)}@media (prefers-reduced-motion:reduce){.tr *{transition:none!important}}@media (width<=420px){.tr-card .val{font-size:26px}.tr-card .wheel{width:92px;height:92px}.tr-card .meter{grid-template-columns:106px minmax(0,1fr) 38px;gap:8px;font-size:13px}}