.smallest-version{--habit-color-soil:#2d2418;--habit-color-bark:#5a4535;--habit-color-moss:#3d7a50;--habit-color-sage:#b8cca8;--habit-color-cream:#f5f0e6;--habit-color-gold:#b8930f}[data-theme=dark] .smallest-version{--habit-color-soil:#f0e6d6;--habit-color-bark:#c4a882;--habit-color-moss:#6db87f;--habit-color-sage:#3a4d32;--habit-color-cream:#1e1a16;--habit-color-gold:#e8c34a}.smallest-version{align-items:center;gap:var(--space-6);flex-direction:column;width:100%;max-width:600px;margin:0 auto;display:flex}.phase-transition{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-skeleton{gap:var(--space-3);width:100%;padding:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.loading-skeleton{grid-template-columns:repeat(3,1fr)}}.loading-skeleton__item{aspect-ratio:1;background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--border-radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.habit-selector{width:100%}.habit-selector__grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.habit-selector__grid{grid-template-columns:repeat(3,1fr)}}.habit-selector__card{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--habit-color-cream);border-radius:var(--border-radius-md);cursor:pointer;transition:border-color var(--transition-normal);min-height:var(--touch-target-min);border:2px solid #0000;flex-direction:column;display:flex}.habit-selector__card:hover{border-color:var(--habit-color-moss)}.habit-selector__card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.habit-selector__icon{font-size:var(--text-3xl);line-height:1}.habit-selector__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--habit-color-soil);text-align:center}.habit-selector__preview{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center}.shrinking-exercise{align-items:center;gap:var(--space-5);flex-direction:column;width:100%;display:flex}.shrinking-exercise__habit-display{text-align:center;padding:var(--space-5);background:var(--habit-color-cream);border-radius:var(--border-radius-lg);width:100%}.shrinking-exercise__level-label{font-size:var(--text-sm);color:var(--habit-color-bark);margin-bottom:var(--space-2)}.shrinking-exercise__habit-text{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--habit-color-soil);margin:0}.shrinking-exercise__progress{gap:var(--space-2);margin-top:var(--space-3);justify-content:center;display:flex}.shrinking-exercise__progress-dot{border-radius:var(--border-radius-full);background:var(--habit-color-sage);width:10px;height:10px;transition:background var(--transition-normal), transform var(--transition-normal)}.shrinking-exercise__progress-dot--active{background:var(--habit-color-moss);transform:scale(1.2)}.shrinking-exercise__question-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:var(--space-5);text-align:center;width:100%}.shrinking-exercise__question{font-size:var(--text-lg);color:var(--color-text-primary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.shrinking-exercise__actions{gap:var(--space-3);justify-content:center;display:flex}.shrinking-exercise__btn{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--border-radius-md);cursor:pointer;transition:transform var(--transition-fast);min-height:var(--touch-target-min);border:none;min-width:100px}.shrinking-exercise__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.shrinking-exercise__btn--yes{background:var(--habit-color-moss);color:var(--habit-color-cream)}.shrinking-exercise__btn--yes:hover{transform:scale(1.02)}.shrinking-exercise__btn--no{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.shrinking-exercise__btn--no:hover{transform:scale(1.02)}.shrinking-exercise__swipe-hint{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);animation:2s ease-in-out infinite swipeHint;display:none}@media (pointer:coarse){.shrinking-exercise__swipe-hint{display:flex}}@keyframes swipeHint{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(-10px)}}.shrinking-exercise__swipe-hint--hidden{display:none!important}.growth-timeline{width:100%;padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--border-radius-lg)}.growth-timeline__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;text-align:center}.growth-timeline__chart{height:200px;margin-bottom:var(--space-4);position:relative}.growth-timeline__svg{width:100%;height:100%}.growth-timeline__line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.growth-timeline__line--ambitious{stroke:var(--color-error)}.growth-timeline__line--tiny{stroke:var(--habit-color-moss)}.growth-timeline__area{opacity:.2}.growth-timeline__area--ambitious{fill:var(--color-error)}.growth-timeline__area--tiny{fill:var(--habit-color-moss)}.growth-timeline__line,.growth-timeline__area{opacity:0;transition:opacity .6s ease-out}.growth-timeline--visible .growth-timeline__line,.growth-timeline--visible .growth-timeline__area{opacity:1}.growth-timeline--visible .growth-timeline__area{opacity:.2}.growth-timeline__legend{gap:var(--space-2);flex-direction:column;display:flex}.growth-timeline__legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.growth-timeline__legend-dot{border-radius:var(--border-radius-full);width:12px;height:12px}.growth-timeline__legend-dot--ambitious{background:var(--color-error)}.growth-timeline__legend-dot--tiny{background:var(--habit-color-moss)}.growth-timeline__comparison{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary);grid-template-columns:1fr 1fr;display:grid}.growth-timeline__stat{text-align:center}.growth-timeline__stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);display:block}.growth-timeline__stat-value--ambitious{color:var(--color-error)}.growth-timeline__stat-value--tiny{color:var(--habit-color-moss)}.growth-timeline__stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.growth-timeline__stat--winner{position:relative}.growth-timeline__stat--winner:before{content:"🏆";font-size:var(--text-sm);position:absolute;top:-8px;left:50%;transform:translate(-50%)}.growth-timeline__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:0 0 var(--space-3) 0}.growth-timeline__crossover-dot{fill:var(--habit-color-gold);stroke:var(--color-bg-secondary);stroke-width:2px}.growth-timeline__annotation{fill:var(--habit-color-gold);font-weight:var(--font-semibold)}.growth-timeline__annotation--ambitious{fill:var(--color-error);opacity:.7}.growth-timeline__insight{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-4);font-style:italic}.result-card{text-align:center;width:100%}.result-card__header{margin-bottom:var(--space-4)}.result-card__label{font-size:var(--text-sm);color:var(--habit-color-bark);text-transform:uppercase;letter-spacing:.05em}.result-card__habit{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--habit-color-moss);margin:var(--space-2) 0;padding:var(--space-5);background:var(--habit-color-cream);border-radius:var(--border-radius-lg)}.result-card__growth-path{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-4) 0;display:flex}.result-card__level-indicator{border-radius:var(--border-radius-full);background:var(--color-bg-tertiary);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.result-card__level-indicator--current{background:var(--habit-color-moss);color:var(--habit-color-cream);transform:scale(1.2)}.result-card__level-connector{background:var(--color-border-primary);width:20px;height:2px}.result-card__growth-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);font-style:italic}.result-card__actions{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=480px){.result-card__actions{flex-direction:row;justify-content:center}}.result-card__btn{padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--border-radius-md);cursor:pointer;transition:transform var(--transition-fast);min-height:var(--touch-target-min);border:none}.result-card__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.result-card__btn--primary{background:var(--habit-color-moss);color:var(--habit-color-cream)}.result-card__btn--primary:hover{transform:scale(1.02)}.result-card__btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.result-card__btn--secondary:hover{transform:scale(1.02)}.result-card__btn--tertiary{color:var(--color-text-secondary);border:1px dashed var(--color-border-primary);font-size:var(--text-sm);background:0 0}.result-card__btn--tertiary:hover{color:var(--color-text-primary);border-style:solid}.result-card__error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-2)}.result-card__saved-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-success);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--border-radius-full);margin-top:var(--space-3);display:inline-flex}.copy-fallback{z-index:1000;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.copy-fallback__content{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--space-5);width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.copy-fallback__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.copy-fallback__text{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);padding:var(--space-3);white-space:pre-wrap;word-break:break-word;margin-bottom:var(--space-4)}.copy-fallback__close{width:100%;padding:var(--space-3);font-size:var(--text-base);font-weight:var(--font-semibold);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);cursor:pointer;min-height:var(--touch-target-min)}.copy-fallback__close:hover{background:var(--color-bg-secondary)}.copy-fallback__close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.return-prompt{text-align:center;width:100%;padding:var(--space-5);background:var(--habit-color-cream);border-radius:var(--border-radius-lg)}.return-prompt__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--habit-color-soil);margin:0 0 var(--space-3) 0}.return-prompt__habit{font-size:var(--text-lg);color:var(--habit-color-moss);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.return-prompt__actions{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=480px){.return-prompt__actions{flex-direction:row;justify-content:center}}.return-prompt__btn{padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--border-radius-md);cursor:pointer;transition:transform var(--transition-fast);min-height:var(--touch-target-min);border:none}.return-prompt__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.return-prompt__btn--yes{background:var(--habit-color-moss);color:var(--habit-color-cream)}.return-prompt__btn--no{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.saved-habits-panel{width:100%;padding:var(--space-5);background:var(--habit-color-cream);border-radius:var(--border-radius-lg);margin-bottom:var(--space-4)}.saved-habits-panel__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--habit-color-soil);margin:0 0 var(--space-1) 0;text-align:center}.saved-habits-panel__subtitle{font-size:var(--text-sm);color:var(--habit-color-bark);margin:0 0 var(--space-4) 0;text-align:center}.saved-habits-panel__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.saved-habits-panel__hint{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:var(--space-4) 0 0 0;font-style:italic}.saved-habit-item{gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);flex-direction:column;display:flex}@media (width>=480px){.saved-habit-item{flex-direction:row;justify-content:space-between;align-items:center}}.saved-habit-item__content{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.saved-habit-item__icon{font-size:var(--text-2xl);flex-shrink:0}.saved-habit-item__details{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.saved-habit-item__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--habit-color-bark)}.saved-habit-item__text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--habit-color-moss);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.saved-habit-item__date{font-size:var(--text-xs);color:var(--color-text-muted)}.saved-habit-item__actions{gap:var(--space-2);flex-shrink:0;display:flex}.saved-habit-item__btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--border-radius-sm);cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast);min-height:var(--touch-target-min);border:none}.saved-habit-item__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.saved-habit-item__btn--continue{background:var(--habit-color-moss);color:var(--habit-color-cream)}.saved-habit-item__btn--continue:hover{transform:scale(1.02)}.saved-habit-item__btn--delete{color:var(--color-text-muted);border:1px solid var(--color-border-primary);background:0 0}.saved-habit-item__btn--delete:hover{color:var(--color-error);border-color:var(--color-error)}.result-card__habit-category{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.result-card__habit-icon{font-size:var(--text-xl)}.result-card__habit-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--habit-color-bark)}.result-card__ai-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px dashed var(--color-border-primary);text-align:center}.result-card__ai-intro{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0;line-height:var(--leading-relaxed)}.result-card__ai-links{justify-content:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.smallest-version a.result-card__ai-link,.smallest-version a.result-card__ai-link:visited{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--habit-color-bark);background:var(--habit-color-cream);border:1px solid var(--habit-color-sage);border-radius:var(--border-radius-full);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);text-decoration:none}.smallest-version a.result-card__ai-link:hover{color:var(--habit-color-cream);background:var(--habit-color-moss);border-color:var(--habit-color-moss);text-decoration:none}.smallest-version a.result-card__ai-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.track-daily{margin-top:var(--space-5);text-align:center}.smallest-version a.track-daily__link,.smallest-version a.track-daily__link:visited{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--habit-color-moss);border-bottom:1px solid var(--habit-color-sage);transition:color var(--transition-fast), border-color var(--transition-fast);text-decoration:none;display:inline-block}.smallest-version a.track-daily__link:hover{color:var(--habit-color-bark);border-color:var(--habit-color-moss)}.smallest-version a.track-daily__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.track-daily__hint{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}@font-face{font-family:Gochi Hand;src:url(/fonts/GochiHand-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nanum Pen Script;src:url(/fonts/NanumPenScript-Regular-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}@font-face{font-family:Courier Prime;src:url(/fonts/CourierPrime-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.tsv{--tsv-ink:#1c2247;--tsv-paper:#f5f0e1;--tsv-coral:#1f3fb4;--xp-accent:var(--tsv-coral);gap:var(--space-3);margin:var(--space-6) 0;font-family:var(--font-body);color:var(--color-text-primary);flex-direction:column;display:flex}.tsv:focus-within{outline:none}.tsv-frame{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);background:var(--tsv-paper);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.tsv-frame:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.tsv-stage{user-select:none;width:100%;height:100%;display:block}.tsv-bigplay{border:2px solid var(--tsv-ink);background:var(--tsv-ink);width:clamp(56px,12%,96px);color:var(--tsv-paper);transition:background var(--transition-fast), color var(--transition-fast);border-radius:999px}.tsv-bigplay svg{width:45%;height:45%;margin-left:6%}.tsv-bigplay:hover{background:var(--tsv-coral);border-color:var(--tsv-coral);color:#fffcf2}.tsv-bigplay:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.tsv-bigplay--resume{opacity:.9}