@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap");:root{--clay-50:#fceee6;--clay-100:#f8dccf;--clay-200:#f1bca6;--clay-300:#e99b7e;--clay-400:#e07c5c;--clay-500:#d5603f;--clay-600:#c24e30;--clay-700:#a33f26;--clay-800:#7e311e;--sage-50:#ecf4ee;--sage-100:#d6e8dc;--sage-200:#aecfb9;--sage-300:#84b596;--sage-400:#5e9b78;--sage-500:#45855f;--sage-600:#36724e;--sage-700:#2a5c3f;--amber-50:#fcf3e1;--amber-100:#f8e6c2;--amber-200:#f1cd88;--amber-300:#ebb75a;--amber-400:#e5a23c;--amber-500:#d08824;--amber-600:#a96a1a;--ink-900:#221e1a;--ink-800:#2f2a24;--ink-700:#463f37;--ink-600:#6a625a;--ink-500:#8c847a;--ink-400:#aba298;--ink-300:#ccc4b9;--ink-200:#e6dfd4;--ink-100:#f1ebe1;--ink-50:#f8f4ec;--paper:#fbf6ee;--paper-card:#fffdf9;--paper-sunken:#f4ede2;--white:#fff;--bg-app:var(--paper);--surface-card:var(--paper-card);--surface-sunken:var(--paper-sunken);--surface-inverse:var(--ink-900);--text-strong:var(--ink-900);--text-body:var(--ink-800);--text-muted:var(--ink-600);--text-faint:var(--ink-500);--text-on-brand:#fff8f4;--text-on-dark:#f8f4ec;--brand:var(--clay-600);--brand-hover:var(--clay-700);--brand-press:var(--clay-800);--brand-soft:var(--clay-50);--brand-soft-2:var(--clay-100);--growth:var(--sage-500);--growth-strong:var(--sage-600);--growth-soft:var(--sage-50);--spark:var(--amber-400);--spark-strong:var(--amber-500);--spark-soft:var(--amber-50);--border:var(--ink-200);--border-strong:var(--ink-300);--border-brand:var(--clay-200);--ring:color-mix(in oklab,var(--clay-500) 45%,#0000);--success:var(--sage-500);--success-soft:var(--sage-50);--warning:var(--amber-500);--warning-soft:var(--amber-50);--danger:#c0453b;--danger-soft:#f8e3df}[data-theme=dark]{--paper:#15110e;--paper-card:#201b16;--paper-sunken:#100d0b;--bg-app:var(--paper);--surface-card:var(--paper-card);--surface-sunken:var(--paper-sunken);--surface-inverse:#f6f0e6;--text-strong:#f6f0e6;--text-body:#e8e1d5;--text-muted:#b0a698;--text-faint:#877e72;--text-on-brand:#fff8f4;--text-on-dark:#f6f0e6;--brand:var(--clay-500);--brand-hover:var(--clay-400);--brand-press:var(--clay-600);--brand-soft:#2c1d16;--brand-soft-2:#3a2519;--growth:var(--sage-400);--growth-strong:var(--sage-500);--growth-soft:#16241b;--spark:var(--amber-300);--spark-strong:var(--amber-400);--spark-soft:#291f12;--border:#322b23;--border-strong:#443a30;--border-brand:#4a2e20;--ring:color-mix(in oklab,var(--clay-400) 50%,#0000);--success:var(--sage-400);--success-soft:#16241b;--warning:var(--amber-300);--warning-soft:#291f12;--danger:#e0796d;--danger-soft:#2e1714;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #0006,0 2px 6px -2px #00000080;--shadow-md:0 2px 4px #00000059,0 12px 26px -12px #000000a6;--shadow-lg:0 4px 10px #0006,0 24px 50px -18px #000000b3;--shadow-brand:0 6px 20px -6px #d5603f8c;--shadow-inset:inset 0 1px 2px #00000059}[data-theme=dark] ::selection{background:var(--clay-700);color:#fff3ec}:root{--font-sans:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--text-display-2xl:2.75rem;--lh-display-2xl:3rem;--text-display-xl:2.125rem;--lh-display-xl:2.5rem;--text-title:1.625rem;--lh-title:2rem;--text-heading:1.3125rem;--lh-heading:1.75rem;--text-subhead:1.125rem;--lh-subhead:1.5rem;--text-body-lg:1.0625rem;--lh-body-lg:1.625rem;--text-body:0.9375rem;--lh-body:1.4375rem;--text-label:0.875rem;--lh-label:1.25rem;--text-caption:0.8125rem;--lh-caption:1.125rem;--text-micro:0.6875rem;--lh-micro:0.875rem;--text-quote:1.5rem;--lh-quote:2.125rem;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0em;--tracking-wide:0.04em;--tracking-caps:0.08em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--space-12:5rem;--gutter:var(--space-5);--max-app:420px;--tap-min:44px;--bottom-bar:76px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px #3c2a180f;--shadow-sm:0 1px 2px #3c2a180d,0 2px 6px -2px #3c2a1814;--shadow-md:0 2px 4px #36281a0a,0 10px 24px -10px #36281a29;--shadow-lg:0 4px 8px #36281a0d,0 20px 44px -16px #36281a33;--shadow-brand:0 6px 18px -6px #a23f2666;--shadow-inset:inset 0 1px 2px #3c2a1812;--dur-fast:140ms;--dur:220ms;--dur-slow:360ms;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}em,i{font-style:normal}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);margin:0;text-rendering:optimizeLegibility}.hh-quote{color:var(--text-strong);font-size:var(--text-quote);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug);line-height:var(--lh-quote)}.hh-eyebrow{color:var(--text-faint);font-size:var(--text-micro);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);line-height:var(--lh-micro);text-transform:uppercase}::selection{background:var(--clay-100);color:var(--clay-800)}.hh-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid #0000;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-weight:var(--fw-semibold);gap:8px;justify-content:center;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}.hh-btn:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.hh-btn:active{transform:scale(.97)}.hh-btn[aria-disabled=true],.hh-btn[disabled]{cursor:not-allowed;opacity:.5;transform:none}.hh-btn--sm{font-size:var(--text-label);height:36px;padding:0 16px}.hh-btn--md{height:46px;padding:0 22px}.hh-btn--lg,.hh-btn--md{font-size:var(--text-body-lg)}.hh-btn--lg{height:54px;padding:0 28px}.hh-btn--block{display:flex;width:100%}.hh-btn--primary{background:var(--brand);box-shadow:var(--shadow-brand);color:var(--text-on-brand)}.hh-btn--primary:hover{background:var(--brand-hover)}.hh-btn--primary:active{background:var(--brand-press)}.hh-btn--secondary{background:var(--surface-card);border-color:var(--border-strong);box-shadow:var(--shadow-xs);color:var(--text-strong)}.hh-btn--secondary:hover{background:var(--ink-50);border-color:var(--ink-400)}.hh-btn--soft{background:var(--brand-soft);color:var(--clay-700)}.hh-btn--soft:hover{background:var(--brand-soft-2)}.hh-btn--ghost{background:#0000;color:var(--text-muted)}.hh-btn--ghost:hover{background:var(--ink-100);color:var(--text-strong)}.hh-btn--success{background:var(--growth-strong);color:#fff}.hh-btn--success:hover{background:var(--sage-700)}.hh-iconbtn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.hh-iconbtn:hover{background:var(--ink-100);color:var(--text-strong)}.hh-iconbtn:active{transform:scale(.92)}.hh-iconbtn:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.hh-iconbtn--sm{height:36px;width:36px}.hh-iconbtn--md{height:44px;width:44px}.hh-iconbtn--solid{background:var(--surface-card);border-color:var(--border);box-shadow:var(--shadow-xs)}.hh-iconbtn--brand{background:var(--brand);color:#fff}.hh-iconbtn--brand:hover{background:var(--brand-hover);color:#fff}.hh-field{display:flex;flex-direction:column;font-family:var(--font-sans);gap:6px}.hh-field__label{color:var(--text-strong);font-size:var(--text-label);font-weight:var(--fw-semibold)}.hh-field__hint{color:var(--text-muted);font-size:var(--text-caption)}.hh-field__hint--error{color:var(--danger)}.hh-input{background:var(--surface-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-strong);font-family:var(--font-sans);font-size:var(--text-body-lg);padding:13px 15px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.hh-input::placeholder{color:var(--text-faint)}.hh-input:hover{border-color:var(--ink-400)}.hh-input:focus{border-color:var(--clay-400);box-shadow:0 0 0 3px var(--ring);outline:none}.hh-input--error{border-color:var(--danger)}textarea.hh-input{line-height:var(--lh-body-lg);min-height:96px;resize:vertical}.hh-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-family:var(--font-sans)}.hh-card--flat{box-shadow:none}.hh-card--sunken{background:var(--surface-sunken);border-color:#0000;box-shadow:none}.hh-card--pad-sm{padding:var(--space-4)}.hh-card--pad-md{padding:var(--space-5)}.hh-card--pad-lg{padding:var(--space-6)}.hh-card--interactive{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.hh-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hh-card--interactive:active{transform:translateY(0)}.hh-badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--fw-semibold);gap:5px;line-height:1;padding:5px 10px;white-space:nowrap}.hh-badge__dot{background:currentColor;border-radius:50%;height:7px;width:7px}.hh-badge--neutral{background:var(--ink-100);color:var(--text-muted)}.hh-badge--brand{background:var(--brand-soft);color:var(--clay-700)}.hh-badge--sage{background:var(--sage-50);color:var(--sage-600)}.hh-badge--amber{background:var(--amber-50);color:var(--amber-600)}.hh-badge--solid{background:var(--brand);color:#fff}.hh-avatar{align-items:center;background:var(--clay-400);border-radius:50%;box-shadow:inset 0 0 0 1px #0000000a;color:#fff;display:inline-flex;flex:none;font-family:var(--font-sans);font-weight:var(--fw-bold);justify-content:center;overflow:hidden;position:relative}.hh-avatar img{height:100%;object-fit:cover;width:100%}.hh-avatar--xs{font-size:.6875rem;height:28px;width:28px}.hh-avatar--sm{font-size:.8125rem;height:36px;width:36px}.hh-avatar--md{font-size:1rem;height:46px;width:46px}.hh-avatar--lg{font-size:1.375rem;height:64px;width:64px}.hh-avatar--ring{box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--sage-300)}.hh-switch{cursor:pointer;display:inline-flex;flex:none;height:30px;position:relative;width:50px}.hh-switch input{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.hh-switch__track{background:var(--ink-300);border-radius:var(--radius-pill);inset:0;position:absolute;transition:background var(--dur) var(--ease-out)}.hh-switch__thumb{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);height:24px;left:3px;position:absolute;top:3px;transition:transform var(--dur) var(--ease-spring);width:24px}.hh-switch input:checked+.hh-switch__track{background:var(--growth)}.hh-switch input:checked+.hh-switch__track+.hh-switch__thumb{transform:translateX(20px)}.hh-switch input:focus-visible+.hh-switch__track{box-shadow:0 0 0 3px var(--ring)}.hh-habit{align-items:center;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;font-family:var(--font-sans);gap:14px;padding:14px 16px;transition:border-color var(--dur-fast) var(--ease-out)}.hh-habit__icon{background:var(--brand-soft);border-radius:var(--radius-md);color:var(--clay-600);display:grid;flex:none;font-size:1.25rem;height:42px;place-items:center;width:42px}.hh-habit__body{flex:1;min-width:0}.hh-habit__title{color:var(--text-strong);font-size:var(--text-body-lg);font-weight:var(--fw-semibold);margin:0}.hh-habit__meta{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-caption);gap:6px;margin:2px 0 0;overflow:hidden;white-space:nowrap}.hh-habit__meta>span{flex:none}.hh-habit__check{-webkit-tap-highlight-color:transparent;background:#0000;border:2px solid var(--border-strong);border-radius:50%;color:#0000;cursor:pointer;display:grid;flex:none;height:34px;place-items:center;transition:all var(--dur-fast) var(--ease-spring);width:34px}.hh-habit__check:hover{border-color:var(--sage-400)}.hh-habit--done .hh-habit__check{background:var(--growth);border-color:var(--growth);color:#fff}.hh-habit--done .hh-habit__title{color:var(--text-muted)}.hh-streak{display:inline-grid;font-family:var(--font-sans);place-items:center;position:relative}.hh-streak svg{transform:rotate(-90deg)}.hh-streak__num{align-items:center;display:flex;flex-direction:column;line-height:1;position:absolute}.hh-streak__num b{color:var(--text-strong);font-size:1.375rem;font-weight:var(--fw-heavy)}.hh-streak__num span{color:var(--text-faint);font-size:.625rem;font-weight:var(--fw-bold);letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.hh-weekdots{display:flex;font-family:var(--font-sans);gap:6px}.hh-weekdots__day{align-items:center;display:flex;flex-direction:column;gap:6px}.hh-weekdots__lab{color:var(--text-faint);font-size:.625rem;font-weight:var(--fw-bold);text-transform:uppercase}.hh-weekdots__dot{background:var(--surface-sunken);border-radius:50%;color:#0000;display:grid;font-size:.8125rem;height:24px;place-items:center;width:24px}.hh-weekdots__dot--done{background:var(--growth);color:#fff}.hh-weekdots__dot--today{box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--clay-300)}.hh-weekdots__dot--miss{background:var(--surface-sunken);box-shadow:inset 0 0 0 1.5px var(--ink-200)}.hh-bubble{font-family:var(--font-sans);font-size:var(--text-body-lg);line-height:var(--lh-body-lg);max-width:84%;padding:12px 16px;width:fit-content}.hh-bubble--coach{background:var(--surface-card);border:1px solid var(--border);border-radius:18px 18px 18px 6px;box-shadow:var(--shadow-sm);color:var(--text-body)}.hh-bubble--user{background:var(--brand);border-radius:18px 18px 6px 18px;color:var(--text-on-brand);margin-left:auto}.hh-bubble--quiet{background:var(--brand-soft);border-radius:18px;color:var(--clay-800)}.hh-affirm{background:linear-gradient(160deg,var(--spark-soft),var(--brand-soft));border:1px solid var(--border-brand);border-radius:var(--radius-2xl);color:var(--clay-700);font-size:var(--text-quote);font-weight:var(--fw-semibold);letter-spacing:-.01em;line-height:var(--lh-quote);padding:var(--space-6) var(--space-6);position:relative}.hh-affirm__mark{color:var(--clay-300);display:block;font-size:2.875rem;height:14px;line-height:0}.hh-buddystack{align-items:center;display:flex;font-family:var(--font-sans)}.hh-buddystack .hh-avatar{box-shadow:0 0 0 2.5px var(--surface-card)}.hh-buddystack .hh-avatar+.hh-avatar{margin-left:-12px}.hh-buddystack__more{align-items:center;background:var(--ink-100);border-radius:50%;box-shadow:0 0 0 2.5px var(--surface-card);color:var(--text-muted);display:inline-flex;font-weight:var(--fw-bold);justify-content:center;margin-left:-12px}[data-theme=dark] .hh-btn--soft{color:var(--clay-200)}[data-theme=dark] .hh-btn--secondary{background:var(--surface-card);color:var(--text-strong)}[data-theme=dark] .hh-bubble--quiet{color:var(--clay-100)}[data-theme=dark] .hh-habit__icon{color:var(--clay-300)}[data-theme=dark] .hh-affirm__mark{color:var(--clay-400)}[data-theme=dark] .hh-badge--brand{color:var(--clay-200)}[data-theme=dark] .hh-badge--sage{background:var(--growth-soft);color:var(--sage-300)}[data-theme=dark] .hh-badge--amber{background:var(--spark-soft);color:var(--amber-300)}[data-theme=dark] .hh-badge--neutral{background:#2a241e;color:var(--text-muted)}[data-theme=dark] .hh-buddystack__more{background:#2a241e}[data-theme=dark] .hh-iconbtn--solid{background:var(--surface-card)}[data-theme=dark] .hh-btn--ghost:hover,[data-theme=dark] .hh-iconbtn:hover{background:#2a241e}