body{color:#1f2937;background:#f4f7fb;margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}#root{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}div{display:block}h1{text-align:left;margin:0;font-size:2rem}.header{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 18px;display:flex}.header>div{color:#1d4ed8;font-size:.95rem;font-weight:700}.Home,.App{width:100%;max-width:500px}.Home{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px #1f293714}.add-habit{gap:12px;margin-bottom:20px;display:flex}.add-habit input{border:1px solid #d1d5db;border-radius:10px;flex:1;padding:12px 14px;font-size:1rem}.add-habit button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 16px;font-weight:600}.habit-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.habit-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.habit-item label{flex:1;align-items:center;gap:10px;font-size:1rem;display:flex}.habit-item button{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:8px 10px;font-size:.8rem;font-weight:700;transition:background .2s,transform .2s}.habit-item button:hover{background:#fecaca;transform:translateY(-1px)}.habit-item input[type=checkbox]{accent-color:#16a34a;width:18px;height:18px}.habit-item.completed span{color:#6b7280;text-decoration:line-through}