*{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;align-items:center;gap:2px;padding:8px 4px;font-size:10px;display:flex}.tab.active{color:var(--accent)}.tab-icon{font-size:20px;line-height:1}.tab-label{font-size:10px;font-weight:500}.timer-container{flex-direction:column;align-items:center;padding:24px 0 40px;display:flex}.timer-header{justify-content:flex-end;align-items:center;width:100%;margin-bottom:16px;display:flex}.settings-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px}.settings-btn:active{background:var(--bg-surface)}.settings-panel{background:var(--bg-surface);border-radius:12px;width:100%;margin-bottom:20px;padding:16px}.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 input{background:var(--bg);width:80px;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-ring-container{width:240px;height:240px;margin-bottom:28px;position:relative}.timer-ring{width:100%;height:100%}.timer-ring-text{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.time-big{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:52px;font-weight:300}.session-info{width:100%;margin-bottom:32px}.session-bar-container{background:var(--bg-surface);border-radius:3px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.session-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width 1s linear}.session-text{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:15px}.cycle-text{color:var(--text-muted);margin-top:2px;font-size:13px}.controls{gap:16px;width:100%;display:flex}.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}.start-btn,.pause-btn{background:var(--accent);color:#1c1c1e}.end-btn{color:var(--text);background:#444}.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:24px;font-size:15px}.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{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.exercise-name{font-size:16px;font-weight:600}.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{background:var(--accent);color:#1c1c1e}.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}