:root{color:#203831;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f5f5ef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation;color:#335843;background:#fffefa;border:1px solid #ced8ca;border-radius:9px;min-height:44px;padding:10px 16px}button:disabled{cursor:default;opacity:.42}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #db9f39}.shell{max-width:1120px;margin:auto;padding:0 40px}.masthead{border-bottom:1px solid #dcdfd4;justify-content:space-between;align-items:center;height:88px;display:flex}.brand{color:#183d32;letter-spacing:-.9px;align-items:center;gap:5px;font-size:26px;font-weight:750;display:flex}.brand span{font-weight:450}.brand i{background:#d8943c;border-radius:50%;width:8px;height:8px;margin:3px 0 0 7px}.edition{color:#63766b;font-size:11px}main{padding:28px 0}.workspace{grid-template-columns:360px 1fr;align-items:start;gap:24px;display:grid}.card{border-radius:20px}.setup,.editor{background:#fffefa;border:1px solid #e1e4d9;padding:26px 24px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}h1,h2{margin:0;font-weight:600}h1{font-size:18px}fieldset{border:0;min-width:0;margin:0;padding:0}#menu-select{color:#203831;background:#edf1e7;border:1px solid #bacbb5;border-radius:9px;width:100%;min-height:48px;padding:10px;font-size:14px}.menu-actions{gap:10px;margin-top:12px;display:flex}.menu-actions button{flex:1;font-size:13px}.plan-head{color:#576a54;justify-content:space-between;gap:10px;margin:25px 0 18px;font-size:12px;display:flex}.plan{margin:0;padding:0;list-style:none}.plan li{align-items:flex-start;gap:11px;padding-bottom:22px;display:flex;position:relative}.plan li>span{flex:1;font-size:13px}.plan small{color:#687560;margin-top:6px;font-size:11px;line-height:1.5;display:block}.plan b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.phase-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.warmup{background:#b2c298}.hard{background:#d99a50}.recovery{background:#89bda6}.cooldown{background:#88aaa0}.sound-button{width:100%;font-size:13px}.storage-note{color:#66765e;margin:14px 0 0;font-size:12px;line-height:1.6}.storage-note:empty{display:none}.player{--accent:#d6e9a5;color:#f5f7ed;background:#122d29;padding:27px 34px 22px;overflow:hidden}.player[data-phase=hard]{--accent:#f1c18d}.player[data-phase=recovery]{--accent:#a9d6c5}.player[data-phase=cooldown]{--accent:#b1cddc}.player-top{letter-spacing:1.5px;color:#a1b5a7;justify-content:space-between;align-items:center;font-size:10px;display:flex}.live-label{align-items:center;gap:8px;display:flex}.live-label i{background:var(--accent);border-radius:50%;width:6px;height:6px}.phase-heading{text-align:center;margin-top:28px}.phase-heading p{color:var(--accent);letter-spacing:3px;margin:0 0 9px;font-size:12px;font-weight:600}.phase-heading h2{letter-spacing:1px;font-size:17px;font-weight:450}.clock{text-align:center;letter-spacing:-4px;font-variant-numeric:tabular-nums;margin:15px 0 0;font-size:clamp(60px,9vw,116px);font-weight:300;line-height:1.15}.clock-caption{text-align:center;color:#adc2b1;margin:4px 0 18px;font-size:11px}.tempo{color:var(--accent);justify-content:center;align-items:baseline;gap:8px;display:flex}.tempo strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:500}.tempo strong.no-click{font-size:20px}.tempo>span{letter-spacing:1px;font-size:11px}.progress-wrap{margin-top:28px}.progress-track{background:#3a5147;border-radius:8px;height:4px;overflow:hidden}#progress{background:var(--accent);width:0;height:100%}.progress-labels{color:#adc2b1;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.next{border-top:1px solid #375046;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 4px;padding:20px 0;display:flex}.next>span:first-child{color:#adc2b1;letter-spacing:2px;font-size:10px}.next strong{flex:1;font-size:13px;font-weight:500}.next>span:last-child{color:#adc2b1;font-size:11px}.controls{gap:10px;display:flex}.controls button{border:0;border-radius:11px;min-height:55px;font-size:15px;font-weight:650}#primary{background:var(--accent);color:#17392d;flex:1}.controls .stop-button{color:#d9e3d6;background:#2e473e;width:80px}.player-hint,.wake-lock-status{text-align:center;color:#c6d4c8;margin:12px 0 0;font-size:11px;line-height:1.6}.wake-lock-status[data-state=active]{color:var(--accent)}.message{color:#546c59;text-align:center;margin:15px 0 0;font-size:13px;line-height:1.6}.message:empty{display:none}footer{color:#677760;border-top:1px solid #dcdfd4;justify-content:space-between;padding:22px 0 27px;font-size:11px;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor{max-width:780px;margin:auto}.name-field{flex-direction:column;gap:8px;margin-bottom:22px;font-size:13px;display:flex}.editor input[type=text]{color:#203831;background:#fff;border:1px solid #b9c5b2;border-radius:8px;min-width:0;min-height:44px;padding:8px 10px;font-size:16px}.editor input[aria-invalid=true]{border-color:#b14132}.phase-settings{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.phase-editor{border:1px solid #dce2d4;border-radius:12px;min-width:0;padding:16px}.phase-editor-heading{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.phase-editor h2{font-size:15px}.duration-fields,.click-fields,.sets-field{align-items:center;gap:8px;min-height:44px;margin-top:12px;font-size:12px;display:flex}.duration-fields>span{margin-right:auto}.duration-fields label,.bpm-field{align-items:center;gap:5px;display:flex}.duration-fields input{width:57px}.bpm-field input{width:66px}.click-fields{flex-wrap:wrap;justify-content:space-between}.sets-field{justify-content:space-between}.sets-field input{width:70px}.switch{cursor:pointer;align-items:center;gap:9px;min-height:44px;display:inline-flex;position:relative}.switch input{opacity:0;width:44px;height:28px;position:absolute;right:0}.switch>span:last-child{pointer-events:none;background:#a2aba0;border-radius:20px;width:44px;height:26px;position:relative}.switch>span:last-child:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px}.switch input:checked+span{background:#3d674c}.switch input:checked+span:after{left:21px}.switch input:focus-visible+span{outline-offset:3px;outline:3px solid #db9f39}.edit-summary{color:#4c6548;margin:22px 0 12px;font-size:12px;line-height:1.8}.edit-error{color:#ad3526;font-size:13px;line-height:1.6}.edit-error:empty{display:none}.editor-actions{flex-wrap:wrap;gap:10px;display:flex}#save-menu{color:#fff;background:#335843;min-width:110px}.delete-button{color:#a33d30;margin-left:auto}@media (max-width:850px){.shell{padding:0 24px}.workspace{grid-template-columns:290px 1fr;gap:16px}.setup{padding:24px 16px}.player{padding:26px 22px 22px}}@media (max-width:650px){.shell{padding:0 16px}.masthead{height:72px}.brand{font-size:24px}main{padding:20px 0}.workspace{flex-direction:column;display:flex}.workspace>*{width:100%}.setup,.editor{padding:20px 16px}.player{padding:24px 20px 22px}.clock{font-size:clamp(60px,21vw,104px)}.phase-settings{grid-template-columns:1fr}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}body.workout-active .setup{display:none}}