:root{--color-bg-app: #fbf8f2;--color-bg-app-deep: #f3efe7;--color-bg-surface: #ffffff;--color-bg-surface-subtle: #f1eee8;--color-bg-overlay: rgba(0, 0, 0, .42);--color-bg-floating: rgba(26, 26, 26, .88);--color-brand-primary: #f04e2c;--color-brand-pressed: #c63a1e;--color-brand-text: #c63a1e;--color-brand-foreground: #1a1a1a;--color-brand-soft: #fdeee9;--color-accent: #1f6f5f;--color-accent-pressed: #185446;--color-accent-soft: #e8f0ee;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-muted: #6e6e6e;--color-text-disabled: #9a9a9a;--color-text-white: #ffffff;--color-text-on-brand: #1a1a1a;--color-text-on-accent: #ffffff;--color-border-default: #e4e0d8;--color-border-strong: #cfcabf;--color-border-subtle: rgba(26, 26, 26, .08);--color-border-inverse: rgba(255, 255, 255, .24);--color-nav-inactive: #8f8a83;--color-avatar-dormant: #efece6;--shadow-raised: 0 1px 3px rgba(0, 0, 0, .06);--color-success: #1f6f5f;--color-warning: #ffcc00;--color-danger: #b3261e;--color-focus-ring: #c63a1e;--font-family-ui: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-family-display: "Anton", "Arial Narrow", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-display-hero: 96px;--font-size-display-count: 64px;--font-size-display-stat: 36px;--font-size-stat: 26px;--font-size-display-list: 20px;--font-size-page-title: 30px;--font-size-section-title: 24px;--font-size-card-title: 20px;--font-size-body: 16px;--font-size-label: 14px;--font-size-meta: 12px;--line-height-text: 1.4;--line-height-display: 1;--letter-spacing-default: -.03em;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 18px;--space-10: 20px;--space-12: 24px;--space-16: 32px;--space-24: 48px;--space-page-x: 18px;--space-section-y: 32px;--space-slider-gap: 12px;--space-block: 24px;--space-inner: 12px;--space-surface: 20px;--space-surface-sm: 16px;--safe-bottom: env(safe-area-inset-bottom, 0px);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-card: 16px;--radius-media: 20px;--radius-modal: 24px;--radius-control: 50px;--radius-pill: 999px;--duration-fast: .12s;--duration-base: .22s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--shell-max: 430px;--content-max: 394px;--appheader-h: 50px;--bottomnav-h: 68px;--stickybar-h: 84px}@media (max-width: 389px){:root{--space-page-x: 16px}}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 1ms;--duration-base: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg-app-deep);color:var(--color-text-primary);font-family:var(--font-family-ui);font-size:var(--font-size-body);line-height:var(--line-height-text);letter-spacing:var(--letter-spacing-default);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}.num{font-family:var(--font-family-display);font-weight:var(--font-weight-regular);line-height:var(--line-height-display);font-feature-settings:"tnum"}.num--hero{font-size:var(--font-size-display-hero)}.num--count{font-size:var(--font-size-display-count)}.num--stat{font-size:var(--font-size-display-stat)}.num--inline{font-size:var(--font-size-stat)}.num--list{font-size:var(--font-size-display-list)}h1,h2,h3,p,figure,ul,ol{margin:0;padding:0}ul,ol{list-style:none}b,strong{font-weight:var(--font-weight-semibold)}input::placeholder{color:var(--color-text-muted)}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.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}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.app-shell{max-width:var(--shell-max);margin:0 auto;min-height:100dvh;background:var(--color-bg-app);position:relative;overflow-x:hidden}.screen{padding:var(--space-4) var(--space-page-x) calc(var(--bottomnav-h) + var(--space-8) + var(--space-block) + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--space-block)}.stack{display:flex;flex-direction:column;gap:var(--space-inner)}.app-header{position:sticky;top:0;z-index:30;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-page-x) var(--space-4);background:var(--color-bg-app)}.app-header__brand{display:flex;align-items:center;gap:var(--space-4)}.app-header__logo{font-size:var(--font-size-card-title);font-weight:var(--font-weight-bold);color:var(--color-brand-text)}.app-header__stack{display:flex;flex-direction:column;gap:var(--space-1)}.app-header__title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-semibold)}.app-header__sub{font-size:var(--font-size-label);color:var(--color-text-muted)}.demo-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-7);background:var(--color-bg-surface-subtle);border-radius:var(--radius-md)}.demo-bar__icon{width:16px;height:16px;color:var(--color-brand-text);flex:none}.demo-bar__text{flex:1;min-width:0;font-size:var(--font-size-meta);color:var(--color-text-secondary)}.demo-bar__actions{display:flex;gap:var(--space-3);flex:none}.demo-bar__btn{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-brand-text);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);border-radius:var(--radius-pill);padding:0 var(--space-6);min-height:32px}.hero{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-media);overflow:hidden}.hero__photo{position:relative}.hero__photo img{width:100%;height:200px;object-fit:cover}.hero__body{padding:var(--space-surface);display:flex;flex-direction:column;gap:var(--space-2)}.hero__day{display:flex;align-items:baseline;gap:var(--space-4);color:var(--color-brand-text);margin-bottom:var(--space-4)}.hero__unit{font-size:var(--font-size-label);color:var(--color-text-muted)}.hero__title{font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold)}.hero__desc{font-size:var(--font-size-label);color:var(--color-text-secondary)}.hero__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-inner);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle)}.hero__metrics div{display:flex;flex-direction:column;gap:var(--space-3)}.hero__metrics dt{font-size:var(--font-size-meta);color:var(--color-text-muted)}.hero__metrics dd{display:flex;align-items:baseline;gap:var(--space-1);margin:0}.hero__metrics dd span:not(.num){font-size:var(--font-size-label);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);min-height:52px;padding:0 var(--space-10);border-radius:var(--radius-control);border:1px solid transparent;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transition:background var(--duration-fast) var(--ease-standard)}.btn--block{width:100%}.btn--primary{background:var(--color-brand-primary);color:var(--color-text-on-brand)}.btn--primary:active:not(:disabled){background:var(--color-brand-pressed);color:var(--color-text-white)}.btn--ghost{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-primary)}.btn:disabled{background:var(--color-bg-surface-subtle);border-color:var(--color-border-default);color:var(--color-text-disabled);cursor:default}.card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-media);padding:var(--space-surface);display:flex;flex-direction:column;gap:var(--space-inner)}.card--mine{border-color:var(--color-brand-primary)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.section{display:flex;flex-direction:column;gap:var(--space-inner)}.section--loose{gap:var(--space-10)}.section__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold)}.link{display:inline-flex;align-items:center;min-height:44px;flex:none;font-size:var(--font-size-label);color:var(--color-brand-text);font-weight:var(--font-weight-medium)}button.link{border:0;background:transparent;padding:0}.meta{font-size:var(--font-size-meta);color:var(--color-text-muted)}.sample-note{font-size:var(--font-size-meta);color:var(--color-text-muted);background:var(--color-bg-surface-subtle);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8)}.figure{display:flex;align-items:baseline;gap:var(--space-4)}.figure__label{font-size:var(--font-size-label);color:var(--color-text-secondary)}.bar{height:8px;border-radius:var(--radius-pill);background:var(--color-bg-surface-subtle);overflow:hidden}.bar__fill{display:block;height:100%;background:var(--color-brand-primary);border-radius:var(--radius-pill)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--color-bg-surface-subtle);color:var(--color-text-secondary);font-size:var(--font-size-meta);font-weight:var(--font-weight-medium)}.badge--float{position:absolute;left:var(--space-7);top:var(--space-7);background:var(--color-bg-floating);color:var(--color-text-white)}.badge--me{background:var(--color-brand-primary);color:var(--color-text-on-brand);font-weight:var(--font-weight-semibold)}.rail{display:flex;gap:var(--space-slider-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-page-x);margin-inline:calc(var(--space-page-x) * -1);padding-inline:var(--space-page-x);padding-block:var(--space-1);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.vcard{position:relative;flex:none;width:148px;aspect-ratio:3 / 4;border-radius:var(--radius-card);overflow:hidden;background:var(--color-bg-surface);border:1px solid var(--color-border-default);scroll-snap-align:start}.vcard--text{background:var(--color-brand-soft);border-color:transparent}.vcard__img{width:100%;height:100%;object-fit:cover}.vcard__scrim{position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.42) 45%,transparent)}.vcard__quote{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding:var(--space-6);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.vcard .badge--me{position:absolute;left:var(--space-5);top:var(--space-5)}.vcard--mine .vcard__quote{padding-top:calc(var(--space-6) + 28px)}.vcard__body{position:absolute;left:var(--space-6);right:var(--space-6);bottom:var(--space-6);display:flex;flex-direction:column;color:var(--color-text-white)}.vcard__body--ink{color:var(--color-text-primary)}.vcard__body b{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.vcard__body i{font-size:var(--font-size-meta);font-style:normal;opacity:.88}.segmented{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-surface-subtle);border-radius:var(--radius-pill)}.segmented__item{flex:1;min-height:40px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-label);font-weight:var(--font-weight-medium)}.segmented__item.is-active{background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-raised)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-5)}.avatar{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-medium)}.avatar.is-done{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-on-brand)}.avatar.is-dormant{background:var(--color-avatar-dormant);border-color:var(--color-avatar-dormant);color:var(--color-text-disabled)}.avatar.is-me{border:2px solid var(--color-text-primary);font-weight:var(--font-weight-bold)}.feed{display:flex;flex-direction:column;gap:var(--space-inner)}.post{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:var(--space-surface-sm);display:flex;flex-direction:column;gap:var(--space-5)}.post__head{display:flex;align-items:center;gap:var(--space-4)}.post__name{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.post__head .meta{margin-left:auto}.post__text{font-size:var(--font-size-body)}.post__img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md)}.member-list{display:flex;flex-direction:column;gap:var(--space-4)}.rank{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:var(--space-6);min-height:56px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-surface-sm)}.rank.is-me{border-color:var(--color-brand-primary);background:var(--color-brand-soft)}.rank__no{font-size:var(--font-size-meta);color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums}.rank__name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.rank__meta{font-size:var(--font-size-meta);color:var(--color-text-muted)}.rank__value{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--font-size-label);color:var(--color-text-secondary)}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--space-6) + var(--safe-bottom));width:calc(min(var(--shell-max),100%) - var(--space-page-x) * 2);height:var(--bottomnav-h);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:var(--color-text-primary);border-radius:var(--radius-media);z-index:40}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-nav-inactive);min-height:44px}.bottom-nav__item.active{color:var(--color-brand-primary)}.bottom-nav__icon{width:22px;height:22px}.bottom-nav__label{font-size:var(--font-size-meta);font-weight:var(--font-weight-medium)}.bottom-nav__label.is-active{font-weight:var(--font-weight-bold)}.board{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.cell{aspect-ratio:1;border-radius:var(--radius-xs);border:1px solid transparent;background:transparent;padding:0;position:relative}.cell--done,.cell--late{background:var(--color-brand-primary)}.cell--late:after{content:"";position:absolute;right:3px;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--color-text-primary)}.cell--pass{background:var(--color-bg-surface);border-color:var(--color-warning);background-image:linear-gradient(45deg,transparent 45%,var(--color-warning) 45%,var(--color-warning) 55%,transparent 55%)}.cell--miss{background:var(--color-bg-surface-subtle)}.cell--today{border:2px solid var(--color-text-primary)}.cell--future{border-color:var(--color-border-default)}.cell.is-selected{outline:2px solid var(--color-brand-pressed);outline-offset:1px;z-index:1}.legend{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8)}.legend__item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-meta);color:var(--color-text-secondary)}.legend__swatch{width:14px;height:14px;aspect-ratio:auto;flex:none}.legend__swatch.cell--future{border-color:var(--color-border-strong)}.legend__swatch.avatar{width:14px;height:14px}.legend__swatch.avatar.is-me{border-width:2px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.stat{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-3)}.stat__label{font-size:var(--font-size-meta);color:var(--color-text-muted)}.stat__value{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--font-size-label);color:var(--color-text-secondary)}.stat__sub{font-size:var(--font-size-meta);color:var(--color-text-muted)}.record-list{display:flex;flex-direction:column}.record{display:flex;gap:var(--space-7);align-items:flex-start;padding:var(--space-7) var(--space-4);border-top:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;scroll-margin-block:var(--space-24)}.record:first-child{border-top:0}.record.is-selected{background:var(--color-brand-soft);border-top-color:transparent}.record.is-selected+.record{border-top-color:transparent}.record__day{display:flex;flex-direction:column;gap:var(--space-1);width:40px;flex:none}.record__day i{font-style:normal;font-size:var(--font-size-meta);color:var(--color-text-muted)}.record__body{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding-top:var(--space-1)}.record__text{font-size:var(--font-size-body)}.record__text--muted{color:var(--color-text-muted)}.record__badges{display:flex;flex-wrap:wrap;gap:var(--space-3)}.detail-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-inline:calc(var(--space-page-x) * -1 + var(--space-2))}.detail-header__title{text-align:center;font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold)}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;font-size:var(--font-size-card-title)}.screen--bar{padding-bottom:calc(var(--stickybar-h) + var(--space-block) + var(--safe-bottom))}.sticky-bar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(var(--shell-max),100%);padding:var(--space-6) var(--space-page-x) calc(var(--space-8) + var(--safe-bottom));background:var(--color-bg-app);border-top:1px solid var(--color-border-subtle);z-index:40}.compose__day,.field{display:flex;flex-direction:column;gap:var(--space-4)}.field__label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.field__control{margin-top:var(--space-2)}.deadline{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-surface-sm);background:var(--color-bg-surface-subtle);border-radius:var(--radius-md)}.deadline.is-late{background:var(--color-brand-soft)}.deadline__text{font-size:var(--font-size-label)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.photo{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;padding:0;border:2px solid transparent;background:var(--color-bg-surface-subtle)}.photo img{width:100%;height:100%;object-fit:cover}.photo.is-on{border-color:var(--color-brand-primary)}.photo__check{position:absolute;right:var(--space-3);top:var(--space-3);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--color-brand-primary);color:var(--color-text-on-brand);font-size:var(--font-size-meta);font-weight:var(--font-weight-bold)}.oneline{display:flex;align-items:center;gap:var(--space-4);min-height:52px;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-surface-sm)}.oneline:focus-within{border-color:var(--color-text-primary)}.oneline input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;letter-spacing:inherit;font-size:var(--font-size-body)}.oneline__count{font-size:var(--font-size-meta);color:var(--color-text-muted);flex:none;font-variant-numeric:tabular-nums}.scope{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:var(--space-surface-sm)}.scope span{display:flex;flex-direction:column;gap:var(--space-1)}.scope b{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.scope i{font-style:normal;font-size:var(--font-size-label);color:var(--color-text-muted)}.toggle{width:44px;height:26px;border-radius:var(--radius-pill);border:0;flex:none;background:var(--color-border-strong);position:relative;transition:background var(--duration-fast) var(--ease-standard)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--color-bg-surface);box-shadow:var(--shadow-raised);transition:transform var(--duration-fast) var(--ease-standard)}.toggle.is-on{background:var(--color-brand-primary)}.toggle.is-on:after{transform:translate(18px)}.profile{display:flex;align-items:center;gap:var(--space-8)}.profile__avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}.profile__text{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.profile__name{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-inner)}.profile-stats>div{display:flex;flex-direction:column;gap:var(--space-3)}.profile-stats span:not(.num){font-size:var(--font-size-meta);color:var(--color-text-muted)}.rule{border:0;border-top:1px solid var(--color-border-subtle);margin:0}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.badge-tile{min-height:84px;background:var(--color-bg-surface-subtle);border:1px solid transparent;border-radius:var(--radius-card);padding:var(--space-7) var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center}.badge-tile b{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.badge-tile i{font-style:normal;font-size:var(--font-size-meta);color:var(--color-text-muted)}.badge-tile.is-on{background:var(--color-bg-surface);border-color:var(--color-brand-primary)}.badge-tile.is-on b{color:var(--color-brand-text);font-weight:var(--font-weight-semibold)}.settings{display:flex;flex-direction:column;gap:var(--space-4)}.settings__label{padding-inline:var(--space-2);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.settings__card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-media);overflow:hidden}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-6) var(--space-surface-sm);border-top:1px solid var(--color-border-subtle);min-height:56px}.row:first-child{border-top:0}.row--stack{align-items:flex-start}.row--stack span{display:flex;flex-direction:column;gap:var(--space-2)}.row--stack i{font-style:normal;font-size:var(--font-size-meta);color:var(--color-text-muted)}.row__value{font-style:normal;font-size:var(--font-size-label);color:var(--color-text-muted);text-align:right}.row__buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.row__buttons--wide{flex:1}.chip{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:0 var(--space-7);min-height:36px;font-size:var(--font-size-label);font-weight:var(--font-weight-medium)}.chip.is-on{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-on-brand);font-weight:var(--font-weight-semibold)}.chip:disabled{opacity:.5;cursor:default}.onboarding{padding-top:0;padding-bottom:calc(var(--stickybar-h) + var(--space-16) + var(--space-block) + var(--safe-bottom))}.onboarding__media{margin-inline:calc(var(--space-page-x) * -1)}.onboarding__media img{width:100%;height:240px;object-fit:cover}.onboarding__intro{display:flex;flex-direction:column;gap:var(--space-4)}.onboarding__eyebrow{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-brand-text)}.onboarding__title{font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold)}.onboarding__desc{font-size:var(--font-size-body);color:var(--color-text-secondary)}.onboarding__foot-note{font-size:var(--font-size-meta);color:var(--color-text-muted);text-align:center;margin-top:var(--space-4)}.habit-list{display:flex;flex-direction:column;gap:var(--space-5)}.hitem{display:flex;align-items:center;gap:var(--space-8);width:100%;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:0 var(--space-surface-sm) 0 0;overflow:hidden;text-align:left}.hitem.is-on{border-color:var(--color-brand-primary);box-shadow:inset 0 0 0 1px var(--color-brand-primary)}.hitem img{width:88px;height:76px;object-fit:cover;flex:none}.hitem__body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.hitem__body b{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.hitem__body i{font-style:normal;font-size:var(--font-size-label);color:var(--color-text-muted)}.hitem__check{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--color-text-on-brand);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);font-size:var(--font-size-meta);font-weight:var(--font-weight-bold)}.hitem.is-on .hitem__check{background:var(--color-brand-primary);border-color:var(--color-brand-primary)}.blocked{align-items:flex-start}.blocked .btn{margin-top:var(--space-4)}.onboarding__back{display:flex;margin:0 auto}.account-screen{padding-bottom:var(--space-24);display:flex;flex-direction:column;gap:var(--space-block)}.account-intro,.account-stack{display:flex;flex-direction:column;gap:var(--space-inner)}.account-title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-semibold)}.account-description{color:var(--color-text-secondary)}.account-input{width:100%;min-width:0;min-height:48px;padding:var(--space-inner) var(--space-surface-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);font:inherit}.account-input--code{font-variant-numeric:tabular-nums}.account-address{overflow-wrap:anywhere;word-break:break-all}.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-inner)}.account-actions>.btn{flex:1}.account-message{padding:var(--space-surface-sm);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent)}.account-message--error{background:var(--color-brand-soft);color:var(--color-danger)}.account-danger{color:var(--color-danger)}.account-divider{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-label)}.account-demo-link{display:flex;align-items:center;justify-content:center;min-height:48px;text-decoration:underline;text-underline-offset:var(--space-2);font-size:var(--font-size-label)}.activity-screen .section__title,.activity-body{overflow-wrap:anywhere}.activity-screen textarea{resize:vertical}.activity-screen select{min-height:48px}