:root{--bg: #f4f4f6;--text: #1c1c1e;--muted: #6b6b70;--card: #ffffff;--bar-track: #e9e9ee;--accent: #0a84ff;--success: #34c759;--danger: #ff453a;--shadow: rgba(0, 0, 0, .06)}body.dark{--bg: #1c1c1e;--text: #f4f4f6;--muted: #98989f;--card: #2c2c2e;--bar-track: #3a3a3c;--shadow: rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding:24px 16px;transition:background .2s ease,color .2s ease}#root{max-width:420px;margin:0 auto}.exercise-row,header,footer{display:flex;align-items:stretch;gap:10px}.align-spacer{flex:1 0 0}.align-content{flex:11 0 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}header{margin-bottom:24px}h1{font-size:1.8rem}#date-text{color:var(--muted);margin-top:4px}#theme-btn{position:fixed;top:24px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;background:var(--card);color:var(--text);border:1px solid var(--bar-track);border-radius:999px;cursor:pointer}main{width:100%;display:grid;gap:16px}.card{background:var(--card);border-radius:16px;box-shadow:0 2px 8px var(--shadow);padding:20px;text-align:center;flex:11 0 0;min-width:0;position:relative}.card .delete-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.card .delete-btn:hover{color:var(--danger);background:transparent}.card .delete-btn:active{transform:none}#add-exercise-btn{padding:12px 22px;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer}.tracker-actions{display:flex;gap:12px;margin-top:28px;margin-bottom:20px}.tracker-actions button{flex:1 1 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--card);color:var(--text);border-radius:16px;box-shadow:0 4px 24px var(--shadow);padding:24px;width:100%;max-width:360px}.modal h2{margin-bottom:16px;font-size:1.3rem}.modal-form{display:flex;flex-direction:column;gap:6px}.modal-form label{color:var(--muted);font-size:.9rem}.modal-form input{padding:10px;font-size:1rem;background:var(--bg);color:var(--text);border:1px solid var(--bar-track);border-radius:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.modal-actions button{padding:10px 18px;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer}.cancel-btn{background:var(--bar-track);color:var(--text)}.submit-btn{background:var(--accent);color:#fff}.submit-btn:disabled{opacity:.6;cursor:default}.card.dragging{opacity:.4;box-shadow:0 4px 16px var(--shadow)}.card h2{font-size:1.15rem;margin-bottom:10px}.move-column{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;flex:1 0 0;min-width:0}.move-btn{padding:4px 10px;font-size:1rem;line-height:1;background:var(--card);color:var(--muted);border:1px solid var(--bar-track);border-radius:8px;cursor:pointer}.move-btn:disabled{opacity:.4;cursor:default}.bar{height:10px;background:var(--bar-track);border-radius:999px;overflow:hidden;margin:12px 0}.bar-fill{height:100%;background:var(--success);width:0%;transition:width .3s ease}.count{font-size:1.6rem;font-weight:600;margin-bottom:14px}.count.done{color:var(--success)}.card button{width:100%;min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:14px;font-size:1.3rem;font-weight:600;line-height:1;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer;transition:background .15s ease,transform .05s ease}.card button:active{transform:scale(.97)}footer{margin-top:28px}#reset-btn{padding:10px 22px;font-size:1rem;font-weight:600;background:var(--danger);color:#fff;border:none;border-radius:12px;cursor:pointer}#logout-btn{position:fixed;right:16px;bottom:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;background:var(--card);color:var(--text);border:1px solid var(--bar-track);border-radius:999px;box-shadow:0 2px 8px var(--shadow);cursor:pointer}#login{max-width:320px;margin:0 auto}.login-form{display:flex;flex-direction:column;gap:8px;background:var(--card);border-radius:16px;box-shadow:0 2px 8px var(--shadow);padding:24px}.login-form h1{text-align:center;margin-bottom:8px}.login-form label{margin-top:8px;color:var(--muted);font-size:.9rem}.login-form input{padding:12px;font-size:1rem;background:var(--bg);color:var(--text);border:1px solid var(--bar-track);border-radius:8px}.login-form button{margin-top:16px;padding:14px;font-size:1.1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer}.login-form button:disabled{opacity:.6;cursor:default}.form-error{margin-top:8px;color:var(--danger);font-size:.9rem}.loading-text{text-align:center;color:var(--muted);padding:48px 0}