:root{--bg: #101923;--panel: #142033;--line: #314661;--text: #f6f8fb;--muted: #a6b5c9;--warmup: #f6a800;--main: #34c28c;--cooldown: #56a8ff;--accent: #6ee7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(120vh 90vh at 10% -20%,#1f324a 0%,transparent 65%),radial-gradient(100vh 80vh at 105% 0%,#24324c 0%,transparent 58%),linear-gradient(135deg,#0d1724,#111f30 60%,#0f1d2c)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:clamp(12px,1.8vw,24px)}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.eyebrow{margin:0;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:12px}h1{margin:4px 0 6px;font-size:clamp(26px,2.8vw,40px);line-height:1.1}#statusText{margin:0;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.chip{border:1px solid var(--line);background:#172638bf;border-radius:999px;padding:6px 12px;font-size:13px}.main-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.25fr);gap:14px;min-height:0}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#142234e6,#101c2af2);padding:clamp(12px,1.4vw,18px);min-height:0}.metrics-panel{display:grid;grid-template-rows:auto auto auto 1fr;gap:12px}.timers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timers h2,.progress-block h3,.metrics-panel h3,.instruction-block h3{margin:0 0 6px;font-size:13px;color:var(--muted);font-weight:500}.timer-value{margin:0;font-size:clamp(36px,4.3vw,62px);line-height:1;font-weight:700;color:#ffee9b}.timer-value-alt{color:#90d9ff}.progress-track{width:100%;height:12px;border-radius:999px;background:#0c1726;border:1px solid #283d58;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#f8c94b,#ffec93);transition:width .25s linear}.progress-fill.total{background:linear-gradient(90deg,#3ad39d,#79f7cd)}#progressText{margin:6px 0 0;color:var(--muted);font-size:13px}.next-list{margin:4px 0 0;padding-left:18px;color:#d9e2f0;display:grid;gap:6px;font-size:14px}.cue-panel{display:grid;grid-template-rows:auto auto auto auto;gap:14px}.action-hero{border:1px solid #395172;border-radius:16px;padding:clamp(12px,1.8vw,20px);background:linear-gradient(160deg,#152232eb,#0b1522eb)}.action-mode{margin:0 0 8px;color:#c7d4e8;font-size:clamp(13px,1.1vw,16px)}.action-name{margin:0;font-size:clamp(34px,5vw,74px);line-height:1.05;letter-spacing:.01em}.instruction-block{border:1px solid #30475f;border-radius:14px;padding:12px 14px;background:#0a142080}.instruction-block p{margin:0;font-size:clamp(18px,1.75vw,28px);line-height:1.4;color:#ebf1fa}.instruction-block.caution p{color:#a8f0c7}.next-label{margin:0;color:var(--muted);font-size:clamp(13px,1.2vw,17px)}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{border:1px solid #3a5375;border-radius:12px;padding:10px 16px;background:#1b2b40;color:var(--text);font-size:15px;cursor:pointer}.btn:hover{border-color:#638cc3}.btn-primary{background:linear-gradient(135deg,#4db3ff,#5de9c1);color:#0d1b2a;border:none;font-weight:700}.phase-warmup .action-hero{border-color:#f6a800bf}.phase-main .action-hero{border-color:#34c28cbf}.phase-cooldown .action-hero{border-color:#56a8ffbf}@media(max-width:1080px){.main-grid{grid-template-columns:minmax(220px,.95fr) minmax(280px,1.05fr)}.action-name{font-size:clamp(28px,4.5vw,58px)}.instruction-block p{font-size:clamp(16px,1.55vw,24px)}}@media(max-height:560px)and (orientation:landscape){.app-shell{gap:8px;padding:8px 10px}h1{margin-top:0;font-size:clamp(22px,3vw,32px)}#statusText{font-size:12px}.main-grid{gap:8px}.panel{padding:10px}.timer-value{font-size:clamp(30px,5.2vw,48px)}.next-list{gap:4px;font-size:12px}.action-name{font-size:clamp(24px,5vw,48px)}.instruction-block p{font-size:clamp(14px,1.5vw,20px)}.controls .btn{padding:8px 12px;font-size:13px}}@media(max-width:860px)and (orientation:portrait){.main-grid{grid-template-columns:1fr}}