.habit-switch{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.habit-switch a{padding:10px 20px;border:1px solid var(--line);border-radius:30px;text-decoration:none;font-size:14px;background:white}.habit-switch a.active{background:#245dd8;border-color:#245dd8;color:white}.habit-empty{padding:40px 28px;border:1px dashed #9fb6cf;border-radius:14px;text-align:center;background:linear-gradient(135deg,#fff,#e7eff9);margin:20px 0 26px}.habit-empty>span{display:block;font-size:42px;color:#245dd8}.habit-empty h2{margin-top:12px}.habit-empty p{font-size:14px;color:var(--muted)}.habit-empty small{font-size:11px;color:var(--muted)}.habit-entries{list-style:none;margin:0;padding:0}.habit-entries li{background:#fff;border:1px solid var(--line);border-left:3px solid #245dd8;border-radius:10px;padding:24px;margin:16px 0;overflow-wrap:anywhere}.habit-entries time{color:var(--muted);font-size:12px}.habit-entries p{white-space:pre-wrap}.habit-entries h2{font-size:20px}@media(max-width:720px){.habit-empty{padding:28px 18px}.habit-empty h2{font-size:21px}.habit-empty small{display:block;line-height:1.8}.habit-entries li{padding:20px}}