.habit-card.svelte-n8shqs{position:relative;display:flex;flex-direction:column;min-height:300px;padding:var(--space-5);border-radius:var(--radius-2xl);overflow:hidden;background:linear-gradient(155deg,var(--card-color-light) 0%,var(--card-color) 40%,var(--card-color-dark) 100%);box-shadow:0 4px 20px rgba(var(--card-rgb),.35),0 8px 40px rgba(var(--card-rgb),.2),inset 0 1px #fff3;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.habit-card.svelte-n8shqs:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.habit-card.svelte-n8shqs:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px rgba(var(--card-rgb),.45),0 20px 60px rgba(var(--card-rgb),.25),inset 0 1px #ffffff40}.card-content.svelte-n8shqs{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;gap:var(--space-4)}.habit-icon.svelte-n8shqs{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);font-size:32px;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #00000026}.card-body.svelte-n8shqs{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.habit-name.svelte-n8shqs{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;line-height:var(--leading-tight);text-shadow:0 2px 4px rgba(0,0,0,.2)}.habit-description.svelte-n8shqs{margin:0;font-size:var(--text-sm);font-weight:var(--font-normal);color:#ffffffd9;line-height:var(--leading-relaxed)}.pills-row.svelte-n8shqs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill.svelte-n8shqs{display:inline-flex;align-items:baseline;gap:4px;padding:var(--space-2) var(--space-3);background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffff26}.pill-value.svelte-n8shqs{font-size:var(--text-base);font-weight:var(--font-bold);color:#fff}.pill-unit.svelte-n8shqs,.pill-detail.svelte-n8shqs{font-size:var(--text-xs);font-weight:var(--font-medium);color:#fffc;text-transform:uppercase;letter-spacing:.02em}.pill-icon.svelte-n8shqs{font-size:var(--text-sm);line-height:1}.add-habit-btn.svelte-n8shqs{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#fff;color:var(--card-color);border:none;border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-bold);text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff80}.add-habit-btn.svelte-n8shqs:hover{transform:scale(1.04);box-shadow:0 6px 20px #0003,inset 0 1px #ffffff80}.add-habit-btn.svelte-n8shqs:active{transform:scale(.98)}.btn-plus.svelte-n8shqs{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--card-color);color:#fff;border-radius:var(--radius-full);font-size:16px;font-weight:var(--font-bold);line-height:1}.btn-text.svelte-n8shqs{font-weight:var(--font-bold)}[data-theme=dark] .habit-card.svelte-n8shqs{background:linear-gradient(155deg,var(--card-color) 0%,var(--card-color-dark) 50%,var(--card-color-darker) 100%);box-shadow:0 0 30px rgba(var(--card-rgb),.4),0 4px 20px rgba(var(--card-rgb),.3),0 8px 40px #0006,inset 0 1px #ffffff26}[data-theme=dark] .habit-card.svelte-n8shqs:before{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 40%,rgba(0,0,0,.2) 100%)}[data-theme=dark] .habit-card.svelte-n8shqs:hover{box-shadow:0 0 50px rgba(var(--card-rgb),.5),0 12px 32px rgba(var(--card-rgb),.4),0 20px 60px #00000080,inset 0 1px #fff3}[data-theme=dark] .habit-icon.svelte-n8shqs{background:#ffffff26}[data-theme=dark] .pill.svelte-n8shqs{background:#00000040}[data-theme=dark] .add-habit-btn.svelte-n8shqs{background:#fffffff2}@media(prefers-reduced-motion:reduce){.habit-card.svelte-n8shqs,.add-habit-btn.svelte-n8shqs{transition:none}.habit-card.svelte-n8shqs:hover{transform:none}}@media(max-width:640px){.habit-card.svelte-n8shqs{min-height:260px;padding:var(--space-4)}.habit-icon.svelte-n8shqs{width:52px;height:52px;font-size:28px}.habit-name.svelte-n8shqs{font-size:var(--text-xl)}}.color-picker.svelte-181phd1{display:flex;flex-wrap:wrap;gap:var(--space-3)}.color-swatch.svelte-181phd1{position:relative;width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--swatch-color);border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0}.color-swatch.svelte-181phd1:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.color-swatch.svelte-181phd1:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.color-swatch.selected.svelte-181phd1{border-color:var(--color-text-primary);box-shadow:0 4px 12px #0003,inset 0 0 0 2px #ffffff4d}.check-icon.svelte-181phd1{width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}[data-theme=dark] .color-swatch.selected.svelte-181phd1{border-color:#fff}@media(prefers-reduced-motion:reduce){.color-swatch.svelte-181phd1{transition:none}.color-swatch.svelte-181phd1:hover{transform:none}}.icon-picker.svelte-zsg1jl{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}@media(max-width:480px){.icon-picker.svelte-zsg1jl{grid-template-columns:repeat(5,1fr)}}.icon-button.svelte-zsg1jl{width:100%;aspect-ratio:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);padding:0}.icon-button.svelte-zsg1jl:hover{background:var(--color-bg-tertiary);transform:scale(1.05)}.icon-button.svelte-zsg1jl:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon-button.selected.svelte-zsg1jl{border-color:var(--color-accent);background:#007aff1a}.icon-emoji.svelte-zsg1jl{font-size:24px;line-height:1}@media(max-width:480px){.icon-emoji.svelte-zsg1jl{font-size:20px}}@media(prefers-reduced-motion:reduce){.icon-button.svelte-zsg1jl{transition:none}.icon-button.svelte-zsg1jl:hover{transform:none}}.day-selector.svelte-1dtq27v{display:flex;flex-direction:column;gap:var(--space-3)}.days-row.svelte-1dtq27v{display:flex;gap:var(--space-2)}.day-button.svelte-1dtq27v{flex:1;min-width:40px;height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:0}.day-button.svelte-1dtq27v:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.day-button.svelte-1dtq27v:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.day-button.selected.svelte-1dtq27v{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.presets-row.svelte-1dtq27v{display:flex;gap:var(--space-2)}.preset-button.svelte-1dtq27v{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.preset-button.svelte-1dtq27v:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-text-primary)}.preset-button.svelte-1dtq27v:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.day-button.svelte-1dtq27v,.preset-button.svelte-1dtq27v{transition:none}}.habit-creator.svelte-ogmg7i{width:100%}.creator-grid.svelte-ogmg7i{display:grid;gap:var(--space-8)}@media(min-width:768px){.creator-grid.svelte-ogmg7i{grid-template-columns:1fr 1fr;gap:var(--space-12)}}@media(min-width:1024px){.creator-grid.svelte-ogmg7i{grid-template-columns:1.1fr .9fr}}.form-column.svelte-ogmg7i{display:flex;flex-direction:column;gap:var(--space-6)}.form-group.svelte-ogmg7i{display:flex;flex-direction:column;gap:var(--space-2)}.form-label.svelte-ogmg7i{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.03em}fieldset.form-group.svelte-ogmg7i{border:none;padding:0;margin:0}fieldset.form-group.svelte-ogmg7i legend:where(.svelte-ogmg7i){padding:0;margin-bottom:var(--space-2)}.form-input.svelte-ogmg7i{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input.svelte-ogmg7i:hover{border-color:var(--color-accent)}.form-input.svelte-ogmg7i:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-alpha, rgba(0, 122, 255, .15))}.form-input.svelte-ogmg7i::placeholder{color:var(--color-text-tertiary)}.goal-input-wrapper.svelte-ogmg7i{max-width:150px}.goal-input.svelte-ogmg7i{text-align:center;font-weight:var(--font-semibold)}.type-options.svelte-ogmg7i{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:640px){.type-options.svelte-ogmg7i{grid-template-columns:repeat(4,1fr)}}.type-option.svelte-ogmg7i{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.type-option.svelte-ogmg7i:hover{border-color:var(--color-accent);background:var(--color-bg-primary)}.type-option.selected.svelte-ogmg7i{border-color:var(--color-accent);background:#007aff14}.type-option.svelte-ogmg7i input:where(.svelte-ogmg7i){position:absolute;opacity:0;pointer-events:none}.type-option.svelte-ogmg7i:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.type-icon.svelte-ogmg7i{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-secondary)}.type-option.selected.svelte-ogmg7i .type-icon:where(.svelte-ogmg7i){color:var(--color-accent)}.type-label.svelte-ogmg7i{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.type-description.svelte-ogmg7i{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-tight)}.preview-column.svelte-ogmg7i{order:-1}@media(min-width:768px){.preview-column.svelte-ogmg7i{order:0}}.preview-sticky.svelte-ogmg7i{position:sticky;top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.preview-title.svelte-ogmg7i{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.preview-wrapper.svelte-ogmg7i{max-width:320px}.action-buttons.svelte-ogmg7i{display:flex;flex-direction:column;gap:var(--space-3);max-width:320px}.btn-primary.svelte-ogmg7i,.btn-secondary.svelte-ogmg7i{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-xl);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);min-height:48px}.btn-primary.svelte-ogmg7i{background:var(--color-accent);color:#fff;border:none}.btn-primary.svelte-ogmg7i:hover:not(:disabled){background:var(--color-accent-hover, #0056b3);transform:translateY(-1px)}.btn-primary.svelte-ogmg7i:active:not(:disabled){transform:translateY(0)}.btn-primary.svelte-ogmg7i:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-ogmg7i{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary.svelte-ogmg7i:hover:not(.disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent)}.btn-secondary.disabled.svelte-ogmg7i{opacity:.5;cursor:not-allowed;pointer-events:none}.validation-hint.svelte-ogmg7i{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0;text-align:center;max-width:320px}.reminder-header.svelte-ogmg7i{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.toggle-switch.svelte-ogmg7i{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.toggle-switch.svelte-ogmg7i input:where(.svelte-ogmg7i){opacity:0;width:0;height:0}.toggle-slider.svelte-ogmg7i{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);border-radius:31px;transition:all var(--transition-fast)}.toggle-slider.svelte-ogmg7i:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:0 2px 4px #0003}.toggle-switch.svelte-ogmg7i input:where(.svelte-ogmg7i):checked+.toggle-slider:where(.svelte-ogmg7i){background-color:var(--color-accent)}.toggle-switch.svelte-ogmg7i input:where(.svelte-ogmg7i):checked+.toggle-slider:where(.svelte-ogmg7i):before{transform:translate(20px)}.toggle-switch.svelte-ogmg7i input:where(.svelte-ogmg7i):focus-visible+.toggle-slider:where(.svelte-ogmg7i){outline:2px solid var(--color-focus);outline-offset:2px}.time-picker.svelte-ogmg7i{display:flex;align-items:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.time-input-group.svelte-ogmg7i{display:flex;flex-direction:column;gap:var(--space-1)}.time-label.svelte-ogmg7i{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.time-select.svelte-ogmg7i{padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-width:100px}.time-select.svelte-ogmg7i:hover{border-color:var(--color-accent)}.time-select.svelte-ogmg7i:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-alpha, rgba(0, 122, 255, .15))}.time-separator.svelte-ogmg7i{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-secondary);padding-bottom:var(--space-2)}@media(prefers-reduced-motion:reduce){.form-input.svelte-ogmg7i,.type-option.svelte-ogmg7i,.btn-primary.svelte-ogmg7i,.btn-secondary.svelte-ogmg7i,.toggle-slider.svelte-ogmg7i,.toggle-slider.svelte-ogmg7i:before,.time-select.svelte-ogmg7i{transition:none}.btn-primary.svelte-ogmg7i:hover:not(:disabled){transform:none}}.create-habit-page[data-astro-cid-jlypytxk]{padding:var(--space-8) 0 var(--space-16)}.container[data-astro-cid-jlypytxk]{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.page-header[data-astro-cid-jlypytxk]{text-align:center;margin-bottom:var(--space-10)}.page-header[data-astro-cid-jlypytxk] h1[data-astro-cid-jlypytxk]{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-3);line-height:var(--leading-tight)}.page-subtitle[data-astro-cid-jlypytxk]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0;max-width:500px;margin-inline:auto;line-height:var(--leading-relaxed)}@media(max-width:768px){.create-habit-page[data-astro-cid-jlypytxk]{padding:var(--space-6) 0 var(--space-12)}.page-header[data-astro-cid-jlypytxk]{margin-bottom:var(--space-8)}.page-header[data-astro-cid-jlypytxk] h1[data-astro-cid-jlypytxk]{font-size:var(--text-3xl)}.page-subtitle[data-astro-cid-jlypytxk]{font-size:var(--text-base)}}