.habit-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--color-border)}.habit-name{flex:1;font-weight:600}.streak{padding:4px 12px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:700}.check-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:none;cursor:pointer;font-size:1.2rem;transition:all .2s}.check-btn.done{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.del-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1rem}.heatmap{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;margin-top:12px}.hm-cell{aspect-ratio:1;border-radius:3px;background:var(--color-surface-alt)}.hm-1{background:rgba(99,102,241,.3)}.hm-2{background:rgba(99,102,241,.5)}.hm-3{background:rgba(99,102,241,.8)}.hm-4{background:var(--color-primary)}