:root{color-scheme:light dark;--color-bg: #f8f7f0;--color-surface: #ffffff;--color-surface-raised: #efebe2;--color-border: #c9b8a3;--color-text: #111111;--color-text-muted: #62594e;--color-accent: #d7e825;--color-accent-strong: #e6ff2f;--color-warm-accent: #bda58d;--color-work: #d7e825;--color-rest: #0ea5e9;--color-paused: #71717a;--color-finished: #52525b;--color-danger: #ef4444;--color-success: #8fcf2f;--color-warning: #d7e825;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: 4px;--radius-md: 8px;--shadow-raised: 0 18px 60px rgba(0, 0, 0, .22)}.public-page,.operations-page{min-height:100vh;background:#111311;color:#f5f2ea;padding:clamp(24px,6vw,72px)}.public-card{max-width:760px;margin:8vh auto;padding:clamp(24px,5vw,56px);border:1px solid #353a35;border-radius:24px;background:#1b1e1b}.public-card h1,.operations-page h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:.98}.public-card p,.operations-page p{color:#aaa69c;line-height:1.65}.public-kicker{color:#ff6b2c!important;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.public-card a{display:inline-block;color:#ff8a55;font-weight:800;margin:20px 20px 0 0}.public-card .public-primary{color:#fff;background:#ff6b2c;padding:14px 20px;border-radius:12px;text-decoration:none}.operations-page header{max-width:900px;margin-bottom:48px}.operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.operations-grid article{border:1px solid #353a35;border-radius:18px;padding:24px;background:#1b1e1b}.operations-grid h2{font-size:1.05rem}@media (prefers-color-scheme: dark){:root{--color-bg: #080807;--color-surface: #11100f;--color-surface-raised: #1d1b18;--color-border: #42382f;--color-text: #f4f4ef;--color-text-muted: #b8ad9f;--color-finished: #a1a1aa}}[data-theme=dark]{--color-bg: #080807;--color-surface: #11100f;--color-surface-raised: #1d1b18;--color-border: #42382f;--color-text: #f4f4ef;--color-text-muted: #b8ad9f;--color-finished: #a1a1aa}[data-theme=light]{--color-bg: #f8f7f0;--color-surface: #ffffff;--color-surface-raised: #efebe2;--color-border: #c9b8a3;--color-text: #111111;--color-text-muted: #62594e;--color-finished: #52525b}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text)}button,input,textarea,select{font:inherit}button{border-radius:var(--radius-sm);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;padding:var(--space-4) var(--space-4) calc(104px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-4);background:linear-gradient(135deg,rgba(215,232,37,.1),transparent 34%),linear-gradient(315deg,color-mix(in srgb,var(--color-warm-accent) 16%,transparent),transparent 42%),var(--color-bg);color:var(--color-text)}.home-screen{height:100vh;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(215,232,37,.08),transparent 24rem),radial-gradient(circle at 18% 72%,rgba(189,165,141,.08),transparent 18rem),#050606;color:#fff}.home-device{width:min(100%,900px);height:100vh;height:100svh;min-height:0;margin:0 auto;padding:max(.65rem,env(safe-area-inset-top)) clamp(1rem,4vw,3rem) calc(86px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto auto auto;align-content:space-between;gap:clamp(.45rem,1.5vh,1rem)}.home-top{display:flex;align-items:center;justify-content:flex-end;min-height:clamp(40px,6svh,52px)}.settings-menu{position:relative;justify-self:end}.settings-menu[open]{z-index:10}.settings-menu summary{list-style:none}.settings-menu summary::-webkit-details-marker{display:none}.settings-trigger{width:clamp(42px,7svh,58px);aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff14;color:currentColor}.settings-popover{position:absolute;top:calc(100% + .75rem);right:0;width:min(78vw,260px);display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 96%,transparent);color:var(--color-text);box-shadow:var(--shadow-raised)}.home-screen .settings-popover{--color-surface: #151817;--color-border: rgba(255, 255, 255, .16);--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .62);--color-surface-raised: rgba(255, 255, 255, .1)}.settings-popover-title{color:var(--color-text-muted);font-size:.85rem;font-weight:850;text-transform:uppercase}.settings-sliders{width:44%;display:grid;gap:4px}.settings-sliders i{position:relative;display:block;height:3px;border-radius:999px;background:currentColor}.settings-sliders i:after{content:"";position:absolute;top:50%;width:7px;aspect-ratio:1;border-radius:50%;background:currentColor;transform:translateY(-50%)}.settings-sliders i:nth-child(1):after,.settings-sliders i:nth-child(3):after{right:2px}.settings-sliders i:nth-child(2):after{left:2px}.home-brand{display:grid;justify-items:center;gap:clamp(.25rem,.9vh,.65rem);text-align:center}.brand-mark{position:relative;width:clamp(44px,8.2svh,82px);aspect-ratio:1.35}.brand-mark:before{content:"";position:absolute;top:17%;right:11%;bottom:10%;left:34%;border:clamp(9px,2vw,14px) solid #ff3528;border-radius:50%;filter:drop-shadow(0 0 16px rgba(255,53,40,.5))}.brand-mark:after{content:"";position:absolute;width:56%;height:14%;left:2%;top:43%;border-radius:999px;background:#ff3528;box-shadow:14px -20px 0 -2px #ff3528,20px 20px 0 -3px #ff3528,62px -28px 0 -1px #ff3528}.brand-mark span{position:absolute;width:42%;height:13%;right:12%;top:7%;border-radius:999px;background:#ff3528}.home-brand h1{margin:0;font-size:clamp(3.35rem,15vw,7.5rem);font-style:italic;font-weight:1000;line-height:.75;letter-spacing:0;text-shadow:0 4px 28px rgba(255,255,255,.18)}.home-brand p{max-width:19ch;margin:0;color:#ffffffad;font-size:clamp(1rem,4.3vw,1.75rem);font-weight:760;line-height:1.18}.home-primary-actions{display:grid;gap:clamp(.6rem,1.6vh,1.15rem)}.home-action-card{position:relative;min-height:0;height:clamp(112px,18.5svh,196px);display:grid;place-items:center;align-content:center;gap:clamp(.15rem,.8vh,.45rem);overflow:hidden;border:0;border-radius:clamp(22px,5.5vw,38px);color:#fff;padding:clamp(.9rem,3.5vw,2rem);box-shadow:0 24px 60px #00000073}.home-action-card:before{content:"";position:absolute;width:min(78%,440px);aspect-ratio:1;border:18px solid rgba(255,255,255,.06);border-radius:50%}.home-action-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%)}.import-card{background:linear-gradient(135deg,#ff3327,#f52216)}.enter-card{background:linear-gradient(135deg,#005ef0,#0046c7)}.home-action-icon,.home-action-title,.home-action-subtitle{position:relative;z-index:1}.home-action-icon{width:clamp(42px,8.5svh,92px);aspect-ratio:1;display:grid;place-items:center;margin-bottom:clamp(.25rem,1vh,.85rem);border-radius:50%;background:#fff;color:currentColor;box-shadow:inset 0 -8px 20px #00000014}.camera-icon:before{content:"";width:44%;height:34%;border-radius:8px;background:#f43329;box-shadow:0 -12px 0 -6px #f43329}.camera-icon:after{content:"";position:absolute;width:17%;aspect-ratio:1;border:6px solid #ffffff;border-radius:50%}.pencil-icon:before{content:"";width:15%;height:52%;border-radius:8px;background:#075ada;transform:rotate(45deg);box-shadow:0 -18px 0 -3px #075ada}.home-action-title{font-size:clamp(1.35rem,6.1vw,3.1rem);font-weight:1000;line-height:.95;letter-spacing:0;text-align:center}.home-action-subtitle{color:#ffffffd1;font-size:clamp(.9rem,3.7vw,1.65rem);font-weight:720}.quick-start-section{display:grid;gap:clamp(.45rem,1.2vh,.9rem);align-content:start}.quick-start-section h2{margin:0;color:#ffffff94;font-size:clamp(.95rem,3.5vw,1.35rem);font-weight:950;letter-spacing:.04em;text-align:center}.quick-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.45rem,2vw,1.1rem)}.quick-start-card{min-width:0;min-height:0;height:clamp(82px,13.5svh,138px);display:grid;place-items:center;align-content:center;gap:clamp(.35rem,1vh,.75rem);border:1px solid rgba(255,255,255,.04);border-radius:clamp(16px,4vw,30px);background:linear-gradient(145deg,#ffffff14,#ffffff05),#121515;color:#fff;padding:clamp(.55rem,2vw,1rem);box-shadow:inset 0 1px #ffffff0f,0 18px 40px #00000059}.quick-start-card span:last-child{font-size:clamp(.72rem,3vw,1.35rem);font-weight:1000;line-height:1;letter-spacing:0;text-align:center}.quick-start-dial{--dial-color: #ff392e;position:relative;width:clamp(32px,6.6svh,64px);aspect-ratio:1;border:clamp(5px,1.1vh,8px) solid var(--dial-color);border-radius:50%;box-shadow:0 0 16px color-mix(in srgb,var(--dial-color) 55%,transparent)}.quick-start-dial:before{content:"";position:absolute;width:12%;height:34%;left:44%;top:18%;border-radius:999px;background:var(--dial-color)}.quick-start-dial:after{content:"";position:absolute;width:34%;height:8px;right:-14%;bottom:8%;border-radius:999px;background:#111515;transform:rotate(-42deg)}.tone-yellow .quick-start-dial{--dial-color: #ffc52f}.tone-green .quick-start-dial{--dial-color: #38df92}.tone-purple .quick-start-dial{--dial-color: #8c55ff}.app-footer{position:fixed;left:50%;bottom:0;z-index:30;width:min(100%,900px);margin:0;padding:.55rem clamp(1rem,4vw,3rem) max(.55rem,env(safe-area-inset-bottom));transform:translate(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell>.app-footer{width:min(100%,900px)}.app-footer button{min-height:56px;display:grid;justify-items:center;gap:.35rem;border:0;background:transparent;color:var(--color-text-muted);font-size:clamp(.85rem,3.1vw,1.15rem);font-weight:760}.home-screen .app-footer{border-top-color:#ffffff24;background:#050606e6}.home-screen .app-footer button{color:#fff9}.app-footer button.is-active{color:#ff392e}.app-footer span:first-child{width:27px;height:27px;position:relative;display:block}.nav-home-icon:before{content:"";position:absolute;top:35%;right:14%;bottom:6%;left:14%;border-radius:4px 4px 2px 2px;background:currentColor}.nav-home-icon:after{content:"";position:absolute;width:70%;height:70%;left:15%;top:4%;background:currentColor;transform:rotate(45deg);border-radius:4px}.nav-history-icon{border:4px solid currentColor;border-radius:50%}.nav-history-icon:before,.nav-history-icon:after{content:"";position:absolute;left:46%;top:22%;width:4px;height:34%;border-radius:999px;background:currentColor;transform-origin:bottom}.nav-history-icon:after{top:46%;height:25%;transform:rotate(-45deg)}.nav-profile-icon:before{content:"";position:absolute;width:36%;aspect-ratio:1;left:32%;top:4%;border:4px solid currentColor;border-radius:50%}.nav-profile-icon:after{content:"";position:absolute;width:72%;height:42%;left:14%;bottom:0;border:4px solid currentColor;border-bottom:0;border-radius:999px 999px 0 0}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:1180px;margin:0 auto var(--space-5)}.brand-button{min-height:44px;border:0;background:transparent;color:var(--color-text);font-size:1.1rem;font-weight:800;letter-spacing:.04em}.theme-toggle,.preset-buttons,.builder-actions,.secondary-actions,.home-actions,.ready-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.theme-toggle button,.preset-buttons button,.secondary-action{min-height:44px;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);padding:.7rem 1rem;font-weight:750}.secondary-actions{justify-content:center}.secondary-actions .secondary-action,.more-actions-panel .secondary-action,.test-sound{border-radius:999px}.theme-toggle .is-active,.preset-buttons .selected{border-color:var(--color-accent);box-shadow:inset 0 -3px 0 var(--color-accent)}.primary-action{width:min(100%,720px);min-height:76px;border:2px solid var(--color-accent-strong);background:var(--color-accent);color:#111;padding:1.1rem 1.5rem;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:900;box-shadow:var(--shadow-raised)}.secondary-action-danger{border-color:var(--color-danger);color:var(--color-danger)}.home-hero,.builder,.history-screen,.ai-import-screen,.ready-screen,.summary-card,.schedule-panel,.session-messages,.sound-panel,.more-actions-panel,.history-empty,.parsed-workout,.parse-panel,.parse-warnings{max-width:1180px;margin:0 auto var(--space-5);padding:var(--space-5);background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-md)}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.5rem);line-height:.95}h2{font-size:clamp(1.25rem,2vw,1.75rem)}.eyebrow{color:var(--color-accent-strong);font-weight:800;letter-spacing:.08em}.card-grid,.history-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);max-width:1180px;margin:0 auto}.preset-card,.history-item{display:grid;gap:var(--space-2);min-height:120px;padding:var(--space-5);text-align:left;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md)}.preset-card span,.history-item strong{font-size:1.15rem;font-weight:850}.preset-card small,.history-item div{color:var(--color-text-muted)}.workout-state-shell{position:relative;display:grid;align-content:start;gap:var(--space-5);width:min(100%,760px);margin:0 auto;text-align:center}.workout-state-shell.mark-feedback-active:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background:radial-gradient(circle at center,rgba(215,232,37,.34),rgba(215,232,37,.16) 34%,transparent 66%);animation:mark-flash .7s ease-out}@keyframes mark-flash{0%{opacity:0;transform:scale(.96)}28%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.workout-header{max-width:760px;margin:0 auto;display:grid;justify-items:center;gap:var(--space-5);padding:clamp(1rem,4vw,3rem) 0 var(--space-3);border:0;border-radius:0;background:transparent}.workout-topline,.workout-meta{width:100%;display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-weight:800}.workout-topline{display:grid;justify-items:center;gap:var(--space-2)}.workout-meta{justify-content:center;flex-wrap:wrap}.workout-title{color:var(--color-text-muted);font-size:clamp(.85rem,2.5vw,1.05rem);font-weight:850;letter-spacing:.32em;text-transform:uppercase}.workout-subtitle{color:var(--color-text);font-size:clamp(2.4rem,9vw,5rem);font-weight:900;line-height:.95}.workout-status{color:var(--color-text-muted);font-size:clamp(1rem,3vw,1.25rem);font-weight:850;letter-spacing:.26em;text-transform:uppercase}.state-work .workout-status,.state-work .timer-ring-progress{color:var(--color-work);stroke:var(--color-work)}.state-rest .workout-status,.state-rest .timer-ring-progress{color:var(--color-rest);stroke:var(--color-rest)}.state-paused .workout-status,.state-paused .timer-ring-progress{color:var(--color-paused);stroke:var(--color-paused)}.state-finished .workout-status,.state-finished .timer-ring-progress{color:var(--color-finished);stroke:var(--color-finished)}.timer-display{position:relative;width:min(82vw,480px);aspect-ratio:1;display:grid;place-items:center}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-track,.timer-ring-progress{fill:none;stroke-width:8}.timer-ring-track{stroke:var(--color-border)}.timer-ring-progress{stroke-linecap:square;transition:stroke-dashoffset .18s linear}.timer-display-content{position:absolute;width:min(72%,330px);display:grid;justify-items:center;gap:var(--space-2);text-align:center}.timer-display-label{color:var(--color-text-muted);font-weight:800}.timer-display-time{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(3.1rem,11vw,6rem);font-weight:900;line-height:1}.timer-center-actions{width:100%;display:grid;justify-items:center;gap:var(--space-2);margin-top:var(--space-2)}.timer-action-primary,.timer-action-secondary{width:min(100%,260px);min-height:48px;border-radius:999px;padding:.7rem 1rem;font-weight:900;letter-spacing:0}.timer-action-primary{border:0;background:#050516;color:#fff;box-shadow:0 12px 30px #05051638}.timer-action-secondary{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 78%,transparent);color:var(--color-text)}.schedule-panel,.sound-panel,.session-messages,.more-actions-panel{max-width:760px;width:100%;text-align:left}.workout-state-shell .sound-panel,.workout-state-shell .schedule-panel,.workout-state-shell .session-messages,.workout-state-shell .more-actions-panel{border-color:color-mix(in srgb,var(--color-border) 68%,transparent);background:color-mix(in srgb,var(--color-surface) 74%,transparent);box-shadow:none}.workout-state-shell .sound-panel h2,.workout-state-shell .session-messages h2,.workout-state-shell .schedule-panel h2{font-size:clamp(1rem,3vw,1.25rem)}.schedule-panel ul,.session-messages ul{display:grid;gap:var(--space-2);padding-left:var(--space-5)}.message-info,.message-success,.message-warning,.message-error{list-style:none;margin-left:calc(var(--space-5) * -1);padding:var(--space-3);border-left:4px solid var(--color-accent);background:var(--color-surface-raised)}.message-success{border-color:var(--color-success)}.message-warning{border-color:var(--color-warning)}.message-error{border-color:var(--color-danger)}.mixed-builder,.movement-editor{display:grid;gap:var(--space-4)}.mixed-block-editor,.movement-row{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}label{display:inline-grid;gap:var(--space-1);color:var(--color-text-muted);font-weight:750}input,textarea,select{width:min(100%,520px);min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:.7rem .8rem}textarea{min-height:180px}.summary-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.result-marks{display:grid;gap:var(--space-3);margin-top:var(--space-5)}.result-marks h2,.result-marks h3,.result-marks p{margin-bottom:0}.result-marks ol{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.result-marks li{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.result-marks li span{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:900}.result-marks li small{grid-column:1 / -1;color:var(--color-text-muted);font-weight:750}.more-actions-panel{border-color:var(--color-danger)}.danger-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.debug-panel{max-width:1180px;margin:0 auto;padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface) 72%,transparent)}.debug-panel summary{cursor:pointer;font-weight:800}.timer-speed-control{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-3) 0}.timer-speed-control label{color:var(--color-text-muted)}.timer-speed-control select{width:auto;min-width:110px}.debug-panel pre{max-height:280px;overflow:auto;padding:var(--space-3);background:var(--color-bg);color:var(--color-text-muted)}@media (orientation: landscape){.workout-header{grid-template-columns:1fr;min-height:58vh}}@media (max-width: 720px){.app-shell{padding:var(--space-3) var(--space-3) calc(104px + env(safe-area-inset-bottom))}.workout-topline,.workout-meta{display:grid;justify-items:center;text-align:center}}
