:root{--bg:#f7f3eb;--surface:#fdfbf7;--text:#4a3f38;--text-muted:#8a7b6f;--accent:#d9a7a7;--accent-secondary:#c9b29b;--border:#e8ded2;--danger:#b3402f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}.shell{flex-direction:column;gap:20px;max-width:480px;min-height:100svh;margin:0 auto;padding:24px 20px 40px;display:flex}.shell-header h1{color:var(--text);margin:0;font-size:32px}.subtitle{color:var(--text-muted);margin:4px 0 0}.tabs{gap:8px;display:flex;overflow-x:auto}.tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--text)}.tab:disabled{cursor:not-allowed;opacity:.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.card h2{color:var(--text);margin:0;font-size:18px}.primary,.secondary{cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600}.primary{background:var(--accent);color:var(--text)}.secondary{background:var(--accent-secondary);color:var(--text)}.primary:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger);font-size:14px}.muted{color:var(--text-muted);font-size:14px}.secondary.small{white-space:nowrap;padding:8px 12px;font-size:13px}.push-banner{padding:16px 20px}.debug-test-push{align-self:flex-start}.onboarding-form{gap:16px}.field{color:var(--text-muted);flex-direction:column;flex:1;gap:6px;font-size:14px;display:flex}.field input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px}.field-group{border:none;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.field-group legend{color:var(--text);padding:0 0 4px;font-size:14px;font-weight:600}.field-row{gap:12px;display:flex}.weekday-picker{flex-wrap:wrap;gap:6px;display:flex}.weekday{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);border-radius:8px;padding:8px 10px;font-size:13px}.weekday.active{background:var(--accent);border-color:var(--accent);color:var(--text)}.goal-list{flex-direction:column;gap:16px;display:flex}.goal{flex-direction:column;gap:6px;display:flex}.goal-head{justify-content:space-between;font-size:14px;font-weight:600;display:flex}.goal-tip{color:var(--text-muted);margin:0;font-size:13px}.progress-track{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.progress-fill.warning{background:var(--danger)}.budget-list{flex-direction:column;gap:14px;display:flex}.budget-item{flex-direction:column;gap:6px;display:flex}.budget-head{justify-content:space-between;font-size:14px;display:flex}.budget-head span:first-child{font-weight:600}.budget-head span:last-child{color:var(--text-muted);font-size:13px}.routine-block h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:14px}.checkbox-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;font-size:15px;display:flex}.checkbox-row:last-child{border-bottom:none}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}.inline-form{gap:8px;display:flex}.inline-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;flex:1;padding:10px 12px;font-size:14px}.event-row{color:var(--text-muted);border-bottom:1px solid var(--border);gap:10px;padding:8px 0;font-size:15px;display:flex}.event-row:last-child{border-bottom:none}.card-row{gap:12px;display:flex}.card-row .card{flex:1}.placeholder-card{align-items:flex-start}.placeholder-text{color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);border-radius:10px;width:100%;margin:0;padding:12px;font-size:13px}@media (width<=400px){.card-row{flex-direction:column}}