:root{--bg: #101814;--bg-soft: #19231d;--surface: #1a261f;--surface-2: #202d26;--text: #f0f7f3;--text-muted: #bdd4c7;--accent: #30d493;--accent-strong: #1eb77c;--danger: #ff5c5c;--ring-track: #32443a;--ring-progress: #30d493;--focus: #79e6c0;--shadow: 0 18px 40px rgba(0, 0, 0, .35);--radius-xl: 24px;--radius-lg: 16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Barlow,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(11,158,109,.14),transparent 45%),radial-gradient(circle at 85% 5%,rgba(24,118,210,.1),transparent 35%),var(--bg);padding:18px;position:relative;overflow-x:hidden}.bg-shape{position:fixed;width:300px;height:300px;border-radius:999px;filter:blur(48px);pointer-events:none;z-index:-1}.bg-shape-one{top:-100px;right:-80px;background:#0b9e6d2e}.bg-shape-two{bottom:-130px;left:-90px;background:#26507329}.app-layout{max-width:1180px;margin:0 auto}.app-header{max-width:1180px;margin:0 auto 18px}img{max-width:100%;display:block}button,select{font:inherit}button:focus-visible,select:focus-visible,.quick-time:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}@media (max-width: 960px){body{padding:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#4ec79f);color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700}.brand-title{margin:0;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.3px}.brand-subtitle{margin:0;font-size:.9rem;color:var(--text-muted)}.workout-card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:20px;display:grid;gap:18px}.top-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.progress{margin:0;font-weight:700;color:var(--text-muted)}.duration-control{display:flex;align-items:center;gap:8px}.duration-control label{font-weight:600}.duration-control select{min-width:108px;border-radius:10px;border:1px solid var(--ring-track);background:var(--surface);color:var(--text);padding:8px}.quick-times{display:flex;flex-wrap:wrap;gap:10px}.quick-time{border:1px solid var(--accent-strong);background:transparent;color:var(--text);border-radius:999px;padding:7px 14px;font-weight:700;cursor:pointer}.quick-time.is-active{background:var(--accent);color:#fff;border-color:transparent}.timer-exercise-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1.05fr);gap:18px;align-items:center}.timer-wrap{position:relative;display:grid;justify-items:center;gap:10px}.timer-controls{display:grid;grid-template-columns:repeat(3,minmax(0,84px));gap:10px;margin-top:4px}.timer-shell{width:min(75vw,360px);aspect-ratio:1 / 1;border-radius:50%;position:relative;display:grid;place-items:center;background:var(--surface-2)}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-progress{fill:none;stroke-width:16}.ring-track{stroke:var(--ring-track)}.ring-progress{stroke:var(--ring-progress);stroke-linecap:round;transition:stroke .22s ease}.timer-value{margin:0;position:absolute;font-family:Space Grotesk,sans-serif;font-size:clamp(2.3rem,7vw,4rem);font-weight:700;letter-spacing:1.5px}.timer-shell.is-urgent{box-shadow:0 0 0 8px #d628282e}.timer-shell.is-urgent .ring-progress{stroke:var(--danger)}.timer-shell.is-urgent .timer-value{color:var(--danger)}.status-message{margin:0;min-height:1.6em;font-weight:700;color:var(--accent-strong)}.arrow-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.arrow-deco{position:absolute;font-size:1.4rem;font-weight:700;color:var(--accent-strong);opacity:0}.exercise-panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--ring-track);overflow:hidden}.media-frame{aspect-ratio:16 / 9;background:var(--bg-soft)}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover}.exercise-text{padding:14px}.exercise-nav{margin-top:14px;display:flex;gap:10px;justify-content:flex-end}.chip{margin:0;display:inline-flex;padding:5px 10px;border-radius:999px;font-size:.85rem;font-weight:700;background:#234635;color:#dbffe6}#exerciseTitle{margin:10px 0 8px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.3rem,3.5vw,1.8rem)}#exerciseDescription{margin:0;color:var(--text-muted);line-height:1.45}.button{border:none;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer;min-height:48px}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--accent);color:#fff}.button-secondary{background:#234635;color:var(--accent-strong)}.button-ghost{border:1px solid var(--ring-track);background:var(--surface);color:var(--text)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:52px;padding:10px;font-size:1.35rem;line-height:1}.ad-banner{border:2px dashed rgba(72,96,82,.52);border-radius:12px;text-align:center;color:var(--text-muted);padding:10px;font-size:.9rem;background:var(--surface-2)}.ad-banner-desktop{margin-bottom:12px}.ad-banner-mobile{display:none;position:sticky;bottom:8px;margin-top:12px;z-index:5}.app-footer{max-width:1180px;margin:14px auto 4px;padding:8px 4px;color:var(--text-muted);text-align:center;font-size:.92rem}.app-footer p{margin:0}.footer-links{margin-top:8px!important}.footer-links a{color:var(--accent-strong);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}.final-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f0cbf;display:grid;place-items:center;padding:20px;z-index:20}.final-content{width:min(560px,100%);background:var(--surface);border-radius:var(--radius-xl);padding:24px;text-align:center;box-shadow:var(--shadow)}.final-label{margin:0;color:var(--accent-strong);font-weight:700}.final-content h2{margin:8px 0 10px;font-family:Space Grotesk,sans-serif}.final-content p{margin:0 0 16px;color:var(--text-muted)}.is-hidden{display:none}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:25}@media (max-width: 960px){.timer-exercise-grid{grid-template-columns:1fr}.exercise-nav{justify-content:space-between}}@media (max-width: 700px){.button{min-height:52px}.timer-controls{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.icon-button{min-height:56px;font-size:1.5rem}.ad-banner-desktop{display:none}.ad-banner-mobile{display:block}}