/* DJ ライブ：常に暗い配色（暗いクラブ・スマホ）。style.css のあとに読む。 */
:root{--bg:#000;--fg:#f4f4f4;--card:#0d0d0d;--line:#3a3a3a;--accent:#8cc8ff;--accent-fg:#001322;--ok:#4cd08a;--warn:#ffd34d;--bad:#ff5a5a;--mut:#c0c6cc;--warnbg:#1f1a05;--grey:#6a727a;color-scheme:dark}
body{background:#000;color:#f4f4f4}
.topnav{background:#000}.foot{color:#b5bcc4}
main.live{max-width:560px}
main.live h1{font-size:26px}
.live-notes{padding-left:22px;font-size:17px}.live-notes li{margin:8px 0}
.live-flags{font-size:14px;color:var(--mut);margin:6px 0}
.live-note{padding:8px 12px;border-left:4px solid var(--warn);background:var(--warnbg);border-radius:4px;font-size:15px}
.live-note.bad{border-color:var(--bad)}
.live-base .btn.big{font-size:20px;min-height:60px}
.live-prog{height:14px;background:#222;border-radius:7px;overflow:hidden;margin:8px 0}.live-prog i{display:block;height:100%;width:0;background:var(--accent)}
.live-advice{font-size:28px;line-height:1.45;font-weight:700;padding:14px 14px;margin:12px 0;border:2px solid var(--line);border-radius:12px;min-height:3.2em;overflow-wrap:anywhere}
.live-advice[data-level=red]{border-color:var(--bad);color:var(--bad);background:#220808}
.live-advice[data-level=low]{border-color:var(--warn);color:var(--warn)}
.live-advice[data-level=ok]{border-color:var(--ok);color:var(--ok)}
.live-advice[data-level=bad]{border-color:var(--bad);color:var(--bad)}
.live-safety{font-size:20px;font-weight:700;padding:12px 14px;margin:10px 0;border:2px solid var(--warn);border-radius:12px;color:var(--warn);background:var(--warnbg)}
.live-feel{font-size:20px;font-weight:700;padding:10px 14px;margin:10px 0;border-radius:12px;border:2px solid var(--ok);color:var(--ok)}
.live-meter{margin:16px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.live-meter .mname{font-size:21px;font-weight:700}
.live-meter .mref{margin-left:10px;font-size:14px;padding:1px 8px;border:1px solid var(--warn);border-radius:10px;color:var(--warn);font-weight:600}
.live-meter .mbar{position:relative;height:30px;margin:8px 0;background:#1d1d1d;border-radius:8px;overflow:hidden}
.live-meter .mfill{position:absolute;top:0;bottom:0;left:50%;width:0;background:var(--ok)}
.live-meter .mctr{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1px;background:#fff}
.live-meter .mword{font-size:24px;font-weight:700}
.live-meter .mdiff{font-size:15px;color:var(--mut)}
.live-meter[data-state=yellow] .mfill,.live-meter[data-state=low] .mfill{background:var(--warn)}
.live-meter[data-state=yellow] .mword,.live-meter[data-state=low] .mword{color:var(--warn)}
.live-meter[data-state=red] .mfill{background:var(--bad)}
.live-meter[data-state=red] .mword{color:var(--bad)}
.live-meter[data-state=red]{border-color:var(--bad)}
.live-meter[data-state=paused] .mword{color:var(--mut)}
.live-dose{font-size:15px;color:var(--mut)}
.live-fold{margin:10px 0;font-size:15px}.live-fold summary{min-height:44px;padding:10px 0;cursor:pointer}
.live-link-token{display:block;padding:10px;border:1px dashed var(--warn);border-radius:8px;word-break:break-all;font-family:ui-monospace,monospace;font-size:14px}
.stopbar{background:#0d0d0d}