.warmup-page{min-height:calc(100dvh - var(--header-h));padding:48px 0 80px;background:radial-gradient(800px 320px at 50% -100px,rgba(35,107,86,.08),transparent 70%)}
.warmup-page [hidden]{display:none!important}
.warmup-hero{position:relative;max-width:820px;text-align:center}
.warmup-eyebrow{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.warmup-hero h1{margin:10px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.08}
.warmup-hero>p{max-width:650px;margin:0 auto;color:var(--text-muted);font-size:16px;line-height:1.6}
.warmup-steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}
.warmup-steps span{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600}
.warmup-steps .is-active{border-color:rgba(35,107,86,.35);background:var(--accent-tint);color:var(--accent)}
.warmup-shell{max-width:820px;margin-top:26px}
.warmup-task,.warmup-result{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.warmup-loading{min-height:180px;display:grid;place-items:center;color:var(--text-muted)}
.warmup-task__meta{display:flex;justify-content:space-between;gap:12px;color:var(--accent);font-size:13px}
.warmup-task h2{margin:10px 0 18px;font-size:24px}
.warmup-context,.warmup-instruction{padding:15px 16px;border-radius:12px;background:#F4F8F6}
.warmup-instruction{margin-top:10px;background:#F7F8FA}
.warmup-context span,.warmup-instruction span,.warmup-result__label{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.warmup-context p,.warmup-instruction p{margin:5px 0 0;line-height:1.55}
.warmup-task label{display:block;margin:18px 0 7px;font-weight:700}
.warmup-task textarea{width:100%;min-height:112px;padding:13px 14px;resize:vertical;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font:inherit;line-height:1.5}
.warmup-task textarea:focus{outline:3px solid rgba(35,107,86,.16);border-color:var(--accent)}
.warmup-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.warmup-status{margin:10px 0 0;color:var(--text-muted);font-size:13px}
.warmup-result{margin-top:16px}
.warmup-result h2{margin:5px 0 14px}
.warmup-debrief{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.warmup-debrief article{padding:14px;border:1px solid var(--border);border-radius:12px;background:#FAFBFB}
.warmup-debrief p{margin:6px 0 0;line-height:1.5}
.warmup-coach{margin-top:14px;padding:16px;border-radius:12px;background:var(--accent-tint)}
.warmup-coach p{margin:6px 0 0;line-height:1.55}
.warmup-result__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:640px){.warmup-page{padding-top:28px}.warmup-task,.warmup-result{padding:18px}.warmup-debrief{grid-template-columns:1fr}.warmup-actions .btn,.warmup-result__actions .btn{width:100%}}