*{box-sizing:border-box}:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#11223d;background:linear-gradient(145deg,#d8f5ff,#f5e6ff)}body{margin:0;min-height:100vh}.page{display:grid;place-items:center;padding:1.5rem;min-height:100vh}.card{width:min(720px,100%);background:#ffffffbf;border-radius:16px;border:1px solid #b8d6ff;box-shadow:0 20px 40px #1a35671a;padding:1.5rem}h1{margin:0;margin-bottom:.75rem}.habit-form{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-bottom:1rem}.habit-form input{border:1px solid #aac4ff;border-radius:8px;padding:.7rem}button{border:none;border-radius:8px;background:#4f6fff;color:#fff;padding:.7rem 1rem;font-weight:600;cursor:pointer}button:disabled{background:#98a9d0;cursor:not-allowed}.habit-list{display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.habit-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #d9e1f0;border-radius:12px;padding:.8rem;background:#f8fbff}.habit-item h2{margin:0;margin-bottom:.25rem;font-size:1.1rem}.habit-item p{margin:0;color:#3b4d6d}button.done{background:#2ca86f}.error{color:#b00020}.empty{color:#4d5b75}