@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_34a85c05-module__gGo3DG__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_34a85c05-module__gGo3DG__variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
@layer reset;@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fbfaf7;--color-surface:#fff;--color-surface-2:#f3f1ec;--color-border:#e6e2d9;--color-text:#1f1d1a;--color-text-muted:#6b675f;--color-on-accent:#fff;--color-accent:#2f6f5e;--color-accent-soft:color-mix(in oklab, var(--color-accent) 12%, var(--color-surface));--color-celebrate:#e0a526;--color-celebrate-soft:color-mix(in oklab, var(--color-celebrate) 16%, var(--color-surface));--color-social:#e8735a;--color-social-soft:color-mix(in oklab, var(--color-social) 14%, var(--color-surface));--color-calm:#5b7fa6;--color-calm-soft:color-mix(in oklab, var(--color-calm) 14%, var(--color-surface));--color-neutral:#a39e94;--color-danger:#b3261e;--color-focus:var(--color-accent);--color-scrim:#14141273;--color-glass:#ffffffc7;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-2xl:2.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.2;--line-height-body:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #1f1d1a0f;--shadow-float:0 8px 24px #1f1d1a1f;--touch-min:44px;--touch-checkin:56px;--motion-quick:.12s;--motion-base:.22s;--motion-spring:.4s;--motion-page:.3s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:linear(0, .36 9%, .88 22%, 1.06 32%, 1.08 38%, 1.02 51%, .99 62%, 1);--content-max:560px;--nav-height:64px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#141412;--color-surface:#1e1d1a;--color-surface-2:#2a2925;--color-border:#3a3833;--color-text:#f2efe8;--color-text-muted:#a39e94;--color-on-accent:#10201b;--color-accent:#5fb89e;--color-celebrate:#f2c14e;--color-social:#f08f7a;--color-calm:#8aa9cc;--color-neutral:#77736b;--color-danger:#f2b8b5;--color-scrim:#0009;--color-glass:#1e1d1ac7;--shadow-float:0 8px 24px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#141412;--color-surface:#1e1d1a;--color-surface-2:#2a2925;--color-border:#3a3833;--color-text:#f2efe8;--color-text-muted:#a39e94;--color-on-accent:#10201b;--color-accent:#5fb89e;--color-celebrate:#f2c14e;--color-social:#f08f7a;--color-calm:#8aa9cc;--color-neutral:#77736b;--color-danger:#f2b8b5;--color-scrim:#0009;--color-glass:#1e1d1ac7;--shadow-float:0 8px 24px #0006}}[data-mode=calm]{--color-celebrate:var(--color-text-muted);--color-social:var(--color-text-muted);--motion-spring:var(--motion-base);--ease-spring:var(--ease-out)}@media (prefers-reduced-motion:reduce){:root{--motion-quick:1ms;--motion-base:.12s;--motion-spring:.12s;--motion-page:.12s;--ease-spring:linear}}}@layer base,components,utilities;
@layer components{.hb-medal{justify-items:center;gap:var(--space-2);text-align:center;margin:0;display:grid}.hb-medal__shape{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--color-celebrate-soft);width:64px;height:64px;color:var(--color-celebrate);place-items:center;display:grid}.hb-medal--locked .hb-medal__shape{background:var(--color-surface-2);color:var(--color-neutral)}.hb-medal__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:2px;display:grid}.hb-medal--locked .hb-medal__title{color:var(--color-text-muted)}.hb-medal__description{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}}
@layer components{.hb-avatar{--avatar-size:40px;width:var(--avatar-size);height:var(--avatar-size);background:oklch(.88 .06 var(--avatar-hue));color:oklch(.32 .06 var(--avatar-hue));font-weight:var(--font-weight-bold);font-size:calc(var(--avatar-size) * .38);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;display:inline-grid}.hb-avatar--sm{--avatar-size:28px}.hb-avatar--lg{--avatar-size:64px}.hb-avatar--lit{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-celebrate)}}
@layer components{.hb-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.6;display:inline-flex}.hb-badge--neutral{background:var(--color-surface-2);color:var(--color-text-muted)}.hb-badge--accent{background:var(--color-accent-soft);color:var(--color-accent)}.hb-badge--celebrate{background:var(--color-celebrate-soft);color:var(--color-text)}.hb-badge--social{background:var(--color-social-soft);color:var(--color-text)}.hb-badge--calm{background:var(--color-calm-soft);color:var(--color-text)}}
@layer components{.hb-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-2) var(--space-6);border-radius:var(--radius-pill);font:inherit;font-weight:var(--font-weight-medium);font-size:var(--font-size-md);line-height:var(--line-height-tight);cursor:pointer;transition:transform var(--motion-quick) var(--ease-out), background-color var(--motion-quick) var(--ease-out), opacity var(--motion-quick) var(--ease-out);-webkit-tap-highlight-color:transparent;border:1px solid #0000;text-decoration:none;display:inline-flex}.hb-button:active:not(:disabled){transform:scale(.97)}.hb-button:disabled{opacity:.55;cursor:not-allowed}.hb-button--lg{min-height:var(--touch-checkin);font-size:var(--font-size-lg)}.hb-button--block{width:100%}.hb-button--primary{background:var(--color-accent);color:var(--color-on-accent)}.hb-button--primary:hover:not(:disabled){background:color-mix(in oklab, var(--color-accent) 88%, var(--color-text))}.hb-button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.hb-button--secondary:hover:not(:disabled){background:var(--color-surface-2)}.hb-button--ghost{color:var(--color-accent);padding-inline:var(--space-3);background:0 0}.hb-button--ghost:hover:not(:disabled){background:var(--color-accent-soft)}.hb-button--social{background:var(--color-social-soft);color:var(--color-text)}.hb-button--danger{color:var(--color-danger);background:0 0;border-color:currentColor}.hb-button__icon{display:inline-flex}.hb-button--loading .hb-button__label{opacity:.6}}
@layer components{.hb-card{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:block}.hb-card--accent{background:var(--color-accent-soft);border-color:#0000}.hb-card--celebrate{background:var(--color-celebrate-soft);border-color:#0000}.hb-card--social{background:var(--color-social-soft);border-color:#0000}.hb-card--calm{background:var(--color-calm-soft);border-color:#0000}}
@layer components{.hb-checkbox{align-items:flex-start;gap:var(--space-3);min-height:var(--touch-min);padding-block:var(--space-2);cursor:pointer;display:flex}.hb-checkbox__input{opacity:0;width:1px;height:1px;position:absolute}.hb-checkbox__box{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:24px;height:24px;transition:background-color var(--motion-quick) var(--ease-out);flex:none;place-items:center;display:grid}.hb-checkbox__box svg{fill:none;stroke:var(--color-on-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.hb-checkbox__input:checked+.hb-checkbox__box{background:var(--color-accent);border-color:var(--color-accent)}.hb-checkbox__input:checked+.hb-checkbox__box svg{opacity:1}.hb-checkbox__input:focus-visible+.hb-checkbox__box{outline:3px solid var(--color-focus);outline-offset:2px}.hb-checkbox__text{gap:2px;display:grid}.hb-checkbox__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}}
@layer components{.hb-checkin{--checkin-color:var(--color-accent);--x:50%;--y:50%;width:var(--touch-checkin);height:var(--touch-checkin);border:2px solid var(--checkin-color);background:var(--color-surface);color:var(--checkin-color);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform var(--motion-quick) var(--ease-out);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.hb-checkin--calm{--checkin-color:var(--color-calm)}.hb-checkin:active{transform:scale(.92)}.hb-checkin__fill{background:var(--checkin-color);clip-path:circle(0 at var(--x) var(--y));transition:clip-path var(--motion-spring) var(--ease-out);position:absolute;inset:0}.hb-checkin__icon{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px;position:relative}.hb-checkin__check{stroke-dasharray:1;stroke-dashoffset:0;opacity:.35}.hb-checkin__mini{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);position:absolute;bottom:4px;right:6px}.hb-checkin--done,.hb-checkin--min{color:var(--color-on-accent);animation:hb-checkin-bounce var(--motion-spring) var(--ease-spring)}.hb-checkin--done .hb-checkin__fill,.hb-checkin--min .hb-checkin__fill{clip-path:circle(150% at var(--x) var(--y))}.hb-checkin--done .hb-checkin__check,.hb-checkin--min .hb-checkin__check{opacity:1;animation:hb-check-draw var(--motion-spring) var(--ease-out) both}.hb-checkin--skip{color:var(--color-calm);border-style:dashed;border-color:var(--color-calm)}.hb-checkin--relapse{border-color:var(--color-neutral);color:var(--color-neutral)}.hb-checkin:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@keyframes hb-check-draw{0%{stroke-dashoffset:1px}}@keyframes hb-checkin-bounce{40%{transform:scale(1.12)}}}
@layer components{.hb-empty{justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;display:grid}.hb-empty__art{background:var(--color-accent-soft);width:88px;height:88px;color:var(--color-accent);border-radius:50%;place-items:center;display:grid}.hb-empty__title{font-size:var(--font-size-lg);margin:0}.hb-empty__body{max-width:32ch;color:var(--color-text-muted);margin:0}}
@layer components{.hb-garden{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);margin:0;display:grid}.hb-garden svg{width:100%;height:auto}.hb-garden__ground{fill:color-mix(in oklab, var(--color-accent) 25%, var(--color-surface))}.hb-garden__stem{stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round}.hb-garden__leaf{fill:var(--color-accent);opacity:.8}.hb-garden__flower{fill:var(--color-celebrate);animation:hb-bloom var(--motion-spring) var(--ease-spring) both}.hb-garden__caption{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}@keyframes hb-bloom{0%{scale:0}}}
@layer components{.hb-habit{--identity-color:var(--color-accent);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);touch-action:pan-y;transition:translate var(--motion-base) var(--ease-out), opacity var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);list-style:none;display:flex}.hb-habit--next{box-shadow:0 0 0 2px color-mix(in oklab, var(--color-accent) 35%, transparent)}.hb-habit--done{background:0 0;border-style:dashed}.hb-habit--done .hb-habit__title{color:var(--color-text-muted)}.hb-habit__main{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.hb-habit__open{min-width:0;padding:var(--space-1) 0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;gap:2px;display:grid}.hb-habit__identity{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;display:inline-flex}.hb-habit__dot{background:var(--identity-color);border-radius:50%;width:8px;height:8px}.hb-habit__title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.hb-habit__meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.hb-habit__freedom{color:var(--color-calm);font-size:var(--font-size-xs);justify-items:end;display:grid}.hb-habit__freedom strong{font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;line-height:1}.hb-habit__actions{align-items:center;gap:var(--space-1);display:flex}.hb-habit__more{width:var(--touch-min);height:var(--touch-min);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.hb-habit__more svg{fill:currentColor}.hb-habit__open:focus-visible,.hb-habit__more:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}}
@layer components{.hb-heatmap{gap:var(--space-2);margin:0;display:grid}.hb-heatmap__grid{grid-template-rows:repeat(7,auto);grid-auto-columns:minmax(16px,1fr);grid-auto-flow:column;gap:3px;display:grid;overflow-x:auto}.hb-heatmap__cell{aspect-ratio:1;background:var(--color-surface-2);cursor:pointer;border:none;border-radius:3px;min-width:12px;padding:0}.hb-heatmap__cell:disabled{visibility:hidden}.hb-heatmap__cell--l1{background:color-mix(in oklab, var(--color-accent) 35%, var(--color-surface-2))}.hb-heatmap__cell--l2{background:color-mix(in oklab, var(--color-accent) 65%, var(--color-surface-2))}.hb-heatmap__cell--l3{background:var(--color-accent) radial-gradient(circle, var(--color-on-accent) 1.5px, transparent 2px)}.hb-heatmap__cell--selected{outline:2px solid var(--color-text);outline-offset:1px}.hb-heatmap__cell:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.hb-heatmap__caption{font-size:var(--font-size-sm);color:var(--color-text-muted)}}
@layer components{.hb-icon{vertical-align:middle;flex:none;display:inline-block}}
@layer components{.hb-field{gap:var(--space-1);display:grid}.hb-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.hb-field__hint,.hb-field__error{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.hb-field__error{color:var(--color-danger)}.hb-input{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-md);transition:border-color var(--motion-quick) var(--ease-out)}.hb-input::placeholder{color:var(--color-text-muted)}.hb-input:hover{border-color:var(--color-text-muted)}.hb-field--error .hb-input{border-color:var(--color-danger)}.hb-input--multiline{min-height:calc(var(--touch-min) * 2);resize:vertical;padding-block:var(--space-3)}.hb-input--select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px}}
@layer components{.hb-nudge{gap:var(--space-2);display:grid}.hb-nudge__trigger{min-height:36px;padding:0 var(--space-4);border:1px solid var(--color-social);border-radius:var(--radius-pill);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;justify-self:start}.hb-nudge__trigger--open{background:var(--color-social-soft)}.hb-nudge__menu{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.hb-nudge__option{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border:none}.hb-nudge__option:hover{background:var(--color-social-soft)}.hb-nudge--sent{font-size:var(--font-size-sm);color:var(--color-text-muted)}}
@layer components{.hb-feed-item{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);list-style:none;display:flex}.hb-feed-item__body{gap:var(--space-1);flex:1;min-width:0;display:grid}.hb-feed-item__text{line-height:var(--line-height-body);margin:0}.hb-feed-item__habit{font-weight:var(--font-weight-medium);color:var(--color-accent)}.hb-feed-item__note{color:var(--color-text-muted);margin:0;font-style:italic}.hb-feed-item__when{font-size:var(--font-size-xs);color:var(--color-text-muted)}}
@layer components{.hb-reactions{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex;position:relative}.hb-reactions__chip,.hb-reactions__add,.hb-reactions__option{justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--touch-min);min-height:36px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:transform var(--motion-quick) var(--ease-out);display:inline-flex}.hb-reactions__chip:active,.hb-reactions__option:active{transform:scale(.9)}.hb-reactions__chip--mine{background:var(--color-social-soft);border-color:var(--color-social);color:var(--color-text)}.hb-reactions__count{font-variant-numeric:tabular-nums}.hb-reactions__add svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.hb-reactions__palette{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-2);animation:hb-palette-in var(--motion-base) var(--ease-spring);display:flex}.hb-reactions__option{font-size:var(--font-size-lg);min-height:var(--touch-min);background:0 0;border:none}.hb-reactions__fly{animation:hb-fly .6s var(--ease-out);display:inline-block}@keyframes hb-fly{50%{transform:translateY(-14px)scale(1.5)}}@keyframes hb-palette-in{0%{opacity:0;scale:.9}}}
@layer components{.hb-sheet{width:100%;max-width:var(--content-max);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);max-height:92dvh;color:var(--color-text);box-shadow:var(--shadow-float);transition:translate var(--motion-base) var(--ease-out), display var(--motion-base) allow-discrete, overlay var(--motion-base) allow-discrete;border:none;margin:auto auto 0;padding:0}.hb-sheet[open]{animation:hb-sheet-in var(--motion-base) var(--ease-out)}.hb-sheet::backdrop{background:var(--color-scrim)}.hb-sheet__panel{max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.hb-sheet__handle{cursor:grab;touch-action:none;place-items:center;height:24px;display:grid}.hb-sheet__handle span{border-radius:var(--radius-pill);background:var(--color-border);width:40px;height:4px}.hb-sheet__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-2) var(--space-6);display:flex}.hb-sheet__title{font-size:var(--font-size-lg);margin:0}.hb-sheet__close{width:var(--touch-min);height:var(--touch-min);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.hb-sheet__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.hb-sheet__body{padding:var(--space-2) var(--space-6) var(--space-6);overflow-y:auto}@keyframes hb-sheet-in{0%{translate:0 100%}}}
@layer components{.hb-skeleton{gap:var(--space-3);display:grid}.hb-skeleton__block{border-radius:var(--radius-md);background:linear-gradient(100deg, transparent 30%, color-mix(in oklab, var(--color-surface) 70%, transparent) 50%, transparent 70%) var(--color-surface-2);background-size:200% 100%;animation:1.6s linear infinite hb-shimmer;display:block}@media (prefers-reduced-motion:reduce){.hb-skeleton__block{animation:none}}@keyframes hb-shimmer{to{background-position:-200% 0}}}
@layer components{.hb-flame{--flame-size:18px;color:var(--color-celebrate);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);align-items:center;gap:2px;display:inline-flex}.hb-flame__icon{width:var(--flame-size);height:var(--flame-size);fill:currentColor;fill-opacity:.25;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;transition:transform var(--motion-spring) var(--ease-spring)}.hb-flame__count{color:var(--color-text)}.hb-flame--cold{color:var(--color-neutral)}.hb-flame--m1{--flame-size:20px}.hb-flame--m2{--flame-size:22px}.hb-flame--m3{--flame-size:24px}.hb-flame--m1 .hb-flame__icon,.hb-flame--m2 .hb-flame__icon,.hb-flame--m3 .hb-flame__icon{fill-opacity:.6;filter:drop-shadow(0 0 4px color-mix(in oklab, var(--color-celebrate) 60%, transparent))}}
@layer components{.hb-toaster{inset-inline:0;bottom:calc(var(--nav-height) + var(--space-6) + env(safe-area-inset-bottom));z-index:50;justify-items:center;gap:var(--space-2);padding-inline:var(--space-4);pointer-events:none;display:grid;position:fixed}.hb-toast{align-items:center;gap:var(--space-3);max-width:var(--content-max);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-float);font-size:var(--font-size-sm);pointer-events:auto;animation:hb-toast-in var(--motion-spring) var(--ease-spring);display:flex}.hb-toast--celebrate .hb-toast__accent{color:var(--color-celebrate)}.hb-toast--social .hb-toast__accent{color:var(--color-social)}.hb-toast--danger{background:var(--color-danger);color:var(--color-surface)}.hb-toast__accent{font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;animation:hb-xp-rise .9s var(--ease-out) both}.hb-toast__action{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:inherit;font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:none;text-decoration:underline}@keyframes hb-toast-in{0%{opacity:0;translate:0 12px;scale:.96}}@keyframes hb-xp-rise{0%{opacity:0;translate:0 8px}}}
@layer components{.hb-xp{--xp-color:var(--color-accent);gap:var(--space-1);display:grid}.hb-xp__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.hb-xp__title{font-weight:var(--font-weight-medium)}.hb-xp__votes,.hb-xp__numbers{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.hb-xp__track{border-radius:var(--radius-pill);background:var(--color-surface-2);height:6px;overflow:hidden}.hb-xp__fill{border-radius:inherit;background:var(--xp-color);height:100%;transition:inline-size var(--motion-spring) var(--ease-spring);display:block}}
@layer reset,tokens,base,components,utilities;@layer utilities{.hb-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
@layer reset,tokens,base,components,utilities;@layer reset{*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,p,figure,ul,ol{margin:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit}}@layer base{html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:100%;line-height:var(--line-height-body);scroll-padding-bottom:calc(var(--nav-height) + var(--space-8))}body{background:var(--color-bg);min-height:100dvh}h1{font-size:var(--font-size-xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight)}a{color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent-soft)}::view-transition-old(root){animation-duration:var(--motion-page)}::view-transition-new(root){animation-duration:var(--motion-page)}}@layer utilities{.stack{gap:var(--stack-gap,var(--space-4));display:grid}.row{align-items:center;gap:var(--space-2);display:flex}.muted{color:var(--color-text-muted)}.small{font-size:var(--font-size-sm)}}
@layer components{.page{width:100%;max-width:var(--content-max);padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-4) calc(var(--nav-height) + var(--space-12) + env(safe-area-inset-bottom));gap:var(--space-6);align-content:start;margin-inline:auto;display:grid}.page-header{gap:var(--space-1);display:grid}.page-header__eyebrow{font-size:var(--font-size-sm);color:var(--color-text-muted)}.page-header__row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.back-link{align-items:center;gap:var(--space-1);min-height:var(--touch-min);color:var(--color-text-muted);text-decoration:none;display:inline-flex}.section{gap:var(--space-3);display:grid}.section__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.list{gap:var(--space-2);margin:0;padding:0;display:grid}.skip-link{left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-radius:var(--radius-sm);z-index:100;position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.nav{left:50%;bottom:calc(var(--space-3) + env(safe-area-inset-bottom));z-index:40;align-items:center;gap:var(--space-1);width:min(calc(100% - var(--space-6)), var(--content-max));height:var(--nav-height);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--shadow-float);transition:translate var(--motion-base) var(--ease-in-out);display:flex;position:fixed;translate:-50%}.nav--hidden{translate:-50% calc(100% + var(--space-6))}.nav__tab{min-height:var(--touch-min);padding-block:var(--space-1);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--font-size-xs);flex:1;justify-items:center;gap:2px;text-decoration:none;display:grid}.nav__tab--active{color:var(--color-accent);font-weight:var(--font-weight-bold)}.nav__icon{position:relative}.nav__badge{border-radius:var(--radius-pill);background:var(--color-social);min-width:18px;color:var(--color-surface);font-size:11px;font-weight:var(--font-weight-bold);text-align:center;padding:0 4px;line-height:18px;position:absolute;top:-4px;right:-10px}.nav__create{background:var(--color-accent);width:52px;height:52px;color:var(--color-on-accent);box-shadow:var(--shadow-float);transition:transform var(--motion-quick) var(--ease-out);border-radius:50%;place-items:center;display:grid}.nav__create:active{transform:scale(.94)}.update-banner,.offline-banner{top:calc(var(--space-3) + env(safe-area-inset-top));z-index:60;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-float);font-size:var(--font-size-sm);display:flex;position:fixed;left:50%;translate:-50%}.celebration{z-index:70;padding:var(--space-6);background:var(--color-scrim);animation:celebration-in var(--motion-base) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.celebration__card{justify-items:center;gap:var(--space-4);max-width:360px;padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;animation:celebration-pop var(--motion-spring) var(--ease-spring);display:grid;position:relative;overflow:hidden}.celebration__emoji{font-size:var(--font-size-2xl)}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{width:8px;height:12px;animation:confetti-fall 1.6s var(--ease-out) forwards;border-radius:2px;position:absolute;top:-10px}@media (prefers-reduced-motion:reduce){.confetti{display:none}}@keyframes celebration-in{0%{opacity:0}}@keyframes celebration-pop{0%{opacity:0;scale:.8}}@keyframes confetti-fall{to{translate:var(--dx,0) 420px;opacity:0;rotate:540deg}}.pact-strip{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-text);text-decoration:none;display:flex}.pact-strip__avatars{display:flex}.pact-strip__avatars>*+*{margin-left:calc(var(--space-2) * -1)}.pact-strip__text{display:grid}.choice-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.choice{gap:var(--space-2);min-height:96px;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-quick) var(--ease-out);justify-items:start;display:grid}.choice[aria-pressed=true],.choice[aria-checked=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.choice__icon{width:40px;height:40px;color:var(--color-surface);border-radius:50%;place-items:center;display:grid}.choice__title{font-weight:var(--font-weight-bold)}.steps{gap:var(--space-1);display:flex}.steps span{border-radius:var(--radius-pill);background:var(--color-surface-2);flex:1;height:4px}.steps span[data-done]{background:var(--color-accent)}.swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{width:var(--touch-min);height:var(--touch-min);cursor:pointer;border:3px solid #0000;border-radius:50%}.swatch[aria-checked=true]{border-color:var(--color-text)}.chain{gap:var(--space-3);flex-wrap:wrap;display:flex}.chain__member{justify-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);display:grid}.stat-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.stat{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);gap:2px;display:grid}.stat strong{font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;line-height:1}.stat span{font-size:var(--font-size-xs);color:var(--color-text-muted)}.medals{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.progress-track{border-radius:var(--radius-pill);background:var(--color-surface-2);height:8px;overflow:hidden}.progress-track>span{background:var(--color-accent);border-radius:inherit;height:100%;display:block}.toggle-list{gap:0;display:grid}}