:root{--bg: #0f0f1a;--bg2: #1a1a2e;--bg3: #252540;--border: #3a3a5c;--text: #e8e8f0;--text2: #9898b8;--accent: #6c63ff;--accent2: #8b85ff;--danger: #e05c5c;--success: #4caf82;--radius: 10px;--touch: 44px;--gap: 16px;--max-w: 600px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;align-items:center}app-root{width:100%;max-width:var(--max-w);min-height:100vh;display:flex;flex-direction:column}.app-nav{position:sticky;top:0;z-index:10;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--gap);height:56px;gap:var(--gap)}.app-nav h1{font-size:1.1rem;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav a,.app-nav button{color:var(--text2);text-decoration:none;font-size:.9rem;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius);white-space:nowrap}.app-nav a:hover,.app-nav button:hover{color:var(--text);background:var(--bg3)}.screen{flex:1;padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 20px;border-radius:var(--radius);border:none;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .15s}.btn:active{opacity:.8}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text2);padding:0 8px}.btn-ghost:hover{color:var(--text)}.btn-block{width:100%}input[type=text],input[type=date],input[type=number]{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;padding:10px 14px;width:100%;min-height:var(--touch);outline:none;transition:border-color .15s}input[type=text]:focus,input[type=date]:focus,input[type=number]:focus{border-color:var(--accent)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.list{display:flex;flex-direction:column;gap:8px}.list-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px var(--gap);display:flex;align-items:center;gap:var(--gap);min-height:var(--touch);cursor:pointer;text-decoration:none;color:var(--text);transition:background .15s}.list-item:hover{background:var(--bg3)}.list-item-main{flex:1;overflow:hidden}.list-item-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-sub{font-size:.85rem;color:var(--text2);margin-top:2px}.list-item-meta{font-size:.9rem;color:var(--text2);white-space:nowrap}.exercise-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.exercise-row:last-child{border-bottom:none}.exercise-row-name{flex:1;font-weight:500;font-size:.95rem}.exercise-row-input{width:90px}.exercise-row-unit{font-size:.85rem;color:var(--text2);width:24px}.empty{text-align:center;color:var(--text2);padding:48px var(--gap)}.empty p{margin-top:8px;font-size:.9rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text2)}.edit-row{display:flex;gap:8px;align-items:center}.edit-row input{flex:1}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--gap)}.dialog{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:380px}.dialog h3{margin-bottom:12px}.dialog p{color:var(--text2);margin-bottom:20px;font-size:.95rem}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.tag{display:inline-block;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:2px 10px;font-size:.8rem;color:var(--text2)}.weight-badge{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:.85rem;font-variant-numeric:tabular-nums}.flex{display:flex}.flex-col{flex-direction:column}.gap-sm{gap:8px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.text-danger{color:var(--danger)}.text-muted{color:var(--text2)}.text-sm{font-size:.85rem}