.program-list{max-width:1200px;margin:0 auto;padding:2rem}.program-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-title-group{display:flex;align-items:center;gap:.75rem}.header-actions{display:flex;gap:1rem}.home-link{text-decoration:none;font-size:1.5rem;color:inherit;display:flex;align-items:center;opacity:.75;transition:opacity .2s ease}.home-link__icon{color:var(--text-secondary, #b7b7b7)}.home-link:hover{opacity:1}.home-link:hover .home-link__icon{color:var(--text-primary, #ffffff)}.breadcrumb-separator{color:#666;font-size:1.5rem;font-weight:300;margin-top:-2px}.header-app-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent, #4ECDC4);background:#ffffff14;border-radius:12px;padding:.25rem}.program-list-header h1{margin:0;font-size:2.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:#999}.empty-state p{font-size:1.2rem}.item-input{flex:1;padding:.4rem .8rem;border-radius:6px;border:1px solid #444;background-color:#1a1a1a;color:#fff;font-size:.9rem}.item-input:focus{outline:none;border-color:#646cff}.btn-xs{padding:.4rem .8rem;font-size:.9rem}.program-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.program-card{background:#1a1a1a;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;flex-direction:column;cursor:grab}.program-card:active{cursor:grabbing}.program-card.dragging{opacity:.5;transform:scale(.98);box-shadow:0 8px 24px #00000080;border:2px dashed #444}.program-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0006}.drag-handle{cursor:grab;color:#666;margin-right:.5rem;font-size:1.2rem;line-height:1;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:#aaa}.counter-card-style{background:linear-gradient(135deg,#0f1b24,#071017);border:1px solid rgba(82,196,255,.45);box-shadow:0 6px 18px #04223399}.counter-card-style .program-card-header h3{color:#d5f2ff}.counter-card-style .btn-run{background:#3ba4d7}.counter-card-style .btn-run:hover{background:#2f8bb7}.counter-card-style .btn-run:active{background:#26779c}.program-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.program-card-header h3{margin:0;font-size:1.4rem;flex:1;word-break:break-word;display:flex;align-items:flex-start}.program-card-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{opacity:1;background:#ffffff1a;border-radius:4px}.btn-icon-small{background:none;border:none;font-size:1rem;cursor:pointer;padding:.35rem;opacity:.5;color:#999;transition:all .2s;min-width:32px;min-height:32px;border-radius:50%}.btn-icon-small:hover{opacity:1;color:#f44}.btn-delete:hover{background:#f443;color:#f44}.btn-icon:active{opacity:.5}.program-card-info{display:flex;gap:1.5rem;margin-bottom:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{font-size:.85rem;color:#999}.info-item .value{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.cycle-badge{display:inline-flex;align-items:center;justify-content:center;background:#646cff;color:#fff;font-size:.75rem;padding:.2rem .5rem;border-radius:4px;font-weight:700}.beep-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:.35rem;opacity:.8}.beep-indicator.muted{opacity:.4}.tracker-items-list{flex:1;margin-bottom:1.25rem;background:#0000001a;border-radius:8px;overflow:hidden;border:1px solid #333;padding:.5rem .25rem}.empty-tracker-msg{text-align:center;color:#666;font-style:italic;padding:2rem}.tracker-item-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:#ffffff05;padding:.85rem 1rem;border-radius:10px;margin:6px 8px;transition:background .2s;min-height:56px}.tracker-item-row:hover{background:#ffffff0d}.tracker-item-name{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;color:#ddd;flex:1;line-height:1.4}.tracker-item-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.tracker-item-value{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.35rem;min-width:3rem;text-align:center;color:#646cff;background:#0003;padding:.35rem .75rem;border-radius:8px}.btn-control-small{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;font-size:1.35rem;font-weight:700;cursor:pointer;transition:background .2s}.btn-minus{background-color:#333;color:#ff6b6b}.btn-minus:hover{background-color:#444}.btn-plus{background-color:#333;color:#4ecdc4}.btn-plus:hover{background-color:#444}.btn-add-item{width:calc(100% - 16px);display:block;box-sizing:border-box;background:none;border:1px dashed #444;color:#888;padding:.85rem 1rem;border-radius:10px;cursor:pointer;transition:all .2s;font-size:1rem;margin:6px 8px;min-height:48px}.btn-add-item:hover{border-color:#666;color:#bbb;background:#ffffff0d}.add-item-form{display:flex;gap:.5rem;align-items:center;background:#0003;padding:.75rem;border-radius:10px;margin:6px 8px}.add-item-actions{display:flex;gap:.5rem}@media (max-width: 600px){.tracker-item-row{flex-direction:column;align-items:stretch}.tracker-item-controls{justify-content:space-between}.btn-control-small{flex:1;width:100%}}.tracker-card-actions{display:flex;gap:.5rem;width:100%}.btn-start-tracker{flex:1}.btn-reset-tracker{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset-tracker:hover{background:#ff6b6b33;border-color:#ff6b6b80}.segment-list-container{flex:1;margin-bottom:1.25rem;background:#0000001a;border-radius:8px;overflow:hidden;border:1px solid #333}.segment-list{max-height:180px;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:#444 rgba(0,0,0,.1)}.segment-list::-webkit-scrollbar{width:6px}.segment-list::-webkit-scrollbar-track{background:#0000001a}.segment-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.segment-row{display:flex;align-items:center;gap:.75rem;font-size:.9rem;padding:.5rem .75rem;border-radius:4px;background:#ffffff05;transition:background .2s}.segment-row:hover{background:#ffffff0d}.segment-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.segment-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd}.segment-duration{font-family:monospace;font-size:.85rem;font-variant-numeric:tabular-nums;background:#0003;padding:2px 6px;border-radius:4px;color:#999}.btn-primary{background:#646cff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#535bf2}.btn-secondary{background:#2a2a2a;color:#fff;border:1px solid #444;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#3a3a3a;border-color:#666}.btn-secondary:active{transform:scale(.98)}.btn-run{width:100%;background:#4ecdc4;color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:auto}.btn-run.btn-with-icon{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-run:hover{background:#45b7a8;border-color:#4ecdc4}.btn-run:active{background:#3ca896;transform:scale(.98)}@media (max-width: 768px){.program-list{padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.program-list-header{position:sticky;top:0;background:#0f0f0f;padding:1rem 0;z-index:10;margin-bottom:1rem;flex-direction:column;align-items:stretch}.header-title-group{margin-bottom:1rem}.header-actions{display:grid;grid-template-columns:1fr 2fr;width:100%}.program-list-header h1{font-size:1.75rem}.program-grid{grid-template-columns:1fr}.btn-primary,.btn-secondary{width:100%;padding:1rem;font-size:1rem}.program-card{padding:1.25rem}.btn-icon{font-size:1.5rem;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.btn-run{padding:1rem;font-size:1.1rem}}@media (max-width: 480px){.program-list{padding:.75rem}.program-list-header h1{font-size:1.5rem}.program-card-header h3{font-size:1.2rem}}.timer-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;overflow-y:auto}.timer-editor{max-width:800px;width:100%;margin:auto;padding:2rem;background:#1a1a1a;border-radius:12px;box-shadow:0 8px 32px #0009;max-height:90vh;overflow-y:auto;position:relative}.input-error:focus{border-color:#f44!important;box-shadow:0 0 0 2px #f443}.label-hint{color:#4ecdc4;font-weight:600}.cycle-controls{display:flex;flex-direction:column;gap:1rem}.rounds-slider-wrapper{display:flex;flex-direction:column;gap:.75rem}.input-range{width:100%;height:6px;background:#2a2a2a;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#646cff;cursor:pointer;border-radius:50%;transition:background .2s}.input-range::-webkit-slider-thumb:hover{background:#535bf2}.input-range::-moz-range-thumb{width:20px;height:20px;background:#646cff;cursor:pointer;border-radius:50%;border:none;transition:background .2s}.input-range::-moz-range-thumb:hover{background:#535bf2}.cycle-buttons{display:flex;gap:.5rem}.rounds-input-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.rounds-input{max-width:140px;text-align:center}.rounds-input-hint{font-size:.85rem;color:#999}.btn-cycle{flex:1;background:#2a2a2a;border:2px solid #444;color:#fff;padding:.75rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cycle:hover{border-color:#646cff;background:#333}.btn-cycle.active{background:#646cff;border-color:#646cff}.btn-cycle:active{transform:scale(.95)}.btn-toggle{width:100%;background:#2a2a2a;border:2px solid #444;color:#fff;padding:1rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.btn-toggle:hover{border-color:#646cff;background:#333}.btn-toggle.active{background:#4ecdc4;border-color:#4ecdc4}.btn-toggle:active{transform:scale(.98)}.toggle-icon{display:inline-flex;align-items:center;justify-content:center}.toggle-text{font-size:1rem;font-weight:700}.toggle-description{font-size:.85rem;color:#999;margin-top:.5rem;text-align:center}.input-number{padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;width:80px}.input-number:focus{outline:none;border-color:#646cff}.segments-section h3{margin:0 0 1rem;font-size:1.3rem}.segment-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding:.5rem}.segment-item{display:flex;align-items:center;gap:1rem;background:#2a2a2a;padding:1rem;border-radius:8px;transition:all .2s}.segment-color{width:4px;height:40px;border-radius:2px}.segment-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.segment-name{font-weight:600;font-size:1rem;min-height:24px}.segment-duration{color:#999;font-size:.9rem;min-height:22px;font-variant-numeric:tabular-nums}.segment-name.editable,.segment-duration.editable{cursor:pointer;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:4px;transition:background .2s}.segment-name.editable:hover,.segment-duration.editable:hover{background:#646cff26}.segment-name.editable:active,.segment-duration.editable:active{background:#646cff40}.segment-actions{display:flex;gap:.5rem;flex-shrink:0}.inline-input{background:#1a1a1a;border:1px solid #555;border-radius:4px;color:#fff;padding:.5rem;font-size:.95rem;font-family:inherit}.inline-input:focus{outline:none;border-color:#646cff}.inline-input.input-error{border-color:#f44;background:#ff444426}.inline-input-name{width:100%;font-weight:600;margin:-.25rem -.5rem;padding:.25rem .5rem}.inline-time-edit{display:flex;align-items:center;gap:.5rem;margin:-.25rem -.5rem;padding:.25rem .5rem}.inline-input-time{width:50px;text-align:center;font-variant-numeric:tabular-nums;padding:.25rem}.time-separator{color:#666;font-size:1rem;font-weight:700}.btn-mini:active:not(:disabled){background:#555;transform:scale(.95)}.empty-segments{text-align:center;padding:2rem;color:#999}.add-segment-form{background:#2a2a2a;padding:1.5rem;border-radius:8px;position:relative}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.btn-add{width:100%;background:#4ecdc4;color:#fff;border:none;padding:.75rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-add:hover{background:#45b7a8}.btn-add:active{background:#3ca896;transform:scale(.98)}.editor-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;padding:1rem;background:#2a2a2a;border-radius:8px}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.85rem;color:#999}.summary-value{font-size:1.3rem;font-weight:700;color:#4ecdc4}.editor-footer{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #333}.btn-secondary{background:#333;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#444}.btn-secondary:active{background:#555;transform:scale(.98)}.btn-primary:active{background:#4248d6;transform:scale(.98)}.btn-done{font-size:1.1rem;padding:.875rem 3rem;font-weight:700;min-width:200px}@media (max-width: 768px){.timer-editor-overlay{padding:0;align-items:flex-start}.timer-editor{padding:1rem;margin:0;border-radius:0;min-height:100vh;min-height:100dvh;max-height:none}.editor-header{position:sticky;top:0;background:#1a1a1a;padding:1rem 0;margin-bottom:1.5rem;z-index:10}.editor-header h2{font-size:1.5rem}.btn-close{font-size:2rem;padding:.5rem;min-width:44px;min-height:44px}.form-row{flex-direction:column}.input-text,.input-number{width:100%;font-size:16px;padding:.875rem}.editor-summary{flex-direction:column;gap:1rem}.btn-mini{padding:.5rem .75rem;font-size:1rem;min-width:44px;min-height:44px}.btn-add,.btn-primary,.btn-secondary{padding:1rem;font-size:1.1rem;min-height:48px}.segment-item{padding:.875rem}.segment-actions{gap:.25rem}.inline-input{font-size:16px}.inline-input-time{width:60px}.editor-footer{position:sticky;bottom:0;background:#1a1a1a;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));margin:2rem -1rem -1rem}.btn-done{width:100%;min-width:auto}}@media (max-width: 480px){.timer-editor{padding:.75rem}.editor-header h2{font-size:1.3rem}.segment-name{font-size:.95rem}.segment-duration{font-size:.85rem}}.tracker-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;overflow-y:auto}.tracker-editor{max-width:600px;width:100%;margin:auto;padding:2rem;background:#1a1a1a;border-radius:12px;box-shadow:0 8px 32px #0009;max-height:90vh;overflow-y:auto;position:relative}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.editor-header h2{margin:0;font-size:2rem}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:.5rem;line-height:1}.btn-close:hover{color:#fff}.editor-content{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:#ccc;font-weight:500}.input-text{padding:.75rem;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem}.input-text:focus{outline:none;border-color:#646cff}.input-error{border-color:#f44!important;background:#ff44441a}.items-section h3{margin:0 0 1rem;font-size:1.3rem}.items-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#0000001a;border-radius:8px}.item-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#2a2a2a;padding:.75rem 1rem;border-radius:6px;transition:all .2s;border:1px solid #333}.item-name{font-weight:600;font-size:1rem;flex:1}.item-actions{display:flex;gap:.5rem}.btn-mini{background:#333;border:none;color:#fff;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-mini:hover:not(:disabled){background:#444}.btn-mini:disabled{opacity:.3;cursor:not-allowed}.btn-delete{background:#d32f2f}.btn-delete:hover{background:#c62828}.empty-items{text-align:center;padding:2rem;color:#999}.add-item-form-row{display:flex;gap:1rem}.flex-1{flex:1}.btn-add-small{background:#4ecdc4;color:#fff;border:none;padding:0 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-add-small:hover{background:#45b7a8}.editor-footer{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #333}.btn-done{font-size:1.1rem;padding:.875rem 3rem;font-weight:700;min-width:200px;background:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-done:hover{background:#535bf2}@media (max-width: 768px){.tracker-editor-overlay{padding:0;align-items:flex-start}.tracker-editor{padding:1rem;margin:0;border-radius:0;min-height:100vh;min-height:100dvh;max-height:none}.editor-header{position:sticky;top:0;background:#1a1a1a;padding:1rem 0;margin-bottom:1.5rem;z-index:10}.editor-footer{position:sticky;bottom:0;background:#1a1a1a;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));margin:2rem -1rem -1rem}.btn-done{width:100%}}.timer-runner{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;transition:background-color .5s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.runner-container{max-width:600px;width:100%}.runner-title{margin:0;font-size:1.5rem;opacity:.9;display:flex;align-items:center;gap:.5rem}.sound-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:inherit}.sound-toggle:hover{background:#fff3}.sound-toggle.muted{opacity:.4}.sound-toggle:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}.current-segment-card{text-align:center;margin-bottom:2rem;padding:2rem;border-radius:24px;background:#0006;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 45px #00000059}.segment-label{font-size:.8rem;letter-spacing:.2em;color:#fff9;margin-bottom:.5rem}.segment-name{font-size:2.4rem;font-weight:700;margin-bottom:1rem;letter-spacing:2px}.time-display{font-size:clamp(4rem,12vw,7rem);font-weight:700;line-height:1;margin-bottom:1.5rem;font-variant-numeric:tabular-nums}.segment-progress-bar{height:16px;background:#ffffff1a;border-radius:999px;overflow:hidden;max-width:420px;margin:0 auto 1.5rem}.segment-progress-fill{height:100%;transition:width .3s linear;border-radius:999px}.segment-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.meta-item{text-align:center}.meta-label{display:block;font-size:.75rem;letter-spacing:.2em;color:#ffffff8c;margin-bottom:.25rem}.meta-value{font-size:1.5rem;font-weight:700}.meta-subcopy{margin-top:1rem;font-size:.95rem;color:#ffffffbf;font-style:italic}.timing-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;margin-bottom:2.5rem}.overall-progress{padding:1.5rem;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.progress-label{font-size:.85rem;letter-spacing:.2em;color:#fff9;margin-bottom:.75rem}.progress-bar{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#45b7d1);transition:width .3s linear;border-radius:999px}.next-up-panel{padding:1.5rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:1rem}.next-up-header{display:flex;justify-content:space-between;align-items:center}.next-label{letter-spacing:.2em;font-size:.8rem;color:#fff9}.next-duration{font-size:.95rem;font-variant-numeric:tabular-nums;color:#ffffffd9}.next-up-body{display:flex;gap:.85rem;align-items:center}.next-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.next-up-body .next-color-dot{width:16px;height:16px}.next-name{font-size:1.2rem;font-weight:600;margin:0}.next-name.muted{opacity:.6}.next-round-hint{margin:0;font-size:.9rem;color:#fff9}.upcoming-list{display:flex;flex-wrap:wrap;gap:.5rem}.upcoming-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:#ffffff14;font-size:.85rem}.chip-dot{width:10px;height:10px;border-radius:50%}.timer-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem}.control-button{display:flex;flex-direction:column;align-items:center;gap:.35rem}.control-caption{font-size:.75rem;letter-spacing:.15em;color:#ffffffb3}.btn-control{width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-control:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.btn-control:active:not(:disabled){transform:scale(.95);background:#ffffff4d}.btn-control:disabled{opacity:.3;cursor:not-allowed}.btn-play{width:80px;height:80px;font-size:2rem;border-width:3px;background:#ffffff26}.completion-screen{text-align:center;padding:3rem 1rem}.completion-icon{font-size:5rem;margin-bottom:1rem}.completion-screen h1{font-size:3rem;margin-bottom:.5rem}.completion-screen p{font-size:1.3rem;color:#ffffffb3;margin-bottom:3rem}.completion-actions{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}@media (max-width: 768px){.timer-runner{padding:1rem;min-height:100dvh;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.runner-header{position:sticky;top:0;background:inherit;padding:1rem 0;z-index:10;margin-bottom:2rem}.btn-back{padding:.75rem 1.25rem;font-size:1.1rem;min-height:44px}.runner-header h2{font-size:1.2rem}.current-segment-card{padding:1.5rem}.time-display{font-size:4rem}.segment-name{font-size:1.5rem;letter-spacing:1px}.segment-meta{gap:1rem}.timing-panels{grid-template-columns:1fr}.btn-control{width:70px;height:70px;font-size:1.75rem}.btn-play{width:90px;height:90px;font-size:2.5rem}.completion-screen h1{font-size:2rem}.completion-screen p{font-size:1.1rem}.completion-icon{font-size:4rem}.btn-large{padding:1.25rem 2rem;font-size:1.15rem;min-height:56px}}@media (max-width: 480px){.timer-runner{padding:.75rem}.time-display{font-size:3.5rem}.segment-name{font-size:1.1rem}.runner-header h2{font-size:1rem}.btn-control{width:60px;height:60px;font-size:1.5rem}.btn-play{width:80px;height:80px;font-size:2rem}}@media (max-height: 600px) and (orientation: landscape){.time-display{font-size:3rem}.segment-name{font-size:1.2rem;margin-bottom:.5rem}.overall-progress{margin-bottom:1.5rem}.btn-control{width:50px;height:50px}.btn-play{width:60px;height:60px}.runner-header{margin-bottom:1rem}}.tracker-runner{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0f0f0f}.runner-container{max-width:800px;width:100%}.runner-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}.btn-back{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-back:hover{background:#fff3}.runner-header h2{margin:0;font-size:2rem;opacity:.9}.empty-tracker-runner{text-align:center;padding:4rem 2rem;color:#999}.empty-tracker-runner p{font-size:1.3rem;margin-bottom:2rem}.tracker-items-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.tracker-item-large{background:#ffffff0d;border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.1)}.item-name-large{font-size:1.5rem;font-weight:600;text-align:center;color:#ddd}.item-value-large{font-size:5rem;font-weight:700;color:#646cff;font-variant-numeric:tabular-nums;line-height:1}.item-controls-large{display:flex;gap:1rem;width:100%}.btn-control-large{flex:1;height:60px;border:none;border-radius:12px;font-size:2rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-minus-large{background:#333;color:#ff6b6b}.btn-minus-large:hover{background:#444;transform:scale(1.05)}.btn-minus-large:active{transform:scale(.95)}.btn-plus-large{background:#333;color:#4ecdc4}.btn-plus-large:hover{background:#444;transform:scale(1.05)}.btn-plus-large:active{transform:scale(.95)}.tracker-actions{display:flex;justify-content:center;gap:1rem}.btn-large{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-large:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-large:active{transform:translateY(0)}.btn-reset{background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.btn-reset:hover{background:#ff6b6b4d}.btn-secondary{background:#ffffff1a;color:#fff}.btn-secondary:hover{background:#ffffff26}@media (max-width: 768px){.tracker-runner{padding:1rem;min-height:100dvh;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.runner-header{position:sticky;top:0;background:#0f0f0f;padding:1rem 0;z-index:10;margin-bottom:2rem}.runner-header h2{font-size:1.5rem}.btn-back{padding:.75rem 1.25rem;font-size:1.1rem;min-height:44px}.tracker-items-display{grid-template-columns:1fr;gap:1.25rem}.tracker-item-large{padding:1.5rem}.item-name-large{font-size:1.3rem}.item-value-large{font-size:4rem}.btn-control-large{height:56px;font-size:1.75rem}.btn-large{padding:1.25rem 2rem;font-size:1.15rem;min-height:56px}}@media (max-width: 480px){.tracker-runner{padding:.75rem}.runner-header h2{font-size:1.2rem}.item-value-large{font-size:3.5rem}.item-name-large{font-size:1.1rem}}@media (min-width: 769px){.tracker-items-display:has(.tracker-item-large:only-child){grid-template-columns:1fr;max-width:500px;margin:0 auto 3rem}.tracker-items-display:has(.tracker-item-large:only-child) .tracker-item-large{padding:3rem}.tracker-items-display:has(.tracker-item-large:only-child) .item-value-large{font-size:7rem}.tracker-items-display:has(.tracker-item-large:only-child) .item-name-large{font-size:2rem}}.app{width:100%;min-height:100vh}*{box-sizing:border-box}.icon-sound{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{width:100%;min-height:100vh;min-height:100dvh}button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}h1,h2,h3,h4,h5,h6{line-height:1.2}button{font-family:inherit}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}