:root{--w-bg: #FAF7F1;--w-surface: #FFFFFF;--w-surface-soft: #F3EEE6;--w-ink: #2B2722;--w-ink-soft: #6E665C;--w-ink-faint: #9C948A;--w-primary: #1E5F4E;--w-primary-deep: #174A3D;--w-primary-soft: #E6F0EC;--w-accent: #B99857;--w-accent-soft: #F5EDDC;--w-danger: #A63D2E;--w-danger-soft: #F7E8E5;--w-success: #2E7D5B;--w-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--w-font-display: "New York", Georgia, "Times New Roman", serif;--w-fs-base: 17px;--w-fs-sm: 15px;--w-fs-lg: 19px;--w-fs-title: 24px;--w-fs-hero: 32px;--w-lh: 1.55;--w-radius: 14px;--w-radius-lg: 22px;--w-gap: 16px;--w-gap-lg: 24px;--w-touch: 48px;--w-shadow: 0 2px 14px rgba(43, 39, 34, .07);--w-shadow-lift: 0 6px 24px rgba(43, 39, 34, .12);--w-safe-bottom: env(safe-area-inset-bottom, 0px);--w-safe-top: env(safe-area-inset-top, 0px)}html{font-size:var(--w-fs-base)}body{margin:0;background:var(--w-bg);color:var(--w-ink);font-family:var(--w-font-ui);line-height:var(--w-lh);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--w-font-display);font-weight:600;color:var(--w-ink)}button,.w-btn{min-height:var(--w-touch);font-size:var(--w-fs-base);border-radius:var(--w-radius);font-family:var(--w-font-ui)}input,select,textarea{font-size:var(--w-fs-base);min-height:var(--w-touch);border-radius:var(--w-radius)}*{box-sizing:border-box}html,body{height:100%}#root{min-height:100%;display:flex;flex-direction:column}a{color:var(--w-primary);text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 var(--w-gap)}.page{flex:1;width:100%;max-width:560px;margin:0 auto;padding:var(--w-gap-lg) var(--w-gap) calc(96px + var(--w-safe-bottom))}.page--center{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 40px);padding-bottom:var(--w-gap-lg)}.page--chat{padding-bottom:0;max-width:640px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;min-height:calc(56px + var(--w-safe-top));padding:var(--w-safe-top) 8px 0;background:color-mix(in srgb,var(--w-bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--w-surface-soft)}.topbar__title{font-family:var(--w-font-display);font-size:var(--w-fs-title);font-weight:600;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__back{background:none;border:none;color:var(--w-primary);min-width:var(--w-touch);min-height:var(--w-touch);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--w-fs-base)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--w-surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--w-surface-soft);padding-bottom:var(--w-safe-bottom)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;min-height:56px;color:var(--w-ink-soft);background:none;border:none;font-size:12px;font-family:var(--w-font-ui);cursor:pointer;position:relative}.tabbar__item.is-active{color:var(--w-primary);font-weight:600}.tabbar__item svg{width:26px;height:26px}.tabbar__dot{position:absolute;top:6px;right:calc(50% - 18px);width:10px;height:10px;border-radius:50%;background:var(--w-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--w-touch);padding:12px 22px;border-radius:var(--w-radius);border:1px solid transparent;font-size:var(--w-fs-base);font-family:var(--w-font-ui);font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .05s ease;text-align:center}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--w-primary);color:#fff}.btn--primary:hover{background:var(--w-primary-deep)}.btn--quiet{background:var(--w-surface);color:var(--w-primary);border-color:var(--w-primary-soft)}.btn--ghost{background:none;color:var(--w-primary)}.btn--danger{background:var(--w-danger-soft);color:var(--w-danger)}.btn--block{display:flex;width:100%}.btn--gold{background:var(--w-accent-soft);color:#7a6231;border-color:var(--w-accent)}.card{background:var(--w-surface);border-radius:var(--w-radius-lg);box-shadow:var(--w-shadow);padding:var(--w-gap-lg);margin-bottom:var(--w-gap-lg)}.card--soft{background:var(--w-surface-soft);box-shadow:none}.section-title{font-family:var(--w-font-display);font-size:var(--w-fs-lg);font-weight:600;margin:0 0 12px;display:flex;align-items:baseline;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:var(--w-accent-soft)}.hr-gold{border:none;height:1px;background:var(--w-accent-soft);margin:var(--w-gap-lg) 0}.brand{text-align:center;margin-bottom:var(--w-gap-lg)}.brand__mark{margin-bottom:14px}.brand__name{font-family:var(--w-font-display);font-size:var(--w-fs-hero);font-weight:600;color:var(--w-primary-deep);margin:0;letter-spacing:.01em}.brand__name .ar{font-size:.92em;margin-inline-start:10px}.brand__tagline{color:var(--w-accent);font-family:var(--w-font-display);font-style:italic;font-size:var(--w-fs-lg);margin:6px 0 0}.brand__subtitle{color:var(--w-ink-soft);max-width:34ch;margin:14px auto 0}.field{margin-bottom:var(--w-gap-lg)}.field__label{display:block;font-weight:600;margin-bottom:8px}.field__hint{color:var(--w-ink-soft);font-size:var(--w-fs-sm);margin:6px 0 0}.field__error{color:var(--w-danger);font-size:var(--w-fs-sm);margin:6px 0 0}.input,.textarea,.select{width:100%;border:1.5px solid #DDD5C8;background:var(--w-surface);color:var(--w-ink);padding:12px 14px;font-family:var(--w-font-ui);line-height:1.4}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--w-primary);outline-offset:1px;border-color:var(--w-primary)}.textarea{min-height:120px;resize:vertical}.char-count{text-align:right;color:var(--w-ink-faint);font-size:var(--w-fs-sm);margin-top:4px}.choices{display:flex;flex-direction:column;gap:10px}.choice{display:flex;align-items:center;gap:12px;min-height:var(--w-touch);padding:12px 16px;border:1.5px solid #DDD5C8;border-radius:var(--w-radius);background:var(--w-surface);cursor:pointer;font-size:var(--w-fs-base);text-align:left;width:100%;font-family:var(--w-font-ui);color:var(--w-ink)}.choice.is-selected{border-color:var(--w-primary);background:var(--w-primary-soft);font-weight:600}.choice__check{width:24px;height:24px;border-radius:50%;border:2px solid #C9C0B2;flex:none;display:inline-flex;align-items:center;justify-content:center}.choice.is-selected .choice__check{border-color:var(--w-primary);background:var(--w-primary);color:#fff}.choice__check--square{border-radius:7px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;background:var(--w-surface-soft);border-radius:999px;font-size:var(--w-fs-sm);border:1px solid #E2DACB}.chip__x{background:none;border:none;color:var(--w-ink-soft);cursor:pointer;min-height:24px;min-width:24px;font-size:18px;line-height:1;padding:0}.chip--action{background:var(--w-surface);border:1.5px solid var(--w-primary-soft);color:var(--w-primary);cursor:pointer;font-family:var(--w-font-ui)}.wizard__progress{color:var(--w-accent);font-size:var(--w-fs-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.wizard__bar{height:4px;background:var(--w-surface-soft);border-radius:2px;overflow:hidden;margin-bottom:var(--w-gap-lg)}.wizard__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--w-primary),var(--w-accent));border-radius:2px;transition:width .3s ease}.wizard__title{font-size:var(--w-fs-title);margin:0 0 8px}.wizard__intro{color:var(--w-ink-soft);font-family:var(--w-font-display);font-style:italic;font-size:var(--w-fs-lg);margin-bottom:var(--w-gap-lg)}.wizard__nav{display:flex;gap:12px;margin-top:var(--w-gap-lg)}.wizard__nav .btn--primary{flex:1}.range-row{display:flex;align-items:center;gap:12px}.range-row .select{width:auto;flex:1}.intro-card{padding:0;overflow:hidden}.intro-card__photo{position:relative;height:230px;background:var(--w-surface-soft)}.intro-card__photo img{width:100%;height:100%;object-fit:cover;display:block}.intro-card__band{position:absolute;top:14px;left:14px;background:color-mix(in srgb,var(--w-primary-deep) 82%,transparent);color:#f3e9d2;padding:6px 14px;border-radius:999px;font-size:var(--w-fs-sm);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.intro-card__body{padding:var(--w-gap-lg)}.intro-card__name{font-family:var(--w-font-display);font-size:var(--w-fs-title);font-weight:600;margin:0}.intro-card__meta{color:var(--w-ink-soft);margin:2px 0 14px}.share-list{list-style:none;padding:0;margin:0 0 10px}.share-list li{position:relative;padding-left:22px;margin-bottom:8px}.share-list li:before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--w-accent)}.explore-note{background:var(--w-accent-soft);border-radius:var(--w-radius);padding:12px 14px;font-size:var(--w-fs-sm);color:#6d5a30;margin-bottom:var(--w-gap)}.intro-card__actions{display:flex;gap:10px;margin-top:var(--w-gap)}.intro-card__actions .btn--primary{flex:1.6}.intro-card__actions .btn--quiet{flex:1}.state-note{text-align:center;padding:40px 20px;color:var(--w-ink-soft)}.state-note .brand__mark{opacity:.9}.state-note h2{font-size:var(--w-fs-title);color:var(--w-ink)}.profile-hero{text-align:center;margin-bottom:var(--w-gap-lg)}.profile-hero__photo{width:168px;height:168px;border-radius:50%;object-fit:cover;border:3px solid var(--w-accent-soft);box-shadow:var(--w-shadow);background:var(--w-surface-soft)}.demo-badge{display:inline-block;background:var(--w-accent-soft);color:#7a6231;border:1px solid var(--w-accent);border-radius:999px;padding:5px 14px;font-size:var(--w-fs-sm);font-weight:600;margin-bottom:10px}.answer-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--w-surface-soft)}.answer-row:last-child{border-bottom:none}.answer-row dt{color:var(--w-ink-soft);font-size:var(--w-fs-sm);flex:none;max-width:45%}.answer-row dd{margin:0;text-align:right;font-weight:500}.story-quote{font-family:var(--w-font-display);font-style:italic;font-size:var(--w-fs-lg);color:var(--w-ink);border-left:3px solid var(--w-accent);padding-left:16px;margin:0}.voice-player{display:flex;align-items:center;gap:12px;background:var(--w-primary-soft);border-radius:999px;padding:8px 18px 8px 8px}.voice-player__btn{width:var(--w-touch);height:var(--w-touch);border-radius:50%;border:none;background:var(--w-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.voice-player__bar{flex:1;height:5px;background:#cfe0da;border-radius:3px;overflow:hidden}.voice-player__bar i{display:block;height:100%;background:var(--w-primary);width:0}.voice-player__time{font-variant-numeric:tabular-nums;font-size:var(--w-fs-sm);color:var(--w-primary-deep)}.recorder{text-align:center}.recorder__countdown{font-variant-numeric:tabular-nums;font-size:var(--w-fs-lg);color:var(--w-danger);margin:10px 0}.recorder__pulse{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--w-danger);margin-right:8px;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.photo-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-slot{position:relative;aspect-ratio:3 / 4;border-radius:var(--w-radius);border:2px dashed #D6CCBB;background:var(--w-surface);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--w-ink-soft);font-size:13px;text-align:center;padding:6px;cursor:pointer;width:100%;font-family:var(--w-font-ui)}.photo-slot.has-photo{border-style:solid;border-color:var(--w-primary-soft);padding:0}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-slot__remove{position:absolute;top:6px;right:6px;background:#2b2722a6;color:#fff;border:none;border-radius:999px;min-width:34px;min-height:34px;cursor:pointer;font-size:16px}.photo-slot__tag{position:absolute;bottom:6px;left:6px;background:#2b2722a6;color:#fff;font-size:11px;border-radius:999px;padding:3px 9px}.progressbar{height:6px;border-radius:3px;background:var(--w-surface-soft);overflow:hidden;margin-top:10px}.progressbar i{display:block;height:100%;background:var(--w-primary);transition:width .2s}.chat{display:flex;flex-direction:column;height:100dvh}.chat__scroll{flex:1;overflow-y:auto;padding:var(--w-gap);-webkit-overflow-scrolling:touch}.day-sep{text-align:center;margin:18px 0 10px}.day-sep span{background:var(--w-surface-soft);color:var(--w-ink-soft);font-size:13px;border-radius:999px;padding:4px 14px}.bubble-row{display:flex;margin-bottom:8px}.bubble-row--mine{justify-content:flex-end}.bubble{max-width:78%;padding:10px 14px;border-radius:18px;box-shadow:var(--w-shadow);white-space:pre-wrap;overflow-wrap:anywhere}.bubble--mine{background:var(--w-primary);color:#fff;border-bottom-right-radius:6px}.bubble--theirs{background:var(--w-surface);color:var(--w-ink);border-bottom-left-radius:6px}.bubble--closure{background:var(--w-accent-soft);color:#5d4d28;font-family:var(--w-font-display);font-style:italic;margin:0 auto;border-radius:var(--w-radius)}.bubble__time{display:block;font-size:11px;opacity:.65;margin-top:4px;text-align:right;font-variant-numeric:tabular-nums}.composer{display:flex;align-items:flex-end;gap:10px;padding:10px var(--w-gap) calc(10px + var(--w-safe-bottom));background:var(--w-surface);border-top:1px solid var(--w-surface-soft)}.composer textarea{flex:1;min-height:var(--w-touch);max-height:130px;border:1.5px solid #DDD5C8;padding:12px 14px;font-family:var(--w-font-ui);resize:none}.composer__send{width:var(--w-touch);height:var(--w-touch);border-radius:50%;border:none;background:var(--w-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.composer__send:disabled{opacity:.4}.icebreakers{padding:0 var(--w-gap) 10px}.icebreakers__title{font-size:var(--w-fs-sm);color:var(--w-ink-soft);margin-bottom:8px}.conv-banner{margin:10px var(--w-gap);background:var(--w-accent-soft);color:#6d5a30;border-radius:var(--w-radius);padding:10px 14px;font-size:var(--w-fs-sm);display:flex;justify-content:space-between;align-items:center;gap:10px}.conv-closed-note{text-align:center;color:var(--w-ink-soft);padding:16px var(--w-gap) calc(20px + var(--w-safe-bottom));background:var(--w-surface);border-top:1px solid var(--w-surface-soft);font-family:var(--w-font-display);font-style:italic}.reveal-panel{padding:12px var(--w-gap);border-bottom:1px solid var(--w-surface-soft);background:var(--w-surface)}.reveal-panel summary{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:var(--w-touch);list-style:none}.reveal-panel summary::-webkit-details-marker{display:none}.reveal-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--w-surface-soft);flex:none}.reveal-body{padding:10px 0 4px}.reveal-stagecap{color:var(--w-ink-soft);font-size:var(--w-fs-sm)}.reveal-photo-lg{width:100%;max-height:300px;object-fit:cover;border-radius:var(--w-radius);margin:10px 0;background:var(--w-surface-soft)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:var(--w-touch);padding:6px 0}.switch{position:relative;width:54px;height:32px;flex:none;border-radius:999px;border:none;background:#d8d0c2;cursor:pointer;transition:background .2s}.switch.is-on{background:var(--w-primary)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px #00000040}.switch.is-on:after{transform:translate(22px)}.conv-row{display:flex;align-items:center;gap:14px;width:100%;background:var(--w-surface);border:none;border-radius:var(--w-radius-lg);box-shadow:var(--w-shadow);padding:14px;margin-bottom:12px;cursor:pointer;text-align:left;font-family:var(--w-font-ui);color:var(--w-ink)}.conv-row__photo{width:58px;height:58px;border-radius:50%;object-fit:cover;background:var(--w-surface-soft);flex:none}.conv-row__main{flex:1;min-width:0}.conv-row__name{font-weight:600;font-size:var(--w-fs-base)}.conv-row__preview{color:var(--w-ink-soft);font-size:var(--w-fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-row__side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.conv-row__time{color:var(--w-ink-faint);font-size:13px}.unread-badge{background:var(--w-accent);color:#fff;border-radius:999px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;padding:0 7px}.conv-row.is-closed{opacity:.65}.overlay{position:fixed;inset:0;background:#1f1c1873;z-index:60;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay--center{align-items:center;padding:var(--w-gap)}.sheet{background:var(--w-bg);border-radius:var(--w-radius-lg) var(--w-radius-lg) 0 0;width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;padding:20px var(--w-gap) calc(24px + var(--w-safe-bottom));animation:sheet-in .22s ease}.overlay--center .sheet{border-radius:var(--w-radius-lg);padding-bottom:24px}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.sheet__handle{width:44px;height:5px;border-radius:3px;background:#d8d0c2;margin:0 auto 16px}.sheet h2{margin-top:0;font-size:var(--w-fs-title)}.match-moment{position:fixed;inset:0;z-index:80;background:linear-gradient(168deg,var(--w-primary-deep) 0%,var(--w-primary) 55%,#2b6f5d 100%);color:#f6efe1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;animation:fadein .5s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.match-moment h1{font-family:var(--w-font-display);color:#f6efe1;font-size:30px;max-width:22ch;line-height:1.4}.match-moment .gold{color:var(--w-accent)}.match-moment__name{font-size:var(--w-fs-lg);opacity:.92;margin-bottom:32px}.match-moment .btn{margin-top:10px;min-width:240px}.match-moment .btn--primary{background:var(--w-accent);color:#2b2722}.match-moment .btn--ghost{color:#ede4d2}.fab-feedback{position:fixed;right:14px;bottom:calc(76px + var(--w-safe-bottom));z-index:40;width:var(--w-touch);height:var(--w-touch);border-radius:50%;border:1px solid var(--w-accent-soft);background:var(--w-surface);color:var(--w-accent);box-shadow:var(--w-shadow-lift);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.fab-feedback--lower{bottom:calc(16px + var(--w-safe-bottom))}.stars{display:flex;gap:6px;justify-content:center;margin:12px 0}.stars button{background:none;border:none;font-size:34px;line-height:1;color:#d8d0c2;cursor:pointer;min-width:var(--w-touch);min-height:var(--w-touch)}.stars button.is-on{color:var(--w-accent)}.install-step{display:flex;align-items:center;gap:16px;padding:14px 0}.install-step__icon{width:52px;height:52px;border-radius:var(--w-radius);background:var(--w-primary-soft);color:var(--w-primary);display:inline-flex;align-items:center;justify-content:center;flex:none}.install-step__num{font-family:var(--w-font-display);color:var(--w-accent);font-size:var(--w-fs-lg);font-weight:700}.install-arrow{text-align:center;color:var(--w-primary);margin-top:6px;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.install-banner{position:fixed;left:12px;right:12px;bottom:calc(70px + var(--w-safe-bottom));z-index:35;background:var(--w-primary-deep);color:#f3ead8;border-radius:var(--w-radius);padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--w-shadow-lift);font-size:var(--w-fs-sm)}.install-banner button{background:none;border:none;color:var(--w-accent);font-weight:700;cursor:pointer;font-size:var(--w-fs-sm);white-space:nowrap;min-height:var(--w-touch)}.skel{background:linear-gradient(90deg,var(--w-surface-soft) 25%,#EDE6DA 37%,var(--w-surface-soft) 63%);background-size:400% 100%;animation:skel 1.4s ease infinite;border-radius:var(--w-radius)}@keyframes skel{0%{background-position:100% 50%}to{background-position:0 50%}}.notice{background:var(--w-primary-soft);border-radius:var(--w-radius);padding:14px 16px;color:var(--w-primary-deep);margin-bottom:var(--w-gap)}.notice--gold{background:var(--w-accent-soft);color:#6d5a30}.notice--danger{background:var(--w-danger-soft);color:var(--w-danger)}.muted{color:var(--w-ink-soft)}.small{font-size:var(--w-fs-sm)}.center{text-align:center}.mt{margin-top:var(--w-gap)}.mt-lg{margin-top:var(--w-gap-lg)}.mb-0{margin-bottom:0}.row{display:flex;gap:10px;align-items:center}.row--between{justify-content:space-between}.grow{flex:1}.menu-list{display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 4px;background:none;border:none;border-bottom:1px solid var(--w-surface-soft);font-size:var(--w-fs-base);font-family:var(--w-font-ui);color:var(--w-ink);cursor:pointer;text-align:left;width:100%}.menu-item:last-child{border-bottom:none}.menu-item__sub{display:block;color:var(--w-ink-soft);font-size:var(--w-fs-sm)}.menu-item--danger{color:var(--w-danger)}.menu-item__chev{color:var(--w-ink-faint);flex:none}@media (min-width: 700px){.page{padding-top:36px}}