/* TeamwaveFM: native seek controls + reusable text controls. */
.tw-timeline{--tw-progress:24%;--tw-buffer:63%;--tw-knob:16px;--tw-track:6px;position:relative;width:100%;min-width:80px;height:40px;display:flex;align-items:center}
.tw-timeline__rail{position:absolute;left:calc(var(--tw-knob)/2);right:calc(var(--tw-knob)/2);height:var(--tw-track);border-radius:6px;background:#0e0c15;border:1px solid;border-color:#07060b #282130 #51425c;box-shadow:inset 0 2px 4px #000b,0 1px 0 #ffffff07;pointer-events:none;overflow:hidden}
.tw-timeline__buffer{position:absolute;left:0;top:0;bottom:0;width:var(--tw-buffer);background:#51405980;border-radius:inherit}
.tw-timeline__fill{position:absolute;inset:0 auto 0 0;width:var(--tw-progress);border-radius:inherit;background:linear-gradient(90deg,#087cff 0%,#8c4ee8 38%,#ef58cf 75%,#ff9b66 100%);box-shadow:0 0 6px #e26ed73b}
.tw-timeline input[type=range]{appearance:none;-webkit-appearance:none;position:relative;z-index:1;width:100%;height:40px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;outline:none;touch-action:pan-y}
.tw-timeline input[type=range]::-webkit-slider-runnable-track{height:var(--tw-track);background:transparent;border:0}
.tw-timeline input[type=range]::-moz-range-track{height:var(--tw-track);background:transparent;border:0}
.tw-timeline input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--tw-knob);height:var(--tw-knob);margin-top:calc((var(--tw-track) - var(--tw-knob))/2);border:1px solid;border-color:#f7ddff #bf96ce #684c7d;border-radius:50%;background:radial-gradient(ellipse at 30% 22%,#f9e8ff,#e3bedf 40%,#bf8cc9 75%,#a577b5);box-shadow:inset 0 1px 1px #fff9,0 2px 0 #64416c,0 3px 6px #0008}
.tw-timeline input[type=range]::-moz-range-thumb{width:calc(var(--tw-knob) - 2px);height:calc(var(--tw-knob) - 2px);border:1px solid;border-color:#f7ddff #bf96ce #684c7d;border-radius:50%;background:radial-gradient(ellipse at 30% 22%,#f9e8ff,#e3bedf 40%,#bf8cc9 75%,#a577b5);box-shadow:inset 0 1px 1px #fff9,0 2px 0 #64416c,0 3px 6px #0008}
.tw-timeline input[type=range]:hover::-webkit-slider-thumb{box-shadow:inset 0 1px 1px #fff9,0 2px 0 #64416c,0 3px 6px #0008,0 0 0 5px #c27cdb16}
.tw-timeline input[type=range]:active::-webkit-slider-thumb{box-shadow:inset 0 1px 1px #fff9,0 1px 0 #64416c,0 0 0 6px #b877db24,0 0 17px #df8ab933}
.tw-timeline input[type=range]:focus-visible{outline:2px solid #5db7ff;outline-offset:1px;border-radius:7px}
.tw-timeline--mini{--tw-knob:11px;--tw-track:4px;height:32px}.tw-timeline--mini input[type=range]{height:32px}
.tw-timeline--large{--tw-knob:21px;--tw-track:8px;height:46px}.tw-timeline--large input[type=range]{height:46px}
.tw-timeline--large input[type=range]::-webkit-slider-thumb{border-color:#fff8fb #dbc3e9 #9681a4;background:radial-gradient(circle at 35% 20%,#fff9ff,#e2d1ed 65%,#b4a1c9)}
.tw-timeline--large input[type=range]::-moz-range-thumb{border-color:#fff8fb #dbc3e9 #9681a4;background:radial-gradient(circle at 35% 20%,#fff9ff,#e2d1ed 65%,#b4a1c9)}
.tw-timeline__cue{position:absolute;left:calc(var(--tw-knob)/2 + (100% - var(--tw-knob))*var(--tw-cue));top:50%;width:24px;height:28px;transform:translate(-50%,-50%);z-index:2;background:none;border:0;padding:0;cursor:pointer;display:grid;place-items:center}
.tw-timeline__cue:before{content:'';width:5px;height:5px;border-radius:50%;background:#d5b6e2;box-shadow:0 0 0 2px #1e1728,0 0 0 3px #755481;pointer-events:none}
.tw-timeline__cue:hover:before{background:#ffd0aa;box-shadow:0 0 0 2px #1e1728,0 0 0 3px #de9ab5,0 0 12px #f100c64a}.tw-timeline__cue:focus-visible{outline:2px solid #5db7ff;outline-offset:0;border-radius:5px}
.tw-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 13px;border:1px solid;border-color:#62516f #3f334c #18121f;border-radius:9px;background:linear-gradient(145deg,#3b3147,#282231);color:#dfd1e9;box-shadow:inset 0 1px 0 #ffffff10,0 2px 0 #100c17,0 3px 7px #0003;font:500 11px system-ui,sans-serif;white-space:nowrap;cursor:pointer;transition:transform .12s,box-shadow .12s,background .15s;touch-action:manipulation}
.tw-chip svg{width:16px;height:16px;display:block;pointer-events:none;flex-shrink:0}.tw-chip:hover{border-color:transparent;background:linear-gradient(145deg,#303c58,#3a2c46 55%,#49312f) padding-box,linear-gradient(110deg,#087cff,#9150e9,#f100c6,#ff7b2f) border-box;color:#fff3fc;box-shadow:inset 0 1px 0 #ffffff15,0 2px 0 #100c18,0 5px 10px #0004}
.tw-chip:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0006,0 1px 0 #ffffff05}
.tw-chip[aria-pressed=true],.tw-chip.is-active{border-color:transparent;background:linear-gradient(125deg,#174a7a,#5b337b 42%,#8c2d75 75%,#a55538) padding-box,linear-gradient(110deg,#087cff,#9150e9,#f100c6,#ff7b2f) border-box;color:#fff0f8;box-shadow:inset 0 1px 0 #ffffff20,0 2px 0 #211329,0 4px 10px #0004}
.tw-chip--pill{border-radius:22px}.tw-chip--outline{background:#1b1622;border-color:#675073;box-shadow:inset 0 1px 0 #ffffff04,0 2px 0 #0c0912}.tw-chip--blank{border-style:dashed;color:#b39bc0;min-width:110px}.tw-chip--small{min-height:28px;padding:0 10px;font-size:10px;border-radius:7px}.tw-chip--large{min-height:42px;padding:0 18px;font-size:12px;border-radius:11px}.tw-chip:focus-visible{outline:2px solid #5db7ff;outline-offset:4px}.tw-chip:disabled{opacity:.35;pointer-events:none;box-shadow:none}
.tw-button--text{width:auto;min-width:110px;padding:0 18px;gap:9px}.tw-button--text svg{width:18px;height:18px}.tw-button--text.tw-button--small{min-width:90px;padding:0 13px}
@media(prefers-reduced-motion:reduce){.tw-chip{transition:none}}

/* Keep the moving thumb above nearby chapter marks, including its drag target. */
.tw-timeline__cue.is-under-playhead{z-index:0;pointer-events:none}
