.chat-panel{gap:14px;min-width:0;display:grid}.chat-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chat-header h1{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.chat-list{gap:8px;display:grid}.chat-list-item{text-align:start;width:100%;color:inherit;background:0 0;border:1px solid;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.chat-list-item time{margin-inline-start:auto;font-size:.8rem}.chat-avatar{background:#8662ed38;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.chat-history{align-content:start;gap:10px;min-height:120px;max-height:min(52vh,640px);margin:0;padding:6px;list-style:none;display:grid;overflow:auto}.chat-bubble{background:color-mix(in srgb, currentColor 8%, transparent);overflow-wrap:anywhere;border-radius:16px 16px 16px 4px;justify-self:start;min-width:0;max-width:min(88%,540px);padding:10px 13px}.chat-bubble-own{background:#8662ed3d;border-radius:16px 16px 4px;justify-self:end}.chat-bubble p{white-space:pre-wrap;margin:0 0 6px}.chat-bubble blockquote{border-inline-start:2px solid;margin:0 0 8px;padding-inline-start:8px;font-size:.85rem}.chat-bubble footer{flex-wrap:wrap;gap:6px;font-size:.75rem;display:flex}.chat-bubble summary{cursor:pointer;min-height:24px}.chat-message-actions,.chat-composer,.chat-search{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-composer textarea,.chat-search input{flex:140px;min-width:0}.chat-composer button,.chat-search button{flex:0 auto;width:auto}.chat-draft-action{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-draft-action span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chat-report,.chat-report label{gap:8px;display:grid}.chat-report p{overflow-wrap:anywhere}.chat-photo{object-fit:contain;border-radius:10px;max-width:100%;max-height:360px;display:block}.chat-list-copy{gap:4px;min-width:0;display:grid}.chat-list-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onboarding-panel:has(.chat-panel){max-width:860px}.chat-panel{border:1px solid var(--line);background:var(--panel);border-radius:24px;gap:12px;padding:clamp(10px,2vw,20px)}.chat-header{border-bottom:1px solid var(--line);flex-wrap:nowrap;padding-bottom:10px}.chat-header h1{font-size:clamp(16px,3.5vw,24px)}.chat-header button{white-space:nowrap;min-height:44px;padding-inline:7px;font-size:.83rem}.chat-identity{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.chat-identity .chat-avatar{width:34px;height:34px;color:var(--accent-dark)}.chat-list-item{border-color:var(--line);background:var(--panel)}.chat-list-item:hover,.chat-list-item:focus-visible{background:var(--soft)}.chat-history{background:color-mix(in srgb, var(--soft) 65%, var(--panel));border-radius:18px;min-height:clamp(135px,32dvh,400px);max-height:47dvh;padding:14px}.chat-bubble{background:var(--panel);border:1px solid var(--line)}.chat-bubble-own{background:var(--soft);border-color:color-mix(in srgb, var(--accent) 30%, var(--line))}.chat-bubble footer{color:var(--muted)}.chat-settings summary{cursor:pointer;width:fit-content;color:var(--accent-dark)}.chat-search input,.chat-composer textarea{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:14px;padding:10px 12px}.chat-composer{background:var(--soft);border-radius:19px;flex-wrap:nowrap;padding:6px}.chat-composer textarea{resize:vertical;max-height:25dvh}.chat-composer .primary,.chat-search .secondary{min-height:44px;padding-inline:clamp(8px,2vw,18px)}.chat-attachment{border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:5px;min-height:44px;padding:6px 12px;display:inline-flex;position:relative}.chat-attachment:focus-within{outline:2px solid var(--accent)}.chat-attachment input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}@media (width<=370px){.chat-identity .chat-avatar{display:none}}:root{color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;--surface:#fbf8f5;--text:#282038;--soft:#f0eafb;--button:#7150d9;--button-hover:#5334b1;--accent:#7150d9;--accent-dark:#5334b1;--line:#e8e1ee;--muted:#746b80;--panel:#fffdfb;--radius:24px;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #956ef3}.app-shell{--edge-space:clamp(12px, 3vw, 32px);--safe-top:max(env(safe-area-inset-top), calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));--safe-bottom:max(env(safe-area-inset-bottom), calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px)));width:100%;max-width:1440px;min-height:100dvh;padding:max(var(--edge-space), var(--safe-top)) max(var(--edge-space), env(safe-area-inset-right), calc(var(--tg-safe-area-inset-right,0px) + var(--tg-content-safe-area-inset-right,0px))) max(var(--edge-space), var(--safe-bottom)) max(var(--edge-space), env(safe-area-inset-left), calc(var(--tg-safe-area-inset-left,0px) + var(--tg-content-safe-area-inset-left,0px)));margin:auto}.brand-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{letter-spacing:-1.2px;color:inherit;font-size:27px;font-weight:850;text-decoration:none}.brand span{color:var(--accent);margin-left:3px}.brand-row select{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:14px;max-width:160px;padding:10px 14px}.welcome-panel{text-align:center;max-width:520px;margin:36px auto 0}.eyebrow{letter-spacing:2px;color:var(--accent);margin-top:30px;font-size:11px;font-weight:800}h1{letter-spacing:-1.8px;margin:16px 0 20px;font-size:clamp(36px,6vw,54px);line-height:1.08}.lead{max-width:390px;margin:auto;font-size:19px;line-height:1.65}.soft-note{color:var(--muted);margin:22px auto 32px;font-size:14px;line-height:1.65}.primary{color:#fff;background:var(--button);border:0;border-radius:19px;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:19px 24px;font-weight:750;transition:background .15s,transform .15s;display:flex;box-shadow:0 8px 24px #7150d91c}.primary:hover{background:var(--button-hover)}.primary:active{transform:scale(.99)}.text-button{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 14px;font-weight:650}.text-button:hover{background:var(--soft)}.text-button:disabled{opacity:.5;cursor:default}.like-card .relationship-controls{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.like-actions .primary{justify-content:center;gap:12px}.primary span{font-size:24px}.age-note{color:var(--muted);margin-top:18px;font-size:12px}.notice{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:18px;padding:16px;font-size:14px;line-height:1.6}.hello-art{max-width:360px;height:220px;margin:25px auto 0;position:relative}.bubble{border-radius:32px;padding:22px 28px;font-size:29px;font-weight:750;position:absolute;box-shadow:0 16px 50px #43305412}.bubble span{margin-left:20px}.one{color:#5132a4;z-index:2;background:#e8dfff;top:37px;left:8px;transform:rotate(-10deg)}.two{color:#416b5c;z-index:1;background:#e4eee9;top:113px;right:5px;transform:rotate(9deg)}.orbit{border:1px dashed #d2c4e8;border-radius:50%;width:240px;height:180px;position:absolute;top:25px;left:55px;transform:rotate(35deg)}@media (width>=900px){.welcome-panel{margin-top:45px}.hello-art{height:230px}}@media (height<=730px){.hello-art{height:155px}.one{top:10px}.two{top:75px}.welcome-panel{margin-top:12px}.soft-note{margin:14px 0 24px}.eyebrow{margin-top:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.onboarding-panel{max-width:560px;margin:44px auto}.onboarding-panel h1{letter-spacing:-1px;font-size:clamp(28px,5vw,38px)}.onboarding-panel fieldset{border:0;margin:30px 0;padding:0}.field{flex-direction:column;gap:10px;margin:18px 0;font-size:14px;font-weight:650;display:flex}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;border-radius:16px;min-height:55px;padding:17px}.choice-list{gap:12px;display:grid}.choice{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:18px;align-items:center;gap:13px;padding:18px;line-height:1.5;display:flex}.choice:has(input:checked){background:var(--soft);border-color:var(--accent)}.choice input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.policy{border:1px solid var(--line);background:var(--panel);border-radius:20px;margin:16px 0;padding:18px}.policy h2{font-size:18px}.policy-body{white-space:pre-wrap;overscroll-behavior:contain;max-height:32svh;padding:0 10px 16px 0;font-size:14px;line-height:1.8;overflow-y:auto}.policy .choice{font-size:13px}.field textarea{resize:vertical;line-height:1.6}.crop-editor canvas{object-fit:contain;background:#e9e3ef;border-radius:20px;width:min(100%,300px);height:auto;max-height:50svh;margin:20px auto;display:block}.crop-editor fieldset{border:0;padding:0}.crop-editor .field input[type=range]{min-height:32px;accent-color:var(--accent);border:0;padding:0}.secondary{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:14px;min-height:44px;margin:8px 0;padding:12px 16px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.photo-tile{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:10px;overflow:hidden}.photo-tile img,.photo-placeholder{aspect-ratio:4/5;object-fit:cover;background:#eee9f3;border-radius:13px;width:100%;height:auto}.photo-tile button{width:100%;margin:6px 0 0;font-size:12px}.main-badge{text-align:center;color:var(--accent-dark);background:var(--soft);border-radius:12px;margin-top:6px;padding:11px;font-size:12px;display:block}.upload-choice{text-align:center;cursor:pointer;color:var(--accent-dark);border:2px dashed #c9b7ed;border-radius:20px;margin:18px 0;padding:28px;font-weight:650;display:block}.upload-choice input{max-width:100%;margin:14px auto 0;font-size:12px;display:block}.upload-choice.disabled{opacity:.5;cursor:default}.details-fields,.interest-options{border:0;margin:20px 0;padding:0}.interest-options{gap:10px;display:grid}.interest-options legend{margin:16px 0;font-size:14px;font-weight:650}.question-pair{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin-bottom:12px;padding:4px 16px}.profile-preview{border:1px solid var(--line);background:var(--panel);border-radius:24px;margin:24px 0;overflow:hidden}.profile-preview>img,.profile-preview>.photo-placeholder{object-fit:cover;aspect-ratio:4/5;width:100%;height:auto;max-height:60svh;display:block}.preview-copy{padding:8px 24px 20px}.preview-copy p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.verification-instruction{background:var(--soft);color:var(--accent-dark);border:1px solid #c9b7ed;border-radius:20px;margin:20px 0;padding:22px;font-weight:650;line-height:1.8}.selfie-preview{object-fit:contain;border-radius:20px;max-width:100%;max-height:45svh;margin:auto;display:block}.back-link{color:var(--accent-dark);background:0 0;border:0;min-height:44px;margin-bottom:8px;padding:10px 0;font-weight:600}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1b1722;--text:#f4eff9;--panel:#282130;--line:#786785;--muted:#bfb3ca;--soft:#362a4b;--accent:#bba2ff;--accent-dark:#d0bcff;--button:#7150d9;--button-hover:#6440bb}.age-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.filter-section{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin:18px 0;padding:16px}.filter-section summary{cursor:pointer;min-height:28px;font-weight:650}.location-settings{border-top:1px solid var(--line);margin-top:34px;padding-top:16px}.location-actions{flex-wrap:wrap;gap:8px;display:flex}.location-actions button{flex:140px}.location-status{color:var(--accent-dark);font-size:13px}.discovery-toolbar{justify-content:space-between;align-items:center;display:flex}.discovery-card{background:var(--panel);border:1px solid var(--line);border-radius:28px;margin-bottom:20px;overflow:hidden;box-shadow:0 12px 40px #27154a08}.discovery-photo{aspect-ratio:4/5;background:var(--soft);place-items:center;display:grid;position:relative;overflow:hidden}.discovery-photo img{object-fit:cover;width:100%;height:100%}.discovery-card-copy{padding:22px}.discovery-card-copy h2{margin:0 0 8px}.discovery-meta{color:var(--muted);font-size:14px}.match-reason{color:var(--accent-dark);font-size:14px}.discovery-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.verified-pill{background:var(--accent);color:#fff;vertical-align:middle;border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;display:inline-grid}.empty-feed{text-align:center;padding:35px 0}.empty-feed>span{color:var(--accent);font-size:58px}.empty-feed p{color:var(--muted)}.empty-feed button{margin-top:12px}.photo-error{text-align:center;background:var(--panel);align-content:center;padding:22px;display:grid;position:absolute;inset:0}.reaction-actions{bottom:var(--safe-bottom,0px);z-index:2;background:var(--panel);border:1px solid var(--line);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(4px,1.5vw,12px);padding:8px;display:grid;position:sticky}.reaction-button{border:1px solid var(--line);background:var(--panel);border-radius:15px;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:60px;padding:6px 2px;line-height:1.2;display:grid}.reaction-icon{font-family:system-ui,sans-serif;font-size:24px;line-height:1}.reaction-label{overflow-wrap:anywhere;font-size:clamp(10px,2.7vw,13px);font-weight:650}.discovery-report{min-height:44px;margin:8px auto 0;display:block}.discovery-view .discovery-card .discovery-photo{max-height:clamp(210px,52dvh,520px)}.discovery-view .discovery-card{margin-bottom:12px}@media (width>=850px) and (height>=560px){.discovery-view .discovery-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid}.discovery-view .discovery-card .discovery-photo{aspect-ratio:1}}.reaction-like{background:var(--accent);color:#fff;border-color:var(--accent)}.reaction-pass{color:var(--muted)}.reaction-intro{color:var(--accent-dark)}.reaction-super{color:#9b6c09;background:#fff2ce}.swipe-photo{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.swipe-photo img{pointer-events:none;user-drag:none}.swipe-label{background:var(--panel);border-radius:18px;padding:6px 18px;font-size:48px;position:absolute;top:25px;transform:rotate(-12deg)}.swipe-like{color:var(--accent);left:20px}.swipe-pass{color:var(--muted);right:20px;transform:rotate(12deg)}.undo-pass{margin-top:16px}.greeting-chips{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.greeting-chip{border:1px solid var(--line);background:var(--soft);color:var(--text);font:inherit;cursor:pointer;border-radius:20px;padding:12px 16px}.intro-original{border-left:3px solid var(--accent);background:var(--soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 18px 18px 0;margin:24px 0;padding:18px}.composer-count{color:var(--muted);text-align:right;font-size:12px}.match-celebration{text-align:center;padding:50px 0}.match-celebration>span{color:var(--accent);font-size:100px}.match-celebration button{margin-top:14px}.interaction-nav,.interaction-tabs,.like-actions{flex-wrap:wrap;gap:10px;display:flex}.interaction-nav>button,.interaction-tabs>button{flex:1}.interaction-tabs{background:var(--soft);border-radius:22px;margin:20px 0;padding:5px}.interaction-tabs>button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:14px}.interaction-tabs>button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 2px 10px #0001}.likes-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;display:grid}.like-card{border:1px solid var(--line);border-radius:24px;min-width:0;overflow:hidden}.like-card .discovery-photo{aspect-ratio:4/3}.like-card-copy{padding:18px}.like-card-copy h2{overflow-wrap:anywhere;margin:0}.like-actions{margin-top:18px}.like-actions>button{flex:100%}.interaction-kind{color:var(--accent);font-weight:700}.introduction-player audio,.introduction-player video{border-radius:18px;width:100%;max-height:400px}.media-file-choice{cursor:pointer;display:block}.media-file-choice input{max-width:100%;margin-top:12px;display:block}.introduction-media{margin:20px 0}.relationship-controls{flex-wrap:wrap;gap:10px;display:flex;flex-basis:100%!important}.relationship-confirm{border:1px solid var(--line);background:var(--soft);border-radius:18px;width:100%;padding:14px}.relationship-confirm>button{margin-right:10px}.interaction-empty{text-align:center;padding:40px 15px}.interaction-empty>span{color:var(--accent);font-size:64px}.match-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:18px 0;display:flex}.match-row h2,.match-row p{overflow-wrap:anywhere;margin:0}.match-row>div{flex:1;min-width:0}.partner-avatar{background:var(--soft);height:52px;color:var(--accent);border-radius:50%;flex:0 0 52px;place-items:center;font-size:24px;display:grid}.discovery-toolbar>div{gap:16px;display:flex}@media (prefers-reduced-motion:reduce){.discovery-card{transition:none!important}}.onboarding-panel:has(.discovery-view){max-width:1080px}@media (width>=850px) and (height>=560px){.discovery-view .reaction-actions{width:min(100%,520px);margin-inline:auto}}.member-area{padding-bottom:calc(88px + var(--safe-bottom,0px))}.member-nav{z-index:4;inset-inline:0;width:min(100%,680px);padding:6px 8px calc(6px + var(--safe-bottom,0px));border:1px solid var(--line);background:var(--panel);border-radius:20px 20px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-inline:auto;display:grid;position:fixed;bottom:0}.member-nav button{min-width:0;min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:12px;align-content:center;justify-items:center;gap:2px;padding:3px;font-size:clamp(10px,2.7vw,13px);display:grid}.member-nav button span{font-size:21px;line-height:1}.member-nav button[aria-current=page]{background:var(--soft);color:var(--accent-dark);font-weight:750}.member-area .reaction-actions{bottom:calc(66px + var(--safe-bottom,0px))}.onboarding-panel:has(.profile-dashboard){max-width:880px}.profile-dashboard .profile-preview{grid-template-columns:clamp(80px,24vw,140px) minmax(0,1fr);align-items:center;margin:14px 0;display:grid}.profile-dashboard .profile-preview>:is(img,.photo-placeholder){aspect-ratio:1;height:100%;max-height:140px}.profile-dashboard .preview-copy{min-width:0;padding:10px 14px}.profile-dashboard .preview-copy h2{margin:0}.profile-dashboard .preview-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;line-height:1.4;display:-webkit-box;overflow:hidden}.profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-action{text-align:start;overflow-wrap:anywhere;min-width:0;min-height:48px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;padding:6px 9px;display:flex}.profile-action>span:first-child{height:28px;color:var(--accent-dark);background:var(--soft);border-radius:9px;flex:0 0 28px;place-items:center;display:grid}.profile-action:hover{border-color:var(--accent)}@media (width>=650px){.profile-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
