*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1c1c1e;--bg-surface:#2c2c2e;--text:#e0e0e0;--text-muted:#8e8e93;--accent:#e0e0e0;-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}body{-webkit-tap-highlight-color:transparent;justify-content:center;min-height:100dvh;display:flex}#root{width:100%;max-width:420px}.app{flex-direction:column;min-height:100dvh;display:flex}.app-content{padding:0 16px;padding-top:env(safe-area-inset-top);flex:1;padding-bottom:80px;overflow-y:auto}.tab-bar{background:var(--bg-surface);width:100%;max-width:420px;padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));border-top:1px solid #3a3a3c;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:10px 4px;display:flex}.tab.active{color:var(--accent)}.tab-icon{font-size:22px;line-height:1}.tab-icon-gear{font-size:20px}.timer-container{min-height:calc(100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex}.settings-overlay{z-index:50;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-panel{background:var(--bg-surface);border-radius:16px;width:100%;max-width:360px;padding:20px}.setting-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.setting-row label{color:var(--text-muted);font-size:15px}.setting-row-right{align-items:center;gap:10px;display:flex}.setting-toggle{letter-spacing:.5px;cursor:pointer;border:none;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700}.toggle-on{background:var(--accent);color:#1c1c1e}.toggle-off{color:var(--text-muted);background:#3a3a3c}.setting-row input{background:var(--bg);width:72px;color:var(--text);text-align:center;border:1px solid #3a3a3c;border-radius:8px;padding:8px 12px;font-size:16px}.save-btn{background:var(--accent);color:#1c1c1e;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px;font-size:15px;font-weight:600}.save-btn:active{opacity:.8}.phase-display{margin-bottom:16px;font-size:28px;font-weight:700;transition:color .3s}.timer-circle-wrap{cursor:pointer;-webkit-tap-highlight-color:transparent;width:260px;height:260px;position:relative}.timer-ring{width:100%;height:100%}.timer-ring-text{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.time-big{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:48px;font-weight:300}.time-dark{color:#1c1c1e}.pause-controls{gap:16px;margin-top:40px;display:flex}.pause-action-btn{cursor:pointer;border:none;border-radius:14px;padding:16px 32px;font-size:18px;font-weight:600;transition:opacity .15s}.pause-action-btn:active{opacity:.75}.resume-action-btn{background:var(--accent);color:#1c1c1e}.end-action-btn{color:var(--text);background:#3a3a3c}.settings-cancel-btn{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-top:8px;padding:10px;font-size:15px}.control-btn{cursor:pointer;border:none;border-radius:14px;flex:1;padding:18px;font-size:18px;font-weight:600;transition:opacity .15s}.control-btn:active{opacity:.75}.summary-container{padding:24px 0}.summary-container h2{color:var(--accent);margin-bottom:4px;font-size:24px;font-weight:600}.summary-duration{color:var(--text-muted);margin-bottom:16px;font-size:15px}.session-name-row{margin-bottom:24px}.session-name-input{background:var(--bg-surface);width:100%;color:var(--text);box-sizing:border-box;border:1px solid #3a3a3c;border-radius:10px;padding:10px 14px;font-size:17px;font-weight:500}.session-name-input::placeholder{color:var(--text-muted);font-weight:400}.exercise-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.exercise-row{background:var(--bg-surface);border-radius:12px;padding:14px}.exercise-row.skipped{opacity:.4}.exercise-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.exercise-name{flex:1;font-size:16px;font-weight:600}.drag-handle{color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:0 4px;font-size:18px}.row-dragging{opacity:.4}.row-drag-over{border:1px solid #555}.optional-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:20px 0 10px;font-size:13px}.skip-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #3a3a3c;border-radius:6px;padding:4px 12px;font-size:13px}.exercise-fields{gap:12px;display:flex}.field-group{flex-direction:column;gap:4px;display:flex}.field-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.field-group input{background:var(--bg);width:64px;color:var(--text);text-align:center;border:1px solid #3a3a3c;border-radius:8px;padding:8px;font-size:16px}.notes-section{margin-bottom:24px}.notes-section label{color:var(--text-muted);margin-bottom:6px;font-size:13px;display:block}.notes-section textarea,.notes-row textarea{background:var(--bg-surface);width:100%;color:var(--text);resize:vertical;border:1px solid #3a3a3c;border-radius:10px;padding:12px;font-family:inherit;font-size:16px}.save-session-btn{cursor:pointer;width:180px;color:var(--text);background:#3a3a3c;border:none;border-radius:14px;margin:0 auto;padding:16px;font-size:17px;font-weight:600;transition:opacity .15s;display:block}.save-session-btn:active{opacity:.75}.log-container{padding:24px 0}.log-container h2{margin-bottom:20px;font-size:24px;font-weight:600}.type-picker-stack{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.type-btn-wide{background:var(--bg-surface);width:100%;color:var(--text);cursor:pointer;text-align:left;border:1px solid #3a3a3c;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:500;display:flex}.type-btn-wide:active{opacity:.8}.type-icon{text-align:center;width:28px;font-size:22px}.toast{top:calc(40px + env(safe-area-inset-top));color:#fff;z-index:100;background:#4a4a4c;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:500;animation:.3s toast-in,.3s 1.7s toast-out;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.log-form{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.form-row{justify-content:space-between;align-items:center;display:flex}.form-row label{color:var(--text-muted);font-size:15px}.form-row input,.form-row select{background:var(--bg);width:120px;color:var(--text);text-align:center;border:1px solid #3a3a3c;border-radius:8px;padding:10px 12px;font-size:16px}.form-row select{text-align:left;width:160px}.notes-row{flex-direction:column;align-items:stretch;gap:6px}.notes-row label{font-size:13px}.history-container{padding:24px 0}.history-container h2{margin-bottom:20px;font-size:24px;font-weight:600}.empty-state{color:var(--text-muted);text-align:center;padding:40px 0}.session-list{flex-direction:column;gap:10px;display:flex}.session-card{text-align:left;background:var(--bg-surface);cursor:pointer;width:100%;color:var(--text);border:none;border-radius:12px;padding:14px 16px}.session-card:active{opacity:.8}.card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-type{font-size:16px;font-weight:600}.card-duration{color:var(--text-muted);font-size:14px}.card-date{color:var(--text-muted);font-size:13px}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:8px 0;font-size:16px}.session-detail h2{margin-bottom:4px;font-size:22px;font-weight:600}.detail-date{color:var(--text-muted);font-size:15px}.detail-time,.detail-meta{color:var(--text-muted);margin-bottom:16px;font-size:14px}.detail-exercises{margin-bottom:20px}.detail-exercises h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:14px}.detail-exercise-row{border-bottom:1px solid #3a3a3c;justify-content:space-between;padding:10px 0;display:flex}.detail-exercise-name{font-size:15px}.detail-exercise-info{color:var(--text-muted);font-size:14px}.detail-notes{margin-bottom:24px}.detail-notes h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:14px}.detail-notes p{font-size:15px;line-height:1.5}.detail-actions{gap:12px;margin-top:8px;display:flex}.edit-btn{background:var(--bg-surface);color:var(--text)}.delete-btn{color:#f88;background:#3a2020}.export-container{text-align:center;padding:24px 0}.export-container h2{margin-bottom:8px;font-size:24px;font-weight:600}.export-info{color:var(--text-muted);margin-bottom:32px}.control-btn:disabled{opacity:.3;cursor:not-allowed}