:root{color-scheme:dark;font-family:Inter,sans-serif;font-size:16px;background:#0d0d0d;color:#f5f5f5;--accent: #e8ff47;--blue: #7eb8ff;--green: #4caf50;--purple: #aa88ff;--bg: #0d0d0d;--card: #111111;--card-2: #161616;--border: #1a1a1a;--border-2: #222222;--text-muted: #9f9f9f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top,rgba(232,255,71,.14),transparent 30%),linear-gradient(180deg,#0d0d0d,#080808)}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(100%,860px);margin:0 auto;min-height:100vh;padding:clamp(20px,3vw,36px) clamp(16px,3vw,32px) 120px}.topbar,.row,.between{display:flex;align-items:center}.topbar,.between{justify-content:space-between}.topbar{gap:12px;margin-bottom:20px}.eyebrow{margin:0 0 4px;color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,strong{font-family:Space Grotesk,sans-serif}h1,h2,p{margin:0}h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.98;letter-spacing:-.04em}h2{font-size:clamp(1.55rem,2.8vw,2.4rem);line-height:1.05;letter-spacing:-.03em}p,span,li,button,input,select,textarea{font-size:clamp(1rem,1vw + .74rem,1.08rem)}.content,.stack{display:grid;gap:16px}.panel,.hero-card,.music-bar,.banner{border:1px solid var(--border-2);border-radius:24px;background:linear-gradient(180deg,#161616fa,#111111fa);box-shadow:0 18px 32px #0000003d}.panel,.hero-card,.banner{padding:clamp(18px,2.2vw,28px)}.hero-card{background:radial-gradient(circle at top right,rgba(126,184,255,.18),transparent 32%),linear-gradient(180deg,#161616,#111)}.inset{background:#121212;border-color:var(--border);border-radius:18px}.music-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:16px}.pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 #e8ff4799;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #e8ff4799}to{box-shadow:0 0 0 14px #e8ff4700}}.banner{margin-bottom:16px;border-color:#e8ff4747}.tab-row,.toggle-grid,.grid-2,.grid-3,.weight-controls,.step-indicator,.bottom-nav{display:grid;gap:10px}.tab-row{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.toggle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.step-indicator{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.step-indicator span{padding:12px 10px;border-radius:999px;background:#141414;border:1px solid var(--border);color:var(--text-muted);font-size:.95rem;font-weight:500;text-align:center;white-space:nowrap}.step-indicator .active,.step-indicator .done{border-color:#e8ff474d;color:#111;background:var(--accent)}label{display:grid;gap:10px;color:var(--text-muted);font-size:1.05rem}input,select,textarea{width:100%;min-height:58px;padding:16px 18px;border-radius:18px;border:1px solid var(--border-2);background:#0d0d0d;color:#fff}textarea{min-height:96px;resize:vertical}button{border:0;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):active{transform:scale(.98)}.primary-button,.ghost-button,.chip,.icon-button,.text-button{border-radius:999px;min-height:56px;padding:14px 20px}.primary-button{background:var(--accent);color:#101010;font-weight:700}.icon-button{white-space:nowrap}.ghost-button,.chip,.icon-button{background:#151515;border:1px solid var(--border-2);color:#fff}.chip.active{background:#e8ff471f;border-color:#e8ff475c;color:var(--accent)}.text-button{background:transparent;color:var(--accent);padding-left:0;padding-right:0}.danger{color:#ff8686}.progress-bar{margin-top:10px;height:10px;background:#0c0c0c;border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#fff889);border-radius:inherit}.timer{display:grid;place-items:center;position:relative;min-height:160px}.timer svg{width:120px;height:120px;transform:rotate(-90deg)}.timer span{position:absolute;font-family:Space Grotesk,sans-serif;font-size:28px}.timer-bg,.timer-progress{fill:none;stroke-width:8}.timer-bg{stroke:#202020}.timer-progress{stroke:var(--accent);stroke-linecap:round}.exercise-editor,.wizard{display:grid;gap:18px}.mini-list{margin:10px 0 0;padding-left:18px;color:var(--text-muted)}.chart{width:100%;height:auto;margin-top:12px}.checkbox{grid-template-columns:auto 1fr;align-items:center}.checkbox input{width:18px;height:18px}.bottom-nav{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(820px,calc(100% - 32px));grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;border-radius:22px;background:#0c0c0ceb;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{padding:14px;border-radius:16px;background:transparent;color:var(--text-muted)}.bottom-nav .active{background:var(--accent);color:#111;font-weight:700}@media (max-width: 520px){.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr}.app-shell{width:100%;padding-inline:14px}.row.between,.topbar{gap:10px;flex-wrap:wrap}.step-indicator{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{width:calc(100% - 20px);bottom:10px}}