: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,summary{font:inherit}button,label,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer;touch-action:manipulation;color:#335843;background:#fffefa;border:1px solid #ced8ca;border-radius:9px;min-height:44px;padding:8px 12px}button:disabled{cursor:default;opacity:.42}:is(button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:2px;outline:3px solid #db9f39}h1,h2{margin:0;font-weight:600}h1{font-size:1.125rem}.shell{max-width:660px;padding:0 max(12px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-right));margin:auto}.masthead{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.brand{color:#183d32;letter-spacing:-.5px;font-size:1.25rem;font-weight:750}.brand span{font-weight:450}#open-info{background:0 0;border:0}main{padding:4px 0}.card{border-radius:16px}.setup{background:#fffefa;border:1px solid #e1e4d9;padding:12px}.section-heading{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-bottom:4px;display:flex}.menu-actions{gap:6px;display:flex}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:8px;font-size:1rem}.plan-head{color:#576a54;justify-content:space-between;gap:8px;margin:16px 0 4px;font-size:.8125rem;display:flex}.plan{margin:0;padding:0;list-style:none}.plan li{border-bottom:1px solid #edf0e7;grid-template-columns:6px minmax(0,1fr) auto auto auto;align-items:center;gap:6px;min-height:44px;font-size:.875rem;display:grid}.plan small{color:#576a54;font-size:.8125rem}.plan b{font-variant-numeric:tabular-nums;font-weight:500}.phase-dot{border-radius:50%;width:6px;height:6px}.warmup{background:#b2c298}.hard{background:#d99a50}.recovery{background:#89bda6}.cooldown{background:#88aaa0}.start-row{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}#plan-total{font-size:1.125rem;font-weight:600}#start{color:#fff;background:#335843;border:0;flex:1;min-height:56px;font-size:1.125rem;font-weight:650}.sound-button{background:0 0;border:0;margin:8px auto 0;font-size:.875rem;display:block}.storage-note{color:#66765e;margin:8px 0 0;font-size:.875rem;line-height:1.5}.storage-note:empty,.message:empty,.edit-error:empty{display:none}.player{--accent:#d6e9a5;color:#f5f7ed;background:#122d29;padding:16px}.player[data-phase=hard]{--accent:#f1c18d}.player[data-phase=recovery]{--accent:#a9d6c5}.player[data-phase=cooldown]{--accent:#b1cddc}.player-top{color:#c6d4c8;justify-content:space-between;align-items:center;font-size:.875rem;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:24px}.phase-heading h2{font-size:1.375rem;font-weight:500}.clock{text-align:center;letter-spacing:-3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:12px 0;font-size:clamp(4rem,22vw,7rem);font-weight:300;line-height:1.2}.tempo{color:var(--accent);justify-content:center;align-items:baseline;gap:8px;display:flex}.tempo strong{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:500}.tempo strong.no-click{font-size:1.25rem}.tempo>span{font-size:.875rem}.progress-wrap{margin-top:24px}.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;flex-wrap:wrap;justify-content:space-between;margin-top:8px;font-size:.875rem;display:flex}.next{border-top:1px solid #375046;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:16px 0;font-size:.875rem;display:flex}.next>span{color:#adc2b1}.next strong{flex:1;font-weight:500}.controls{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.controls button{border:0;min-height:56px;font-size:1.125rem;font-weight:650}#primary{background:var(--accent);color:#17392d;flex:1}.controls .stop-button{color:#d9e3d6;background:#2e473e;min-width:88px}.wake-lock-status{text-align:center;color:#c6d4c8;margin:12px 0 0;font-size:.8125rem;line-height:1.5}.wake-lock-status[data-state=active]{color:var(--accent)}.message{color:#546c59;margin:8px 0 0;font-size:.875rem;line-height:1.5}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor .section-heading{margin:0}.name-field{align-items:center;gap:8px;min-height:44px;font-size:.875rem;display:flex}.name-field input{flex:1;width:0}.editor input[type=text]{color:#203831;background:#fff;border:1px solid #b9c5b2;border-radius:8px;min-width:0;min-height:44px;padding:6px;font-size:1rem}.editor input[aria-invalid=true]{border-color:#b14132}.phase-settings{margin-top:4px}.phase-editor{border-bottom:1px solid #dce2d4;min-width:0;padding:0 0 4px}.phase-editor-heading{justify-content:space-between;align-items:center;gap:6px;min-height:44px;display:flex}.phase-editor h2{font-size:1rem}.always-on{color:#576a54;font-size:.8125rem}.phase-fields{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.duration-fields,.click-fields,.sets-field{align-items:center;gap:4px;min-height:44px;font-size:.8125rem;display:flex}.duration-fields label,.bpm-field{align-items:center;gap:3px;display:flex}.duration-fields input{width:2.75rem}.bpm-field input{width:3.125rem}.click-fields{flex-wrap:wrap;gap:8px}.sets-field{justify-content:space-between;font-size:.875rem}.sets-field input{width:4rem}.switch{cursor:pointer;align-items:center;gap:4px;min-height:44px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch>span:last-child{pointer-events:none;background:#858f83;border-radius:20px;width:38px;height:24px;position:relative}.switch>span:last-child:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px}.switch input:checked+span{background:#3d674c}.switch input:checked+span:after{left:17px}.switch input:focus-visible+span{outline-offset:2px;outline:3px solid #db9f39}.edit-summary{color:#4c6548;margin:4px 0;font-size:.875rem;line-height:1.4}.edit-error{color:#ad3526;margin:8px 0;font-size:.875rem;line-height:1.5}.editor-actions{flex-wrap:wrap;align-items:start;gap:8px;padding-top:4px;display:flex}#save-menu{color:#fff;background:#335843;flex:1;min-height:48px;font-weight:600}#editor-more{width:100%}#editor-more:not([open]){width:48px}#editor-more summary{text-align:center;width:48px;min-height:48px;list-style:none}#editor-more summary::-webkit-details-marker{display:none}.more-actions{flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.delete-button{color:#a33d30}dialog{color:#203831;background:#fffefa;border:1px solid #ced8ca;border-radius:16px;width:min(560px,100% - 24px);max-height:calc(100% - 32px);padding:16px;overflow:auto}dialog::backdrop{background:#122d2977}dialog p{overflow-wrap:anywhere;line-height:1.6}@media (min-width:700px){.shell{max-width:780px}main{padding:16px 0}.masthead{min-height:64px}.setup,.player{padding:24px}.phase-settings{grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}.phase-fields{align-items:start}.click-fields{flex:1;justify-content:space-between}}@media (max-width:359px){.plan li{grid-template-columns:6px minmax(0,1fr) auto auto}.plan small{grid-column:2/-1;padding-bottom:4px}}#close-editor{flex-shrink:0}