:root{color-scheme:light dark;--bg: #0f1115;--card: #1a1d24;--ink: #e8e9ec;--muted: #8a8f98;--accent: #5b8cff;--danger: #e05a5a;--rule: #2a2e37}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:600px;margin:0 auto;padding:1rem 1rem 5rem}a{color:var(--accent)}button{font:inherit;cursor:pointer}.card{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:.9rem 1rem;margin-bottom:.75rem}.muted{color:var(--muted);font-size:.85rem}.capture-input{width:100%;padding:.7rem .9rem;border-radius:8px;border:1px solid var(--rule);background:var(--card);color:var(--ink);font-size:1rem}.btn{padding:.5rem .9rem;border-radius:8px;border:1px solid var(--rule);background:var(--card);color:var(--ink)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{border-color:var(--danger);color:var(--danger);background:transparent}.step-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--rule)}.step-row.done .step-title{text-decoration:line-through;color:var(--muted)}.energy-row{display:flex;gap:.4rem}.energy-btn{flex:1;padding:.6rem 0;text-align:center;border-radius:8px;border:1px solid var(--rule);background:var(--card);color:var(--ink)}.energy-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}nav.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--rule)}nav.tabs a{flex:1;text-align:center;padding:.8rem 0;text-decoration:none;color:var(--muted);font-size:.85rem}nav.tabs a.active{color:var(--accent)}h1{font-size:1.2rem}h2{font-size:1rem}