*{box-sizing:border-box}body{margin:0;background:#f3f6f7;color:#173d48;font:16px/1.5 system-ui,sans-serif}header,main,footer{max-width:1200px;margin:auto;padding:20px}header,nav,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header,.between{justify-content:space-between}.kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px}h1{font-size:36px;line-height:1.1;margin:8px 0}h2{font-size:23px;line-height:1.3;margin:8px 0}p{margin:10px 0}.panel{background:#fff;border:1px solid #d7e2e6;border-radius:16px;padding:22px;margin-bottom:20px}.player{position:sticky;top:10px;z-index:5;background:#173d48;color:#fff;box-shadow:0 8px 24px #173d4820}.player .small{color:#d1e1e5}.transport{margin:16px 0}.button,button{display:inline-block;border:1px solid #a7bdc4;border-radius:8px;padding:9px 13px;font:700 14px system-ui;cursor:pointer;background:#175b73;color:white;text-decoration:none}.secondary{background:#fff;color:#173d48}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ec9c3e;outline-offset:3px}#play{background:#ffd1bf;color:#123b48;min-width:95px}.small,footer{font-size:13px;color:#526c75}label:not(.button){display:block;font-size:14px;font-weight:700;margin:10px 0 5px}.check{font-size:12px!important}.check input{accent-color:#ffd1bf}select,input:not([type=range],[type=checkbox],[type=file]){width:100%;padding:10px;border:1px solid #b7c9ce;border-radius:7px;background:#fff;font:inherit;color:#173d48}select{margin-bottom:8px}.grid{display:grid;grid-template-columns:1fr 1.5fr;gap:26px}summary{font-size:19px;font-weight:750;cursor:pointer}details[open]>summary{margin-bottom:16px}#seek{flex:1;min-width:100px;accent-color:#ffd1bf}#elapsed{min-width:105px;font-variant-numeric:tabular-nums}.volume{display:flex!important;align-items:center;gap:8px;margin:0!important}.volume input{width:110px;accent-color:#ffd1bf}#status{padding:12px 16px;background:#e3f0ed;border-radius:8px}#status.error{background:#ffe6df;color:#922f25}#running-order{list-style:none;margin:12px 0 0;padding:0}.track{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #d7e2e6;border-radius:10px;padding:10px;margin:8px 0;background:#f8fbfc}.track.current{border:2px solid #175b73;background:#e8f4f2}.track.missing{background:#fff3e9}.track .select-track{flex:1;min-width:0;text-align:left;border:0;background:transparent;color:#173d48;padding:7px;font-size:16px}.select-track strong,.select-track small{display:block}.select-track small{font-size:12px;font-weight:400;white-space:normal}.grip{cursor:grab;touch-action:none;font-size:24px;padding:3px 10px;flex:none}.grip:active{cursor:grabbing}.dragging{opacity:.55}.drop-before{border-top:4px solid #d5793c}.drop-after{border-bottom:4px solid #d5793c}.track-actions{display:flex;gap:5px}.track-actions button{padding:7px 10px}.question-note{white-space:pre-wrap}#empty[hidden]{display:none}@media(max-width:650px){header,main,footer{padding:14px}.panel{padding:15px}.grid{grid-template-columns:1fr}.player{top:0}.transport button{font-size:12px;padding:8px 10px}.track{flex-wrap:wrap}.track-actions{margin-left:auto}.track .select-track{flex-basis:60%}.volume input{width:85px}h1{font-size:30px}h2{font-size:21px}.player .small{display:none}}