:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#1a1a1a;background:#f4f3f6;min-height:100vh;margin:0}#root{max-width:480px;margin:0 auto;padding:1rem}button,input{font:inherit}main{flex-direction:column;gap:1rem;display:flex}h1{text-align:center;margin:.5rem 0;font-size:1.4rem}.habit-form{background:#fff;border-radius:.75rem;flex-wrap:wrap;gap:.5rem;padding:1rem;display:flex;box-shadow:0 1px 3px #00000014}.habit-form input{border:1px solid #ccc;border-radius:.4rem;flex:1;min-width:0;min-height:2.5rem;padding:.25rem .5rem}.habit-form button{color:#fff;white-space:nowrap;background:#4a3ff0;border:none;border-radius:.4rem;min-height:2.5rem;padding:0 .9rem;font-weight:600}.habit-error{color:#b5401d;width:100%;margin:0;font-size:.9rem}.habit-empty{color:#888;text-align:center;font-style:italic}.habit-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.habit-item{background:#fff;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 3px #00000014}.habit-done{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.habit-done input[type=checkbox]{flex-shrink:0;width:1.25rem;height:1.25rem}.habit-name{overflow-wrap:anywhere}.habit-streak{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.habit-actions{flex-shrink:0;gap:.5rem;margin-left:auto;display:flex}.habit-actions button{background:#eee;border:none;border-radius:.4rem;min-height:2.25rem;padding:0 .75rem}.habit-rename-form{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.habit-rename-form input{border:1px solid #ccc;border-radius:.4rem;flex:1;min-width:0;min-height:2.5rem;padding:.25rem .5rem}.habit-rename-form button{color:#fff;background:#4a3ff0;border:none;border-radius:.4rem;min-height:2.5rem;padding:0 .9rem}.habit-rename-form button[type=button]{color:#1a1a1a;background:#eee}