:root{--bg:#1a1a2e;--bg-card:#16213e;--bg-input:#0f3460;--text:#e0e0e0;--text-muted:#8a8a9a;--accent:#e94560;--accent-hover:#ff6b81;--success:#4ecca3;--warning:#ffc107;--rest:#3a506b;--border:#2a2a4a;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex}.app-content{flex:1;padding:16px 16px 80px;overflow-y:auto}.bottom-nav{background:var(--bg-card);border-top:1px solid var(--border);padding:8px 0;padding-bottom:max(8px, env(safe-area-inset-bottom));z-index:100;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{width:100%;max-width:480px;display:flex}.nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:11px;transition:color .2s;display:flex}.nav-btn.active{color:var(--accent)}.nav-btn svg{width:24px;height:24px}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:background .2s,opacity .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-input);color:var(--text)}.btn-danger{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-ghost{color:var(--text-muted);background:0 0}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px;padding:16px}.input-group{margin-bottom:16px}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;display:block}.input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:12px;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--accent)}.toggle-row{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle{background:var(--bg-input);cursor:pointer;border:none;border-radius:14px;width:48px;height:28px;transition:background .2s;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(20px)}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:24px;margin-bottom:12px;font-size:13px;font-weight:600}.section-title:first-child{margin-top:0}.empty-state{text-align:center;color:var(--text-muted);padding:48px 16px}.empty-state h2{color:var(--text);margin-bottom:8px;font-size:18px}.empty-state p{margin-bottom:24px}.message{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.message-error{color:var(--accent);background:#e9456026;border:1px solid #e945604d}.message-info{color:var(--success);background:#4ecca326;border:1px solid #4ecca34d}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.file-upload{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:32px 16px;transition:border-color .2s}.file-upload:hover{border-color:var(--accent)}.file-upload input{display:none}.player{flex-direction:column;align-items:center;height:100%;padding-top:24px;display:flex}.player-segment-name{text-align:center;margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.2}.player-notes{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:16px}.player-timer{font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:72px;font-weight:700}.player-progress-track{background:var(--bg-input);border-radius:3px;width:100%;height:6px;margin-bottom:24px;overflow:hidden}.player-progress-bar{background:var(--accent);transform-origin:0;will-change:transform;border-radius:3px;width:100%;height:100%;transition:transform 1s linear}.player-meta{color:var(--text-muted);margin-bottom:8px;font-size:14px}.player-up-next{color:var(--text-muted);margin-bottom:32px;font-size:14px}.player-controls{gap:16px;width:100%;max-width:320px;display:flex}.player-controls .btn{flex:1}.segment-rest .player-segment-name{color:var(--rest)}.segment-rest .player-progress-bar{background:var(--rest)}.workout-complete{text-align:center;padding:48px 16px}.workout-complete h2{margin-bottom:16px;font-size:24px}.workout-item{background:var(--bg-card);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;transition:border-color .2s;display:flex}.workout-item:hover{border-color:var(--accent)}.workout-item-info{flex:1;min-width:0}.workout-item-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.workout-item-meta{color:var(--text-muted);font-size:13px}.workout-item-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:18px;transition:color .2s}.workout-item-delete:hover{color:var(--accent)}.week-group{margin-bottom:20px}.week-group-title{color:var(--text-muted);margin-bottom:8px;padding-left:4px;font-size:14px;font-weight:600}.preview-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.preview-item:last-child{border-bottom:none}.password-wrapper{position:relative}.password-wrapper .input{padding-right:48px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}