:root{--bg: #0d0d0f;--surface: #16161a;--surface-2: #1f1f24;--text: #f5f5f0;--text-muted: #a8a6a0;--text-subtle: #8f8d87;--accent: #e6a94e;--accent-border: rgba(230, 169, 78, .45);--accent-dim: rgba(230, 169, 78, .12);--accent-text: #241a05;--success: #86cfa1;--danger: #d98a76;--hairline: rgba(245, 245, 240, .07);--hairline-strong: rgba(245, 245, 240, .14);--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-brand: "Syne", var(--font-sans);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fs-eyebrow: .72rem;--fs-caption: .78rem;--fs-xs: .82rem;--fs-sm: .9rem;--fs-base: 1rem;--fs-md: 1.05rem;--fs-lg: 1.3rem;--fs-xl: 1.75rem;--fs-2xl: 2rem;--fs-counter: clamp(4.5rem, 26vw, 7rem);--fs-counter-unit: clamp(1.35rem, 7.8vw, 2.1rem);--fs-clock: 1.5rem;--fs-clock-unit: .9rem;--fs-display: clamp(2rem, 9vw, 2.8rem);--fs-title: clamp(1.9rem, 8vw, 2.5rem);--fs-brand: 1.5rem;--fs-brand-sm: 1.1rem;--maxw: 460px;--maxw-narrow: 420px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;color:inherit}::selection{background:var(--accent-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.view{min-height:100%;max-width:var(--maxw);margin:0 auto;padding:max(var(--space-16),env(safe-area-inset-top)) var(--space-24) max(var(--space-24),env(safe-area-inset-bottom));display:flex;flex-direction:column}.home{flex:1;display:flex;flex-direction:column;gap:var(--space-32);padding-top:var(--space-24)}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12)}.topbar__nav{display:flex;gap:var(--space-16)}.topbar__title{font-size:var(--fs-md);font-weight:var(--fw-bold);margin:0}.topbar__spacer{min-width:var(--space-48)}.wordmark{font-family:var(--font-brand);font-weight:var(--fw-extrabold);letter-spacing:-.01em;font-size:var(--fs-brand);margin:0}.wordmark--sm{font-size:var(--fs-brand-sm);color:var(--text)}.splash{min-height:100%;display:flex;align-items:center;justify-content:center;opacity:.55}.linkbtn{background:none;border:none;padding:var(--space-4) 0;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);cursor:pointer;transition:color .15s ease}.linkbtn:hover{color:var(--text)}.linkbtn--danger{color:var(--danger)}.linkbtn--muted{color:var(--text-subtle);font-weight:var(--fw-regular)}.linkbtn--muted:hover{color:var(--text-muted)}.counter{padding:var(--space-8) 0 var(--space-4)}.counter__eyebrow{margin:0 0 var(--space-8);font-size:var(--fs-eyebrow);letter-spacing:.28em;text-transform:uppercase;color:var(--text-subtle);font-weight:var(--fw-semibold)}.counter__days{margin:0;display:flex;align-items:baseline;gap:var(--space-12);line-height:.9}.counter__days-num{font-weight:var(--fw-extrabold);font-size:var(--fs-counter);color:var(--accent);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.counter__days-unit{font-weight:var(--fw-medium);font-size:var(--fs-counter-unit);color:var(--text-muted)}.counter__clock{margin:var(--space-16) 0 0;display:flex;gap:var(--space-16);font-variant-numeric:tabular-nums}.counter__seg{font-weight:var(--fw-semibold);font-size:var(--fs-clock);color:var(--text);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.counter__seg-u{font-weight:var(--fw-regular);font-size:var(--fs-clock-unit);color:var(--text-subtle);margin-left:var(--space-4)}.counter__project{margin:var(--space-16) 0 0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.45;font-variant-numeric:tabular-nums}.milestone{padding:var(--space-4) 0}.milestone__eyebrow{margin:0 0 var(--space-8);font-size:var(--fs-eyebrow);letter-spacing:.22em;text-transform:uppercase;color:var(--text-subtle);font-weight:var(--fw-semibold)}.milestone__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12);margin-bottom:var(--space-12)}.milestone__target{font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--text);font-variant-numeric:tabular-nums}.milestone__remaining{font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.milestone__bar{height:var(--space-8);border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.milestone__fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--text-muted);transition:width .6s ease}.milestone__note{margin:var(--space-12) 0 0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.45}.savings{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-24)}.savings__label{margin:0 0 var(--space-4);font-size:var(--fs-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.savings__value{margin:0;font-weight:var(--fw-extrabold);font-size:var(--fs-2xl);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.savings__concrete{margin:var(--space-8) 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.stats{margin:0;border-top:1px solid var(--hairline)}.stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-16);padding:var(--space-16) 0;border-bottom:1px solid var(--hairline)}.stat-row__label{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.01em;flex-shrink:0}.stat-row__value{margin:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:var(--space-4)}.stat-row__num{font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--text);line-height:1.2;font-variant-numeric:tabular-nums}.stat-row__num--success{color:var(--success)}.stat-row__sub{font-size:var(--fs-caption);color:var(--text-muted)}.btn{border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-12) var(--space-16);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);background:var(--surface);cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.6;cursor:default}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:var(--fw-bold)}.btn--ghost{background:transparent;border-color:var(--hairline-strong);color:var(--text-muted)}.btn--ghost:hover{color:var(--text);border-color:var(--text-subtle)}.btn--resist{background:var(--surface);border-color:var(--accent-border);color:var(--accent);font-weight:var(--fw-bold);padding-top:var(--space-16);padding-bottom:var(--space-16);font-size:var(--fs-md)}.btn--resist:hover{border-color:var(--accent)}.confirm{border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-12)}.confirm__text{margin:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}.confirm__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.toast{background:var(--surface);border-left:2px solid var(--accent);color:var(--text);border-radius:var(--radius-sm);padding:var(--space-12) var(--space-16);font-size:var(--fs-sm);line-height:1.5;animation:rise .3s ease}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.prompt-card{display:flex;flex-direction:column;gap:var(--space-4);text-align:left;width:100%;background:transparent;border:1px dashed var(--hairline-strong);border-radius:var(--radius-md);padding:var(--space-16);cursor:pointer;transition:border-color .15s ease}.prompt-card:hover{border-color:var(--accent-border)}.prompt-card__title{font-weight:var(--fw-bold);color:var(--text)}.prompt-card__text{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.45}.field{display:flex;flex-direction:column;gap:var(--space-8)}.field__label{font-size:var(--fs-xs);color:var(--text-muted)}.field__input{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);padding:var(--space-12) var(--space-16);color:var(--text);font-size:var(--fs-base);font-family:inherit;color-scheme:dark;width:100%}.field__input:focus-visible{outline:none;border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.usage-fields{display:flex;flex-direction:column;gap:var(--space-12)}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-24) var(--space-24) max(var(--space-24),env(safe-area-inset-bottom))}.auth__inner{width:100%;max-width:var(--maxw-narrow)}.auth__title{font-weight:var(--fw-extrabold);font-size:var(--fs-title);letter-spacing:-.02em;margin:var(--space-24) 0 var(--space-8)}.auth__lead{color:var(--text-muted);line-height:1.5;margin:0 0 var(--space-24)}.auth__form{display:flex;flex-direction:column;gap:var(--space-16)}.auth__error{margin:0;color:var(--danger);font-size:var(--fs-sm)}.auth__switch{display:block;width:100%;margin-top:var(--space-16);background:none;border:none;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;text-align:center}.auth__switch:hover{color:var(--text)}.onboarding{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-24) var(--space-24) max(var(--space-24),env(safe-area-inset-bottom))}.onboarding__inner{width:100%;max-width:var(--maxw-narrow)}.eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.24em;text-transform:uppercase;color:var(--text-subtle);margin:0 0 var(--space-8);font-weight:var(--fw-semibold)}.onboarding__title{font-weight:var(--fw-extrabold);font-size:var(--fs-display);margin:0 0 var(--space-12);letter-spacing:-.02em}.onboarding__lead{color:var(--text-muted);line-height:1.55;margin:0 0 var(--space-24)}.onboarding__form{display:flex;flex-direction:column;gap:var(--space-16)}.onboarding__optional{border-top:1px solid var(--hairline);padding-top:var(--space-16);margin-top:var(--space-4)}.onboarding__optional-title{display:flex;align-items:center;gap:var(--space-8);font-weight:var(--fw-bold);font-size:var(--fs-base);margin:0 0 var(--space-4)}.onboarding__optional-lead{margin:0 0 var(--space-16);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.tag{font-weight:var(--fw-medium);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-8)}.settings{display:flex;flex-direction:column;gap:var(--space-24);margin-top:var(--space-24)}.settings__section{display:flex;flex-direction:column;gap:var(--space-12)}.settings__heading{font-weight:var(--fw-bold);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);margin:0}.settings__lead{margin:calc(-1 * var(--space-4)) 0 0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.settings__account{margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:var(--space-12)}.settings__email{margin:0;color:var(--text-muted);font-size:var(--fs-sm)}.settings__buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.settings__note{margin:var(--space-4) 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.history__add{margin-top:var(--space-16)}.history{list-style:none;margin:var(--space-24) 0 0;padding:0;flex:1;border-top:1px solid var(--hairline)}.history__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-16) 0;border-bottom:1px solid var(--hairline)}.history__time{display:flex;align-items:baseline;gap:var(--space-12)}.history__date{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--text)}.history__clock{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:var(--fs-sm)}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-8);padding:var(--space-48) var(--space-16)}.empty__title{font-weight:var(--fw-bold);font-size:var(--fs-lg);margin:0}.empty__text{margin:0;color:var(--text-muted);max-width:280px;line-height:1.55}.danger{margin-top:var(--space-24);padding-top:var(--space-16);border-top:1px solid var(--hairline)}.footer{text-align:left;color:var(--text-subtle);font-size:var(--fs-caption);padding:var(--space-32) 0 var(--space-8);letter-spacing:.03em}.footer p{margin:0}.btn--icon{padding:var(--space-8) var(--space-12);background:transparent;border-color:transparent;color:var(--text-muted);font-weight:var(--fw-medium)}.btn--icon:hover{color:var(--text)}.btn--nikotinfri{background:var(--surface);border-color:var(--hairline-strong);color:var(--text);font-weight:var(--fw-semibold);padding-top:var(--space-16);padding-bottom:var(--space-16);font-size:var(--fs-md)}.btn--nikotinfri:hover{border-color:var(--text-subtle)}.milestones{display:flex;flex-direction:column;gap:var(--space-24)}.milestone--locked{opacity:.75}.goal{display:flex;flex-direction:column;gap:var(--space-12)}.goal__eyebrow{margin:0;font-size:var(--fs-eyebrow);letter-spacing:.22em;text-transform:uppercase;color:var(--text-subtle);font-weight:var(--fw-semibold)}.goal__note{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.45}.savings{width:100%;text-align:left;cursor:pointer;display:flex;flex-direction:column}.savings__details{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--hairline);width:100%;font-size:var(--fs-sm);color:var(--text-muted)}.savings__row{display:flex;justify-content:space-between;gap:var(--space-12)}.savings__num{color:var(--text);font-variant-numeric:tabular-nums}.savings__hint{margin-top:var(--space-12);font-size:var(--fs-caption);color:var(--text-subtle)}.notice{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-12)}.notice__text{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.notice__actions{display:flex;gap:var(--space-16)}.setup{display:flex;flex-direction:column;gap:var(--space-24)}.setup__group{display:flex;flex-direction:column;gap:var(--space-12)}.setup__grouptitle{margin:0;font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.modepicker{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.modepicker legend{margin-bottom:var(--space-8)}.modeopt{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12) var(--space-16);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background .15s ease}.modeopt--on{border-color:var(--accent-border);background:var(--surface)}.modeopt__title{font-weight:var(--fw-semibold);color:var(--text)}.modeopt__desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.4}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}