/* 2.15.2-tonic: Tonic Ruminations music stack in the Signal Deck title row. Absolutely placed in existing empty space (vw-tonic.js), so no layout or spacing changes. */
#signal .section-title{position:relative}
.tr-stack{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;visibility:hidden;z-index:2}
.tr-stack.on{visibility:visible}
.tr-stack img{display:block;height:44px;width:auto;flex:none;user-select:none;-webkit-user-drag:none}
.tr-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;min-height:36px;padding:4px 11px;border:1px solid #57eaff44;border-radius:9px;background:#06111dcc;color:#e8f6ff;font:700 11px/1.15 system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .15s}
.tr-btn small{font:500 9px/1.2 system-ui,sans-serif;color:var(--muted,#8fa6b8);letter-spacing:.04em}
.tr-btn:hover,.tr-btn:focus-visible{border-color:var(--cyan,#57eaff);box-shadow:0 0 12px #57eaff33}
.tr-btn[aria-pressed=true]{border-color:#ff5ce1;box-shadow:0 0 12px #ff5ce133}
.tr-btn .i{display:none}
.tr-stack.compact img{height:36px}.tr-stack.compact .tr-btn{padding:4px 9px;min-height:34px}.tr-stack.compact .tr-btn small,.tr-stack.mini .tr-btn small,.tr-stack.icon .tr-btn small{display:none}
.tr-stack.mini{gap:5px}.tr-stack.mini img{height:30px}.tr-stack.mini .tr-btn{padding:3px 7px;min-height:30px;font-size:10px;border-radius:8px}
.tr-stack.icon{gap:4px}.tr-stack.icon img{height:24px}.tr-stack.icon .tr-btn{width:26px;min-height:26px;padding:0;align-items:center;border-radius:50%;font-size:11px}.tr-stack.icon .tr-btn .n{display:none}.tr-stack.icon .tr-btn .i{display:block}
.tr-player{position:fixed;right:20px;bottom:64px;width:min(420px,calc(100vw - 40px),calc((100vh - 130px) * 16 / 9));max-height:calc(100vh - 76px);z-index:60;background:#050c16f2;border:1px solid #57eaff55;border-radius:12px;box-shadow:0 12px 40px #000a,0 0 24px #57eaff1f;overflow:hidden}
.tr-player[hidden]{display:none}
.tr-bar{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;border-bottom:1px solid #57eaff22;color:#cfe6f5;font:600 11px system-ui,sans-serif;letter-spacing:.04em}
.tr-bar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-x{all:unset;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#e8f6ff;font:400 20px/1 system-ui,sans-serif}.tr-x:hover,.tr-x:focus-visible{background:#ffffff14}
.tr-frame{position:relative;width:100%;background:#000}
.tr-frame.yt{aspect-ratio:16/9}.tr-frame.sp{height:min(352px,calc(100vh - 130px));background:transparent}
.tr-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media(max-width:760px){.tr-stack:not(.mini):not(.icon) img{height:38px}.tr-player{left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom,0px));width:auto}.tr-frame.sp{height:min(232px,calc(100vh - 130px))}}
@media(prefers-reduced-motion:reduce){.tr-btn{transition:none}}