.habit-card.svelte-1ykbyo3{background:#fff;border-radius:24px;padding:24px;box-shadow:0 2px 8px #00000014;transition:all .2s ease-out;position:relative}@media(hover:hover){.habit-card.svelte-1ykbyo3:hover:not(.wiggle){box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}}@media(prefers-color-scheme:dark){.habit-card.svelte-1ykbyo3{background:#1c1c1e;box-shadow:0 2px 8px #0000004d}}@media(hover:hover)and (prefers-color-scheme:dark){.habit-card.svelte-1ykbyo3:hover:not(.wiggle){box-shadow:0 4px 16px #00000080}}.habit-card.completed.svelte-1ykbyo3{background:linear-gradient(135deg,#f0f7ff,#fff)}@media(prefers-color-scheme:dark){.habit-card.completed.svelte-1ykbyo3{background:linear-gradient(135deg,#0a2540,#1c1c1e)}}.habit-card.wiggle.svelte-1ykbyo3{animation:svelte-1ykbyo3-wiggle .5s ease-in-out infinite;transform-origin:50% 50%;will-change:transform}@keyframes svelte-1ykbyo3-wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.habit-main.svelte-1ykbyo3{display:flex;flex-direction:column;gap:16px}.habit-header.svelte-1ykbyo3{display:flex;align-items:center;gap:16px}.checkbox-wrapper.svelte-1ykbyo3{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0;width:36px;height:36px}.habit-checkbox.svelte-1ykbyo3{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom.svelte-1ykbyo3{position:relative;height:36px;width:36px;border:2.5px solid #e0e0e0;border-radius:50%;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .15s ease-out,background .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;background:#fff}.wiggle.svelte-1ykbyo3 .checkbox-custom:where(.svelte-1ykbyo3){will-change:transform}.wiggle.svelte-1ykbyo3 .checkbox-custom:where(.svelte-1ykbyo3):before{display:none}@media(prefers-color-scheme:dark){.checkbox-custom.svelte-1ykbyo3{background:#1c1c1e;border-color:#fff3}}.checkbox-custom.svelte-1ykbyo3:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#06f3;transform:translate(-50%,-50%);transition:width .5s ease-out,height .5s ease-out,opacity .5s ease-out;opacity:0}@media(prefers-color-scheme:dark){.checkbox-custom.svelte-1ykbyo3:before{background:#0a84ff4d}}.checkbox-wrapper.svelte-1ykbyo3:active .checkbox-custom:where(.svelte-1ykbyo3):before{width:60px;height:60px;opacity:1;transition:width 0ms,height 0ms,opacity 0ms}@media(hover:hover){.checkbox-wrapper.svelte-1ykbyo3:hover .checkbox-custom:where(.svelte-1ykbyo3){border-color:#06f;border-width:2.5px;transform:scale(1.08);box-shadow:0 4px 12px #0066ff26}}@media(hover:hover)and (prefers-color-scheme:dark){.checkbox-wrapper.svelte-1ykbyo3:hover .checkbox-custom:where(.svelte-1ykbyo3){border-color:#0a84ff;box-shadow:0 4px 12px #0a84ff4d}}.habit-checkbox.svelte-1ykbyo3:checked~.checkbox-custom:where(.svelte-1ykbyo3){background:var(--color-primary-85);border-color:var(--color-primary);box-shadow:0 4px 16px #0066ff4d}@media(prefers-color-scheme:dark){.habit-checkbox.svelte-1ykbyo3:checked~.checkbox-custom:where(.svelte-1ykbyo3){background:#0a84ff;border-color:#0a84ff;box-shadow:0 4px 16px #0a84ff80}}.habit-checkbox.svelte-1ykbyo3:checked~.checkbox-custom:where(.svelte-1ykbyo3):after{content:"✓";color:#fff;font-size:1.25rem;font-weight:700;animation:svelte-1ykbyo3-checkmark-appear .3s cubic-bezier(.4,0,.2,1)}@keyframes svelte-1ykbyo3-checkmark-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.habit-checkbox.completing.svelte-1ykbyo3~.checkbox-custom:where(.svelte-1ykbyo3){animation:svelte-1ykbyo3-pulse-complete .35s cubic-bezier(.4,0,.2,1)}@keyframes svelte-1ykbyo3-pulse-complete{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.habit-checkbox.svelte-1ykbyo3:disabled~.checkbox-custom:where(.svelte-1ykbyo3){opacity:.5;cursor:not-allowed}.habit-icon.svelte-1ykbyo3{font-size:2.125rem;line-height:1}.habit-info.svelte-1ykbyo3{flex:1;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:opacity .15s ease-out;-webkit-user-select:none;user-select:none}@media(hover:hover){.habit-card.svelte-1ykbyo3:not(.wiggle) .habit-info:where(.svelte-1ykbyo3):hover{opacity:.8}}.habit-card.svelte-1ykbyo3:not(.wiggle) .habit-info:where(.svelte-1ykbyo3):active{opacity:.6}.habit-name.svelte-1ykbyo3{font-size:1.125rem;font-weight:600;color:#000;margin:0;line-height:1.3}@media(prefers-color-scheme:dark){.habit-name.svelte-1ykbyo3{color:#fff}}.habit-meta.svelte-1ykbyo3{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.habit-schedule.svelte-1ykbyo3{font-size:.8125rem;color:#666}@media(prefers-color-scheme:dark){.habit-schedule.svelte-1ykbyo3{color:#8e8e93}}.completion-time.svelte-1ykbyo3{font-size:.75rem;color:#06f;font-weight:600}@media(prefers-color-scheme:dark){.completion-time.svelte-1ykbyo3{color:#0a84ff}}.stack-icon.svelte-1ykbyo3{font-size:.875rem;line-height:1;opacity:.6;cursor:help}.streak-badge.svelte-1ykbyo3{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1.5px solid #ff9800;border-radius:100px;font-size:.75rem;font-weight:700}@media(prefers-color-scheme:dark){.streak-badge.svelte-1ykbyo3{background:linear-gradient(135deg,#3d2f1c,#4d3a1c);border-color:#ff9f0a}}.streak-icon.svelte-1ykbyo3{font-size:.875rem;line-height:1}.streak-number.svelte-1ykbyo3{color:#e65100;line-height:1}@media(prefers-color-scheme:dark){.streak-number.svelte-1ykbyo3{color:#ff9f0a}}.streak-record.svelte-1ykbyo3{font-size:.75rem;line-height:1;animation:svelte-1ykbyo3-trophy-bounce 2s ease-in-out infinite}@keyframes svelte-1ykbyo3-trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.reactions.svelte-1ykbyo3{display:flex;gap:8px;flex-wrap:wrap;margin-left:calc(68px + 2.125rem)}
