/* Question timer (Westie's Workshop question bank). */
.wwt-fab{position:fixed;right:16px;bottom:var(--wwt-bottom,16px);z-index:1000;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:0;border-radius:999px;background:linear-gradient(135deg,#3857F1,#6a3df1);color:#fff;font:600 15px/1 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 4px 14px rgba(20,30,90,.3);cursor:pointer;font-variant-numeric:tabular-nums}
.wwt-fab:hover{filter:brightness(1.08)}
.wwt-fab.wwt-live{background:#111827}
.wwt-fab .wwt-ico{font-size:17px}
.wwt-panel{position:fixed;right:16px;bottom:calc(var(--wwt-bottom,16px) + 52px);z-index:1000;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 100px);overflow:auto;box-sizing:border-box;padding:14px 16px 16px;background:#fff;color:#1f2937;border:1px solid #d9def0;border-radius:14px;box-shadow:0 10px 30px rgba(20,30,90,.25);font:15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.wwt-panel[hidden],.wwt-musicbox[hidden]{display:none}
.wwt-yt.wwt-off{height:0;aspect-ratio:auto;visibility:hidden}
.wwt-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.wwt-x{border:0;background:none;font-size:24px;line-height:1;color:#6b7280;cursor:pointer;padding:0 4px}
.wwt-time{text-align:center;font:700 52px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;color:#3857F1;margin:6px 0 0}
.wwt-done .wwt-time{color:#c2410c;animation:wwt-flash 1s ease-in-out 4}
@keyframes wwt-flash{50%{opacity:.25}}
.wwt-msg{text-align:center;min-height:1.4em;font-size:14px;color:#6b7280}
.wwt-done .wwt-msg{color:#c2410c;font-weight:700}
.wwt-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0}
.wwt-min{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.wwt-mins{width:64px;padding:6px 8px;border:1px solid #c7cdea;border-radius:6px;font:600 18px/1.2 inherit;text-align:center;color:#1f2937;background:#fff}
.wwt-panel button.wwt-step{width:36px;height:36px;border-radius:50%;border:1px solid #c7cdea;background:#f3f5ff;color:#3857F1;font-size:20px;line-height:1;cursor:pointer;padding:0}
.wwt-panel button.wwt-go,.wwt-panel button.wwt-reset,.wwt-panel button.wwt-skip{padding:8px 18px;border-radius:8px;border:1px solid #3857F1;font:600 15px/1.2 inherit;cursor:pointer}
.wwt-panel button.wwt-go{background:#3857F1;color:#fff;min-width:96px}
.wwt-panel button.wwt-reset,.wwt-panel button.wwt-skip{background:#fff;color:#3857F1}
.wwt-panel button:disabled{opacity:.4;cursor:default}
.wwt-chk{justify-content:flex-start;gap:8px;cursor:pointer}
.wwt-lbl{display:block;font-size:13px;color:#6b7280}
.wwt-filters{display:flex;gap:8px;margin-bottom:6px}
.wwt-filters .wwt-lbl{flex:1;min-width:0}
.wwt-genre,.wwt-decade{display:block;width:100%;margin-top:3px;padding:6px 4px;border:1px solid #c7cdea;border-radius:6px;font-size:14px;background:#fff;color:#1f2937}
.wwt-song{display:block;width:100%;margin-top:3px;padding:6px;border:1px solid #c7cdea;border-radius:6px;font-size:14px;background:#fff;color:#1f2937}
.wwt-now{margin:8px 0 6px;font-size:14px;color:#374151}
.wwt-now small{color:#6b7280}
.wwt-yt{position:relative;width:100%;aspect-ratio:16/9;max-height:120px;border-radius:8px;overflow:hidden;background:#111827}
.wwt-yt iframe,.wwt-yt>div{position:absolute;inset:0;width:100%;height:100%;border:0}
.wwt-vol{justify-content:space-between;font-size:13px;color:#6b7280}
.wwt-vol input{width:110px;vertical-align:middle}
.wwt-panel button.wwt-skip{padding:6px 12px;font-size:14px}
@media print{.wwt-fab,.wwt-panel{display:none!important}}
.wwt-clockbox[hidden]{display:none}
.wwt-panel button.wwt-clocknow{padding:6px 12px;border-radius:8px;border:1px solid #3857F1;background:#fff;color:#3857F1;font:600 14px/1.2 inherit;cursor:pointer}
.wwt-cyt{margin-bottom:6px}