:root{--c-bg: #fff9f3;--c-surface: #ffffff;--c-accent: #ff725e;--c-accent-2: #ff9a78;--c-peach: #ffe2d5;--c-text: #25252b;--c-muted: #777780;--c-border: #f0e7e0;--c-ok: #39b980;--c-error: #e65353;--c-accent-soft: rgba(255, 114, 94, .1);--c-accent-ring: rgba(255, 114, 94, .32);--c-accent-glow: rgba(255, 114, 94, .3);--c-backdrop: rgba(23, 25, 31, .42);--c-glass: rgba(255, 255, 255, .86);--c-glass-sheet: rgba(255, 255, 255, .92);--c-scrim-dark: rgba(23, 25, 31, .55);--c-scrim-strong: rgba(23, 25, 31, .78);--c-scrim-light: rgba(255, 255, 255, .82);--blur-bar: 24px;--blur-sheet: 32px;--blur-chip: 12px;--glass-saturate: 180%;--c-glass-line: rgba(255, 255, 255, .75);--c-nav-ink: #777780;--c-ok-soft: rgba(57, 185, 128, .12);--c-error-soft: rgba(230, 83, 83, .1);--c-accent-ink: #ffffff;--c-ink-soft: #a8402f;--c-ink-accent: #c4452f;--c-ink-ok: #1f7d55;--c-ink-on-light: #25252b;--c-skeleton-mid: #faf4ee;--c-switch-off: #d9cbc0;--c-switch-thumb: #ffffff;--gradient-accent: linear-gradient(180deg, #ff8a72 0%, #ff725e 100%);--gradient-warm: linear-gradient(180deg, #fff3e9 0%, #ffd9c4 44%, #ff9a78 80%, #ff725e 100%);--c-premium: #c9a227;--c-premium-soft: rgba(201, 162, 39, .35);--gradient-premium: linear-gradient(135deg, #e8c877 0%, #c9a227 100%);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-screen: 26px;--fs-card: 17px;--fs-body: 15px;--fs-caption: 12.5px;--fs-button: 15.5px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--gutter: 16px;--r-card: 22px;--r-button: 18px;--r-field: 16px;--r-sm: 12px;--r-pill: 999px;--shadow-card: 0 2px 10px rgba(37, 37, 43, .05);--shadow-raised: 0 8px 24px rgba(37, 37, 43, .09);--shadow-nav: 0 -2px 14px rgba(37, 37, 43, .06);--tap: 48px;--nav-height: 60px;--photo-ratio: 3 / 4;--wheel-item: 40px;--dur-fast: .12s;--dur: .2s;--ease: cubic-bezier(.32, .72, 0, 1);--dur-theme: .32s;--ease-press: cubic-bezier(.2, .8, .2, 1)}[data-palette=male]{--c-bg: #f5f8fd;--c-accent: #4a6cf5;--c-accent-2: #7b95ff;--c-peach: #dfe7fd;--c-text: #202634;--c-muted: #6f7a90;--c-border: #e3e9f5;--c-accent-soft: rgba(74, 108, 245, .1);--c-accent-ring: rgba(74, 108, 245, .32);--c-accent-glow: rgba(74, 108, 245, .3);--c-ink-soft: #2b4bb5;--c-ink-accent: #2f4fcc;--c-skeleton-mid: #eef3fc;--c-switch-off: #ccd6e8;--gradient-accent: linear-gradient(180deg, #7b95ff 0%, #4a6cf5 100%);--gradient-warm: linear-gradient(180deg, #eef3ff 0%, #d7e2ff 44%, #8ba4ff 80%, #4a6cf5 100%)}[data-theme=dark]{--c-bg: #17191f;--c-surface: #1f222a;--c-border: #2c3038;--c-text: #f4f2f0;--c-muted: #9b9ba4;--c-accent-soft: rgba(255, 114, 94, .16);--c-accent-glow: rgba(255, 114, 94, .42);--c-backdrop: rgba(0, 0, 0, .62);--c-glass: rgba(31, 34, 42, .86);--c-glass-sheet: rgba(31, 34, 42, .9);--c-glass-line: rgba(255, 255, 255, .08);--c-nav-ink: #c9c9d2;--c-peach: #33262a;--c-ink-soft: #ffc0b2;--c-ink-accent: #ffb0a0;--c-ink-ok: #6ddc9c;--c-skeleton-mid: #262a32;--c-switch-off: #3a3f4a;--c-switch-thumb: #f2f0ee;--c-premium: #f7d08a;--c-premium-soft: rgba(247, 208, 138, .45);--gradient-premium: linear-gradient(135deg, #ffe3ae 0%, #d8ad45 100%);--gradient-warm: linear-gradient(180deg, #262a33 0%, #2e323d 44%, #212530 80%, #1b1e26 100%);--shadow-card: none;--shadow-raised: 0 10px 28px rgba(0, 0, 0, .4);--shadow-nav: 0 -2px 14px rgba(0, 0, 0, .35);color:var(--c-text);background:var(--c-bg);color-scheme:dark}[data-theme=dark][data-palette=male]{--c-bg: #171a22;--c-surface: #1e2230;--c-border: #2b3040;--c-peach: #232a3d;--c-accent-soft: rgba(96, 130, 255, .18);--c-accent-glow: rgba(96, 130, 255, .42);--c-glass: rgba(30, 34, 48, .86);--c-glass-sheet: rgba(30, 34, 48, .9);--c-ink-soft: #b9c9ff;--c-ink-accent: #adc0ff;--c-skeleton-mid: #252a38;--c-switch-off: #3b4252;--c-switch-thumb: #e9edf6}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:var(--fs-body);line-height:1.45;-webkit-text-size-adjust:100%;overflow-x:hidden}body{overscroll-behavior-y:none}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--c-accent)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}html,body,.app,.screen,.chat,.screen__header,.screen__footer,.card{transition:background-color var(--dur-theme) var(--ease),border-color var(--dur-theme) var(--ease),color var(--dur-theme) var(--ease)}.app{display:flex;flex-direction:column;height:100dvh;background:var(--c-bg)}.app__content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--sp-4))}.screen{display:flex;flex-direction:column;height:100dvh;background:var(--c-bg)}.screen__header{flex-shrink:0;padding:var(--sp-4) var(--gutter) var(--sp-3)}.screen__header--bordered{border-bottom:1px solid var(--c-border);background:var(--c-bg);position:sticky;top:0;z-index:3}.header-actions{display:flex;align-items:center;gap:var(--sp-1)}.screen__title{font-size:var(--fs-screen);font-weight:var(--fw-bold);letter-spacing:-.02em}.screen__header-avatar{flex:none;display:inline-flex}.screen__subtitle{margin-top:var(--sp-1);font-size:var(--fs-caption);color:var(--c-muted)}.screen__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--gutter) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}.screen__body--padded{padding-top:var(--sp-2)}.screen__body>*{flex:none}.screen__footer{flex-shrink:0;position:sticky;bottom:0;z-index:2;padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--c-bg);display:flex;flex-direction:column;gap:var(--sp-2)}.screen__footer--raised{border-top:1px solid var(--c-border);box-shadow:var(--shadow-nav)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.stack--tight{gap:var(--sp-2)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--c-muted)}.caption{font-size:var(--fs-caption);color:var(--c-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes fade-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-rise{animation:fade-rise var(--dur) var(--ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--r-button);font-size:var(--fs-button);font-weight:var(--fw-semibold);background:var(--c-surface);color:var(--c-text);transition:transform var(--dur-fast) var(--ease-press),opacity var(--dur-fast) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.975)}.btn--primary{background:var(--gradient-accent);color:var(--c-accent-ink);box-shadow:0 6px 16px var(--c-accent-glow)}.btn--secondary{background:var(--c-peach);color:var(--c-ink-soft)}.btn--ghost{background:transparent;border-color:var(--c-border);color:var(--c-muted)}.btn--danger{background:var(--c-error-soft);color:var(--c-error)}.btn--block{width:100%}.btn--lg{min-height:56px;font-size:16px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:default;box-shadow:none}.btn--icon{width:var(--tap);height:var(--tap);min-height:var(--tap);padding:0;border-radius:var(--r-pill);flex:none}.btn--icon-lg{width:62px;height:62px;min-height:62px;border-radius:var(--r-pill);padding:0;flex:none}.btn--plain{background:transparent;border:0;padding:0 var(--sp-2);min-height:44px}.avatar{position:relative;flex:none;width:48px;height:48px;border-radius:var(--r-pill);overflow:hidden;background:var(--c-peach);display:grid;place-items:center;font-weight:var(--fw-semibold);color:var(--c-ink-soft);-webkit-user-select:none;user-select:none}.avatar--sm{width:36px;height:36px;font-size:var(--fs-caption)}.avatar--lg{width:72px;height:72px;font-size:24px}.avatar img{width:100%;height:100%;object-fit:cover}.avatar__dot{position:absolute;right:0;bottom:0;width:13px;height:13px;border-radius:var(--r-pill);background:var(--c-ok);border:2.5px solid var(--c-surface)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-body);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-press)}.chip:active{transform:scale(.96)}.chip--selected{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-ink-accent);font-weight:var(--fw-semibold)}.chip--readonly{background:var(--c-bg);color:var(--c-ink-soft);cursor:default}.chip__check{flex:none;color:var(--c-accent)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.chip-grid__item{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:0 var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-field);background:var(--c-surface);color:var(--c-text);font-weight:var(--fw-medium);text-align:left;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-press)}.chip-grid__item:active{transform:scale(.97)}.chip-grid__item--selected{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-ink-accent);font-weight:var(--fw-semibold)}.chip-grid__icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--r-sm);background:var(--c-peach);color:var(--c-ink-accent)}.chip-grid__item--selected .chip-grid__icon{background:var(--c-accent);color:var(--c-accent-ink)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--sp-4)}.card--flush{padding:0;overflow:hidden}.card--flat{box-shadow:none}.card__section{padding:var(--sp-4)}.card__divider{height:1px;background:var(--c-border)}.user-card{position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--c-peach);box-shadow:var(--shadow-raised);aspect-ratio:var(--photo-ratio);max-height:62dvh}.user-card__photo{width:100%;height:100%;object-fit:cover}.user-card__empty{width:100%;height:100%;display:grid;place-items:center;gap:var(--sp-2);color:var(--c-ink-soft);background:var(--gradient-warm);text-align:center;padding:var(--sp-6)}.user-card__overlay{position:absolute;inset:auto 0 0 0;padding:var(--sp-6) var(--sp-4) var(--sp-4);background:linear-gradient(180deg,#17191f00,#17191fb8 62%,#17191fe0);color:#fff;display:flex;flex-direction:column;gap:var(--sp-2)}.user-card__name{font-size:24px;font-weight:var(--fw-bold);letter-spacing:-.02em}.user-card__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:#ffffffe0}.user-card__counter{position:absolute;top:var(--sp-3);right:var(--sp-3);padding:3px 10px;border-radius:var(--r-pill);background:var(--c-scrim-dark);color:#fff;font-size:var(--fs-caption);font-weight:var(--fw-medium)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.user-card__counter{-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate))}}.user-card__compat{position:absolute;top:var(--sp-3);left:var(--sp-3);padding:3px 10px;border-radius:var(--r-pill);background:var(--c-scrim-dark);color:#fff;font-size:var(--fs-caption);font-weight:var(--fw-medium)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.user-card__compat{-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate))}}.user-card__goal{align-self:flex-start;padding:4px 12px;border-radius:var(--r-pill);background:var(--c-scrim-light);color:var(--c-ink-on-light);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.user-card__goal{-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate))}}.activity-card{display:flex;gap:var(--sp-3);padding:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-card);text-align:left;width:100%;color:var(--c-text);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-press)}.activity-card:active{transform:scale(.985)}.activity-card__thumb{width:92px;height:92px;flex:none;border-radius:var(--r-field);object-fit:cover;background:var(--gradient-warm)}.activity-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}.activity-card__title{font-size:var(--fs-card);font-weight:var(--fw-semibold)}.activity-card__line{display:flex;align-items:center;gap:6px;font-size:var(--fs-caption);color:var(--c-muted)}.activity-card__people{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);font-size:var(--fs-caption);color:var(--c-muted)}.chat-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) 0;background:transparent;border:0;text-align:left;color:var(--c-text);transition:background-color var(--dur-fast) var(--ease),color var(--dur) var(--ease)}.chat-row:active{background:var(--c-accent-soft)}.chat-row+.chat-row{border-top:1px solid var(--c-border)}.chat-row__unread{min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-accent-ink);font-size:11.5px;font-weight:var(--fw-bold);display:grid;place-items:center;flex:none}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-muted)}.field__hint{font-size:var(--fs-caption);color:var(--c-muted)}.field__error{display:flex;align-items:center;gap:6px;font-size:var(--fs-caption);color:var(--c-error)}.field__counter{align-self:flex-end;font-size:11.5px;color:var(--c-muted)}.input,.select,.textarea{width:100%;min-height:var(--tap);padding:12px var(--sp-4);font:inherit;font-size:var(--fs-body);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-field);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.textarea{min-height:104px;resize:vertical;line-height:1.5}.select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23777780' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--sp-4) center;padding-right:44px}.input::placeholder,.textarea::placeholder{color:var(--c-muted);opacity:.75}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--c-error);background:var(--c-error-soft)}.spinner{width:26px;height:26px;border:3px solid var(--c-peach);border-top-color:var(--c-accent);border-radius:var(--r-pill);animation:spin .9s linear infinite;flex:none}.spinner--sm{width:18px;height:18px;border-width:2px}.spinner--button{width:17px;height:17px;border-width:2px;border-color:currentColor;border-top-color:transparent;opacity:.8}[data-theme=dark] .spinner{border-color:var(--c-border);border-top-color:var(--c-accent)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--c-border) 0%,var(--c-skeleton-mid) 50%,var(--c-border) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--card{border-radius:var(--r-card);aspect-ratio:var(--photo-ratio);max-height:62dvh;width:100%}.skeleton--line{height:12px;border-radius:var(--r-pill)}.skeleton--avatar{width:48px;height:48px;border-radius:var(--r-pill);flex:none}.empty,.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);text-align:center}.empty__icon,.error-state__icon{display:grid;place-items:center;width:68px;height:68px;border-radius:var(--r-pill);background:var(--c-peach);color:var(--c-accent)}.error-state__icon{background:var(--c-error-soft);color:var(--c-error)}.empty__title,.error-state__title{font-size:var(--fs-card);font-weight:var(--fw-semibold)}.empty__text,.error-state__text{font-size:var(--fs-body);color:var(--c-muted);max-width:30ch}.skeleton-stack{display:flex;flex-direction:column;gap:var(--sp-4)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);background:var(--c-peach);color:var(--c-ink-soft)}.badge--ok{background:var(--c-ok-soft);color:var(--c-ink-ok)}.badge--todo{background:var(--c-accent-soft);color:var(--c-ink-accent)}.badge--error{background:var(--c-error-soft);color:var(--c-error)}.badge--premium{background:linear-gradient(135deg,#ffe9c9,#f7d08a);color:#7a5312}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--c-backdrop);display:flex;align-items:flex-end;justify-content:center;animation:fade-in var(--dur-fast) var(--ease) both}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sheet-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.sheet{width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--c-bg);border-radius:var(--r-card) var(--r-card) 0 0;padding:var(--sp-4) var(--gutter) calc(var(--sp-5) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--sp-4);animation:sheet-up var(--dur) var(--ease) both;transition:background-color var(--dur-theme) var(--ease)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sheet{background:var(--c-glass-sheet);box-shadow:inset 0 1px 0 var(--c-glass-line)}}@keyframes sheet-up{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.sheet__handle{width:40px;height:4px;border-radius:var(--r-pill);background:var(--c-border);margin:0 auto}.sheet__title{font-size:19px;font-weight:var(--fw-bold)}.sheet__actions{display:flex;flex-direction:column;gap:var(--sp-2)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--c-surface);border-top:1px solid var(--c-border);box-shadow:var(--shadow-nav);transition:background-color var(--dur-theme) var(--ease),border-color var(--dur-theme) var(--ease)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bottom-nav{background:var(--c-glass);border-top-color:var(--c-glass-line);-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-bar)) saturate(var(--glass-saturate))}}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--c-nav-ink);font-size:11px;font-weight:var(--fw-medium);padding:0;position:relative;transition:color var(--dur-fast) var(--ease)}.bottom-nav__item:active{color:var(--c-text)}.bottom-nav__item--active{color:var(--c-accent);font-weight:var(--fw-semibold)}.bottom-nav__item--active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--c-accent)}.bottom-nav__badge{position:absolute;top:6px;left:50%;margin-left:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-accent-ink);font-size:10px;font-weight:var(--fw-bold);display:grid;place-items:center}.topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--gutter) var(--sp-3);background:var(--c-bg);transition:background-color var(--dur-theme) var(--ease)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.topbar{background:var(--c-glass);-webkit-backdrop-filter:blur(var(--blur-bar)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-bar)) saturate(var(--glass-saturate))}}.topbar__brand{display:flex;align-items:center;gap:var(--sp-2);font-size:19px;font-weight:var(--fw-bold);letter-spacing:-.01em}.tabs{display:flex;gap:var(--sp-2);overflow-x:auto;margin-top:var(--sp-2);padding:var(--sp-1) var(--sp-5) var(--sp-3);scroll-padding-inline:var(--sp-5);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;min-height:38px;padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid transparent;background:var(--c-surface);color:var(--c-muted);font-size:var(--fs-body);font-weight:var(--fw-medium);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-press)}.tab:active{transform:scale(.96)}.tab--active{background:var(--gradient-accent);color:var(--c-accent-ink);font-weight:var(--fw-semibold)}.divider{height:1px;background:var(--c-border)}.section-label{font-size:var(--fs-caption);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted)}.section-label--danger{color:var(--c-error)}.link-row{width:100%;min-height:var(--tap);padding:0;background:transparent;border:0;text-align:left;color:var(--c-text);transition:background-color var(--dur-fast) var(--ease),color var(--dur) var(--ease)}.link-row:active{background:var(--c-accent-soft)}.menu-list{display:flex;flex-direction:column;flex:none}.menu-list--card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);overflow:hidden}.menu-list--card .menu-item{padding:var(--sp-3) var(--sp-4)}.menu-list--card .menu-item+.menu-item{border-top:1px solid var(--c-border)}.menu-item{display:flex;align-items:center;gap:var(--sp-4);min-height:56px;padding:var(--sp-2) 0;background:transparent;border:0;text-align:left;width:100%;color:var(--c-text);border-radius:var(--r-sm);transition:background-color var(--dur-fast) var(--ease),color var(--dur) var(--ease)}.menu-item:active:not(:disabled){background:var(--c-accent-soft)}.menu-item__icon{display:grid;place-items:center;width:24px;height:24px;flex:none;color:var(--c-text)}.menu-item__chevron{color:var(--c-muted);flex:none}.premium-banner{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-card);background:var(--c-surface);border:1.5px solid var(--c-premium);color:var(--c-text);width:100%;text-align:left;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease-press)}.premium-banner:active:not(:disabled){transform:scale(.985)}.premium-banner__crown{display:grid;place-items:center;width:40px;height:40px;flex:none;color:var(--c-premium);filter:drop-shadow(0 0 10px var(--c-premium-soft))}.premium-banner__title{display:block;font-size:var(--fs-card);font-weight:var(--fw-bold)}.premium-banner__text{display:block;font-size:var(--fs-body);color:var(--c-muted)}.logo-mark{display:inline-block;flex-shrink:0;aspect-ratio:1;background:center / contain no-repeat url(/brand/heart-coral.webp)}.logo-word{display:inline-block;aspect-ratio:960 / 198;background:center / contain no-repeat url(/brand/word-coral.webp)}[data-palette=male] .logo-mark{background-image:url(/brand/heart-blue.webp)}[data-palette=male] .logo-word{background-image:url(/brand/word-blue.webp)}.check-wrap{display:flex;flex-direction:column;gap:var(--sp-1)}.check{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--tap);cursor:pointer}.check__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:48px;height:30px;margin:0;border-radius:var(--r-pill);background:var(--c-switch-off);position:relative;transition:background var(--dur) var(--ease)}.check__input:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--c-switch-thumb);box-shadow:var(--shadow-card);transition:transform var(--dur) var(--ease)}.check__input:checked{background:var(--c-accent)}.check__input:checked:after{transform:translate(18px)}.check__input:disabled{cursor:default;opacity:.6}.check__label{display:block;font-weight:var(--fw-medium)}.check__hint{display:block;font-size:var(--fs-caption);color:var(--c-muted)}.steps{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--gutter) 0}.steps+.screen__header{padding-top:var(--sp-2)}.steps__bar{display:flex;gap:var(--sp-1)}.steps__seg{flex:1;height:4px;border-radius:var(--r-pill);background:var(--c-border)}.steps__seg--done{background:var(--c-accent)}.steps__caption{font-size:var(--fs-caption);color:var(--c-muted)}.wheel-field{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);text-align:left;cursor:pointer}.wheel-field__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-field__value--empty{color:var(--c-muted);opacity:.75}.wheel{position:relative}.wheel__frame{position:relative;z-index:1;display:flex;gap:var(--sp-2);height:calc(var(--wheel-item) * 5);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)}.wheel__column{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;padding:calc(var(--wheel-item) * 2) 0}.wheel__column::-webkit-scrollbar{display:none}.wheel__item{display:block;width:100%;height:var(--wheel-item);scroll-snap-align:center;padding:0 var(--sp-2);border:0;background:transparent;color:var(--c-text);font:inherit;font-size:18px;line-height:var(--wheel-item);text-align:center;cursor:pointer}.wheel__item--selected{font-weight:var(--fw-bold);color:var(--c-accent)}.wheel__band{position:absolute;left:0;right:0;top:50%;height:var(--wheel-item);transform:translateY(-50%);background:var(--c-peach);border-radius:var(--r-field);pointer-events:none}.district-field{display:flex;flex-direction:column;gap:6px}.referral-link{padding:12px var(--sp-4);background:var(--c-peach);border-radius:var(--r-field);font-size:var(--fs-caption);line-height:1.45;word-break:break-all;user-select:all;-webkit-user-select:all}.referral-actions{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-2)}.intention-card,.intention-card__body,.chat__input,.chat__older,.chat__day span,.chat__bubble--theirs,.chat__composer,.chat__bubble-body,.match-card,.photo-grid__add,.user-card,.other-profile__hint{transition:background-color var(--dur-theme) var(--ease),border-color var(--dur-theme) var(--ease),color var(--dur-theme) var(--ease)}.welcome{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:url(/welcome-bg.jpg) center / cover no-repeat;color:#fff}.welcome__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#1e100c14,#1e100c00 30%,#1e100c00 52%,#1e100c8c 78%,#1e100cc7)}.welcome__top{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:calc(var(--sp-8) + env(safe-area-inset-top)) var(--sp-6) var(--sp-6);text-align:center}.welcome__logo{filter:drop-shadow(0 8px 20px rgba(168,64,47,.28))}.welcome__word{width:264px;height:54px;aspect-ratio:960 / 198;background:center / contain no-repeat url(/brand/word-coral.webp);filter:drop-shadow(0 6px 18px rgba(168,64,47,.24))}[data-palette=male] .welcome__word{background-image:url(/brand/word-blue.webp);filter:drop-shadow(0 6px 18px rgba(31,60,140,.28))}.welcome__tagline{font-size:var(--fs-caption);letter-spacing:.06em;text-transform:uppercase;color:#4a2c22d9}.welcome__bottom{position:relative;padding:0 var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--sp-4);text-align:center}.welcome__slogan{font-size:27px;font-weight:700;line-height:1.25;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.5)}.welcome__note{font-size:var(--fs-body);color:#ffffffeb}.welcome__age{font-size:var(--fs-caption);color:#ffffffd9}.welcome .btn--primary{background:#f2897a;color:#fff;box-shadow:0 10px 26px #00000059}.discovery{display:flex;flex-direction:column;gap:var(--sp-4)}.discovery__card{position:relative}.discovery__photo-zone{position:absolute;top:0;bottom:0;width:35%;padding:0;border:0;background:transparent;cursor:pointer}.discovery__photo-zone--prev{left:0}.discovery__photo-zone--next{right:0}.discovery__bio{margin:0;font-size:var(--fs-body);color:var(--c-text)}.discovery__filters{margin:0;padding:0 var(--sp-4) var(--sp-2);font-size:var(--fs-caption);color:var(--c-muted)}.discovery__actions--overlay{position:absolute;right:var(--sp-4);bottom:var(--sp-4);z-index:2;margin:0}.discovery__actions{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-2) 0 var(--sp-1)}.btn--pass{background:var(--c-surface);border-color:var(--c-border);color:var(--c-muted);box-shadow:var(--shadow-card)}.btn--like{background:var(--gradient-accent);color:var(--c-accent-ink);box-shadow:0 8px 22px var(--c-accent-glow)}.btn--super{background:var(--c-surface);border-color:var(--c-border);color:var(--c-accent-2);box-shadow:var(--shadow-card)}.discovery__hint{text-align:center;font-size:var(--fs-caption);color:var(--c-muted);min-height:18px}.today__list{display:flex;flex-direction:column;gap:var(--sp-3)}.today__date{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em}.chats__list{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);padding:0 var(--sp-4);overflow:hidden}.chats__row-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.chats__row-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.chats__name{font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chats__time{font-size:11.5px;color:var(--c-muted);flex:none}.chats__preview{font-size:var(--fs-caption);color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--c-bg);transition:background-color var(--dur-theme) var(--ease)}.chat__body{padding:0;gap:0}.chat__scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--gutter) var(--sp-2)}.chat__scroll>div:first-of-type{margin-top:auto}.chat__older{align-self:center;margin:var(--sp-1) 0 var(--sp-2);padding:7px 14px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-muted);font-size:var(--fs-caption)}.chat__day{display:flex;justify-content:center;margin:var(--sp-3) 0 var(--sp-1)}.chat__day span{padding:3px 12px;border-radius:var(--r-pill);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-muted);font-size:11.5px;font-weight:var(--fw-medium)}.chat__bubble{max-width:78%;padding:9px 13px;border-radius:16px;display:flex;flex-direction:column;gap:3px;word-break:break-word;white-space:pre-wrap}.chat__bubble--mine{align-self:flex-end;background:var(--gradient-accent);color:var(--c-accent-ink);border-bottom-right-radius:5px}.chat__bubble--theirs{align-self:flex-start;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);border-bottom-left-radius:5px}.chat__bubble--mine.chat__bubble--failed{opacity:.7}.chat__bubble-body{font-size:var(--fs-body);line-height:1.4}.chat__bubble-meta{align-self:flex-end;font-size:11px;opacity:.7}.chat__composer{gap:var(--sp-2)}.chat__composer-error{margin:0;font-size:var(--fs-caption);color:var(--c-error)}.chat__input-row{display:flex;align-items:flex-end;gap:var(--sp-2)}.chat__input{flex:1;min-height:44px;max-height:120px;padding:11px var(--sp-4);font:inherit;font-size:var(--fs-body);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-pill);resize:none;line-height:1.4}.chat__input::placeholder{color:var(--c-muted);opacity:.75}.avatar-ring{display:inline-grid;place-items:center;flex:none;padding:2px;border-radius:var(--r-pill);background:var(--gradient-premium)}.profile-hero{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) 0 var(--sp-1)}.profile-hero__name{font-size:21px;font-weight:var(--fw-bold);letter-spacing:-.01em}.profile-hero__meta{font-size:var(--fs-caption);color:var(--c-muted)}.profile-hero__warning{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-caption);color:var(--c-ink-soft)}.styleguide{display:flex;flex-direction:column;gap:var(--sp-6);padding-bottom:var(--sp-8)}.styleguide__group{display:flex;flex-direction:column;gap:var(--sp-3)}.styleguide__label{font-size:var(--fs-caption);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted)}.styleguide__note{font-size:var(--fs-caption);color:var(--c-muted);padding:var(--sp-3);border-radius:var(--r-field);background:var(--c-accent-soft);border:1px solid var(--c-border)}.styleguide__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-2)}.styleguide__swatch{border-radius:var(--r-sm);border:1px solid var(--c-border);overflow:hidden;font-size:11px}.styleguide__swatch-color{height:44px}.styleguide__swatch-name{padding:5px 7px;background:var(--c-surface);color:var(--c-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.styleguide__photo-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-2)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-3)}.photo-grid__item{position:relative;border-radius:var(--r-field);overflow:hidden;background:var(--c-peach);aspect-ratio:var(--photo-ratio)}.photo-grid__item img{width:100%;height:100%;object-fit:cover}.photo-grid__pick{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.photo-grid__pick:disabled{cursor:default}.photo-grid__primary{position:absolute;left:6px;bottom:6px;padding:3px 8px;border-radius:var(--r-pill);background:var(--c-scrim-light);color:var(--c-ink-on-light);font-size:10.5px;font-weight:var(--fw-semibold)}.photo-grid__remove{position:absolute;top:6px;right:6px;z-index:1;width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:var(--r-pill);background:var(--c-scrim-dark);color:#fff;display:grid;place-items:center;transition:background-color var(--dur-fast) var(--ease)}.photo-grid__remove:active{background:var(--c-scrim-strong)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.photo-grid__primary,.photo-grid__remove{-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate))}}.photo-grid__add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:var(--photo-ratio);border:1.5px dashed var(--c-border);border-radius:var(--r-field);background:var(--c-surface);color:var(--c-muted);font-size:var(--fs-caption)}.photo-grid__add:disabled{opacity:.55}.other-profile{display:flex;flex-direction:column;gap:var(--sp-4)}.other-profile__photo{position:relative;width:100%;aspect-ratio:var(--photo-ratio);border-radius:var(--r-card);overflow:hidden;background:var(--c-peach)}.other-profile__img{width:100%;height:100%;object-fit:cover}.other-profile__empty{width:100%;height:100%;display:grid;place-items:center;color:var(--c-muted);font-size:var(--fs-caption)}.other-profile__zone{position:absolute;top:0;bottom:0;width:35%;padding:0;border:0;background:transparent;cursor:pointer}.other-profile__zone--prev{left:0}.other-profile__zone--next{right:0}.other-profile__counter{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:var(--r-pill);background:var(--c-scrim-dark);color:#fff;font-size:11.5px;font-weight:var(--fw-semibold)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.other-profile__counter{-webkit-backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--blur-chip)) saturate(var(--glass-saturate))}}.other-profile__hint{margin:0;padding:var(--sp-2) var(--sp-5);text-align:center;font-size:var(--fs-caption);color:var(--c-muted);min-height:18px}.user-card--button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.match-card{margin-bottom:var(--sp-4)}.match-card__actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.match-card__actions .btn{flex:1}.notice{margin:0 0 var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-sm);text-align:center}.intention-card{margin-bottom:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius-lg);background:var(--c-surface);border:1px solid var(--c-border)}.intention-card--mine{background:var(--c-accent-light);border-color:var(--c-accent)}.intention-card__header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);color:var(--c-accent);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.intention-card__title{color:var(--c-accent)}.intention-card__body{margin-bottom:var(--sp-2);font-size:var(--fs-base);color:var(--c-text);line-height:1.45}.intention-card__meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-sm);color:var(--c-muted)}.intention-card__meta span{display:inline-flex;align-items:center;gap:var(--sp-1)}.intention-form__row{display:flex;gap:var(--sp-3)}.intention-form__row>*{flex:1}.meetup-card{margin-bottom:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface)}.meetup-card--past{opacity:.72}.meetup-card__head{display:flex;align-items:center;gap:var(--sp-3)}.meetup-card__name{font-weight:var(--fw-semibold);color:var(--c-text)}.meetup-card__when{font-size:var(--fs-sm);color:var(--c-accent);font-weight:var(--fw-medium)}.meetup-card__body{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--c-muted)}.meetup-card__line{display:flex;align-items:center;gap:var(--sp-1)}.meetup-card__comment{margin:0;color:var(--c-text)}.meetup-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.meetup-card__actions .btn{flex:1}.meetup-form__row{display:flex;gap:var(--sp-3)}.meetup-form__row>*{flex:1}