:root{--bg:#052b28;--card:#073732;--accent:#f0c76b;--txt:#eaf6f3}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Arial;background:linear-gradient(180deg,var(--bg),#041f1d);color:var(--txt);-webkit-font-smoothing:antialiased}
.app{max-width:980px;margin:18px auto;padding:16px}
header{display:flex;flex-direction:column;align-items:center;gap:6px}
h1{margin:0;font-size:1.6rem}
.muted{color:#b7d7cf;font-size:0.95rem}
.card{background:var(--card);padding:14px;border-radius:12px;margin:12px 0;border:1px solid rgba(255,255,255,0.04)}
input,select{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:var(--txt);margin:8px 0}
button{padding:10px 14px;border-radius:10px;border:0;background:var(--accent);color:#082a26;font-weight:700;cursor:pointer}
.days{display:grid;gap:10px;margin-top:12px}
@media(min-width:800px){.days{grid-template-columns:repeat(5,1fr)}}
.day{background:rgba(255,255,255,0.03);padding:10px;border-radius:10px}
.habit{display:flex;align-items:center;gap:8px;margin-top:8px}
footer{text-align:center;margin-top:18px;color:#b7d7cf}

/* Install modal */
.installModal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);z-index:9999}
.installBox{width:92%;max-width:420px;background:linear-gradient(180deg,#0b423c,#06332b);padding:18px;border-radius:12px;text-align:center}
.installBox h3{margin:0 0 8px}