*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f14;--panel: #1a1a22;--panel-2: #23232e;--text: #f2f2f5;--muted: #9a9aa8;--accent: #fd297b;--accent-2: #ff655b;--grad: linear-gradient(135deg, #fd297b, #ff655b);--ok: #2fd07a;--bad: #ff5b5b;--border: #2e2e3a;--gold: #ffd54d;--gold-grad: linear-gradient(135deg, #ffd54d, #ff9500)}html,body,#root{height:100%}body{background:radial-gradient(1200px 800px at 50% -10%,#24182a,var(--bg));color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:grid;place-items:center;overflow:hidden}.phone{width:min(420px,100vw);height:min(880px,100dvh);background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}@media (min-width: 480px) and (min-height: 920px){.phone{border-radius:28px;border:1px solid var(--border);box-shadow:0 30px 80px #000a}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px}.logo{font-weight:800;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;gap:7px}.logo svg{flex-shrink:0}.ob-logo{display:flex;justify-content:center;margin-top:40px}.loc{color:var(--muted);font-size:13px}.content{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.tabbar{display:flex;border-top:1px solid var(--border);background:#14141b;padding:6px 0 10px}.tab{flex:1;background:none;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;cursor:pointer;padding:6px 0}.tab.active{color:var(--text)}.tab-icon{font-size:20px;position:relative;filter:grayscale(1) opacity(.6)}.tab.active .tab-icon{filter:none}.badge{position:absolute;top:-4px;right:-10px;background:var(--grad);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:1px 5px;filter:none}.btn{border:none;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer;background:var(--panel-2);color:var(--text)}.btn.primary{background:var(--grad);color:#fff}.btn.primary:disabled{opacity:.35;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.danger{background:transparent;border:1px solid var(--bad);color:var(--bad)}.btn.gold{background:var(--gold-grad);color:#2b1a00}.btn.small{padding:8px 10px;font-size:12px;border-radius:10px}.btn.wide{width:100%}.verified{color:#37b5ff;font-size:.8em}.page-title{padding:6px 18px 12px;font-size:20px}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;gap:8px}.empty-emoji{font-size:56px}.empty p{color:var(--muted);max-width:260px}.avatar{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.avatar-initial{font-size:2em;font-weight:800;color:#fff8}.deck-wrap{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:10px}.deck{flex:1;position:relative;margin:4px 14px 14px;min-height:0}.card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:0 12px 32px #0007;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.card-photo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}.card-photo .avatar-initial{font-size:96px}.card-info{position:absolute;left:0;right:0;bottom:0;padding:60px 18px 18px;background:linear-gradient(transparent,#000c 55%);pointer-events:none}.card-info h2{font-size:26px}.card-job{color:#ddd;font-size:13px}.card-dist{color:#ffd7e4;font-size:13px;margin:2px 0 6px}.card-bio{font-size:14px;color:#eee;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#fff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:3px 10px;font-size:12px;text-transform:capitalize}.stamp{position:absolute;top:26px;font-size:32px;font-weight:900;padding:4px 14px;border-radius:8px;border:4px solid;transform:rotate(-12deg);opacity:0;pointer-events:none;letter-spacing:2px}.stamp.like{left:18px;color:var(--ok);border-color:var(--ok)}.stamp.nope{right:18px;color:var(--bad);border-color:var(--bad);transform:rotate(12deg)}.deck-actions{display:flex;justify-content:center;gap:28px;padding-bottom:6px}.act{width:62px;height:62px;border-radius:50%;border:none;cursor:pointer;font-size:26px;display:grid;place-items:center;background:var(--panel-2);box-shadow:0 6px 18px #0006;transition:transform .1s}.act:active{transform:scale(.9)}.nope-btn{color:var(--bad)}.like-btn{color:#fff;background:var(--grad)}.fav-btn{width:52px;height:52px;font-size:22px;align-self:center;color:var(--gold)}.quota{text-align:center;color:var(--muted);font-size:12px;padding-bottom:8px}.card.locked{cursor:pointer}.card.locked .avatar,.card.locked .card-info{filter:blur(24px)}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;background:#00000059;border-radius:20px}.lock-emoji{font-size:52px}.lock-overlay h2{font-size:24px}.lock-overlay p{color:#ddd;font-size:14px;max-width:260px;line-height:1.5}.stamp.fav{left:50%;right:auto;top:auto;bottom:120px;transform:translate(-50%) rotate(-8deg);color:var(--gold);border-color:var(--gold);font-size:26px;transition:opacity .2s}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000b;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:24px 20px;width:100%;max-height:92%;overflow-y:auto;display:flex;flex-direction:column;gap:12px;text-align:center}.match-title{font-size:30px;font-style:italic;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.match-avatars{display:flex;justify-content:center;align-items:center;gap:10px}.match-av{width:84px;height:84px;border-radius:50%;border:3px solid var(--accent)}.heart{font-size:28px}.match-dist{color:var(--muted)}.acts-title{font-size:15px;margin-top:4px}.acts{list-style:none;display:flex;flex-direction:column;gap:8px;text-align:left}.acts li{display:flex;gap:12px;align-items:center;background:var(--panel-2);border-radius:14px;padding:10px 12px}.act-emoji{font-size:24px}.act-body{display:flex;flex-direction:column}.act-body small{color:var(--muted);font-size:12px}.shared-tag{background:#2fd07a22;color:var(--ok);font-size:10px;font-weight:700;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:middle}.modal-btns{display:flex;flex-direction:column;gap:8px;margin-top:4px}.fav-note{color:var(--gold);font-size:13px;font-weight:600}.gold-title{font-size:28px;font-weight:800;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.pm-reason{font-size:14px}.feats{list-style:none;display:flex;flex-direction:column;gap:8px;text-align:left}.feats li{background:var(--panel-2);border-radius:12px;padding:11px 13px;font-size:14px}.pm-price{color:var(--muted);font-size:13px}.fav-badge{position:absolute;top:8px;right:8px;font-size:18px;z-index:2;filter:drop-shadow(0 2px 4px #000c)}.celebrate-backdrop{background:#000d}.celebrate{position:relative;overflow:hidden;width:100%;background:linear-gradient(180deg,#2b2008,#1a1a22 65%);border:1px solid #ffd54d55;border-radius:22px;padding:40px 22px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.celebrate-float{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.float-emoji{position:absolute;bottom:-34px;font-size:22px;opacity:0;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:.85}to{transform:translateY(-560px) rotate(28deg);opacity:0}}.celebrate-badge{font-size:62px;animation:badgePop .6s ease;filter:drop-shadow(0 0 18px #ffd54d88)}@keyframes badgePop{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.25)}to{transform:scale(1)}}.gold-title.big{font-size:32px}.celebrate-line{font-size:16px;color:#ffe9b3;line-height:1.5;max-width:280px}.celebrate-perks{list-style:none;display:flex;flex-direction:column;gap:8px;text-align:left;font-size:14px}.celebrate .btn{position:relative;z-index:2;margin-top:6px}.likes-you{padding-bottom:6px}.likes-head{display:flex;align-items:center;gap:8px}.likes-head .page-title{padding-right:0;padding-bottom:8px}.likes-count{background:var(--gold-grad);color:#2b1a00;font-weight:800;font-size:12px;border-radius:999px;padding:2px 9px;margin-bottom:6px}.likes-cta{margin:0 16px 12px;width:calc(100% - 32px)}.likes-row{display:flex;gap:10px;overflow-x:auto;padding:0 16px 12px}.liker{flex-shrink:0;width:108px;border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden;cursor:pointer;padding:0;display:flex;flex-direction:column;color:var(--text)}.liker-photo{height:120px}.liker-photo .avatar-initial{font-size:36px}.hidden-liker .liker-photo{filter:blur(14px)}.liker-meta{font-size:12px;font-weight:700;padding:7px 6px 2px}.liker-action{font-size:11px;color:var(--muted);padding:0 6px 8px}.liker:not(.hidden-liker) .liker-action{color:var(--accent);font-weight:700}.no-matches-hint{color:var(--muted);font-size:13px;padding:4px 18px 16px}.matches{padding-bottom:16px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}.match-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative}.match-photo{height:150px}.match-photo .avatar-initial{font-size:48px}.match-meta{padding:10px 10px 4px;display:flex;flex-direction:column}.match-meta small{color:var(--muted);font-size:12px}.match-btns{display:flex;gap:6px;padding:8px 10px 10px}.match-btns .btn{flex:1}.convo-list{display:flex;flex-direction:column}.convo{display:flex;gap:12px;align-items:center;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:12px 16px;cursor:pointer;color:var(--text)}.convo:hover{background:#ffffff08}.convo-av{width:52px;height:52px;border-radius:50%;flex-shrink:0}.convo-av.big{width:68px;height:68px}.convo-body{display:flex;flex-direction:column;min-width:0}.convo-body small{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.chat-head{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border)}.chat-head .convo-av{width:42px;height:42px}.chat-head-meta{display:flex;flex-direction:column}.chat-head-meta small{color:var(--muted);font-size:12px}.back{background:none;border:none;color:var(--text);font-size:30px;cursor:pointer;line-height:1;padding:0 6px}.chat-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.chat-note{color:var(--muted);font-size:12px;text-align:center;background:var(--panel);border-radius:12px;padding:10px 14px;margin-bottom:6px}.bubble{max-width:75%;padding:10px 14px;border-radius:18px;font-size:14px}.bubble.mine{align-self:flex-end;background:var(--grad);color:#fff;border-bottom-right-radius:4px}.bubble.theirs{align-self:flex-start;background:var(--panel-2);border-bottom-left-radius:4px}.chat-input{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.chat-input input{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:11px 16px;color:var(--text);font-size:14px;outline:none}.chat-input input:focus{border-color:var(--accent)}.btn.send{border-radius:999px;padding:11px 18px}.settings{padding:0 16px 24px;display:flex;flex-direction:column;gap:14px}.settings .page-title{padding-left:2px}.profile-row{display:flex;gap:14px;align-items:center}.profile-row small{color:var(--muted);display:block}.badges{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.pill{font-size:11px;border-radius:999px;padding:3px 9px}.pill.ok{background:#2fd07a1f;color:var(--ok)}.set-section{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}.set-section h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.set-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.set-row.col{flex-direction:column;align-items:stretch}.set-row select,.set-row input[type=number]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:14px}.set-row input[type=number]{width:64px}.age-inputs{display:flex;align-items:center;gap:8px}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.danger-confirm{display:flex;flex-direction:column;gap:8px;text-align:center}.danger-confirm p{font-size:14px;color:var(--bad)}.fineprint{color:var(--muted);font-size:11px;text-align:center;line-height:1.5}.ob{flex:1;display:flex;flex-direction:column;min-height:0;padding:18px}.progress{height:4px;background:var(--panel-2);border-radius:999px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:var(--grad);transition:width .3s}.ob-back{align-self:flex-start;background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:6px 0}.ob-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:8px 2px}.ob-logo{font-size:64px;text-align:center;margin-top:40px}.brand{text-align:center;font-size:44px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{text-align:center;color:var(--muted);font-size:15px;max-width:280px;margin:0 auto}.ob-body h2{font-size:24px}.hint{color:var(--muted);font-size:13px;line-height:1.5}.bad-text{color:var(--bad)}.field{display:flex;flex-direction:column;gap:6px}.field span,.field-label{font-size:13px;color:var(--muted)}.field input,.field select{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:13px 14px;color:var(--text);font-size:15px;outline:none;color-scheme:dark}.field input:focus,.field select:focus{border-color:var(--accent)}.notice{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;font-size:14px;line-height:1.55}.notice.ok{border-color:#2fd07a55;background:#2fd07a12}.notice.bad{border-color:#ff5b5b66;background:#ff5b5b14}.notice small{color:var(--muted)}.choice-row{display:flex;gap:8px}.choice-row.wrap{flex-wrap:wrap}.choice{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:10px 16px;font-size:14px;cursor:pointer;text-transform:capitalize;flex-shrink:0}.choice.on{background:var(--grad);border-color:transparent;font-weight:700}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-pick{background:none;border:3px solid transparent;border-radius:16px;padding:0;cursor:pointer;overflow:hidden}.avatar-pick.on{border-color:var(--accent)}.avatar-pick-inner{aspect-ratio:1;border-radius:13px}.scanbox{background:var(--panel);border:1px dashed var(--border);border-radius:14px;padding:22px;text-align:center;color:var(--muted);position:relative;overflow:hidden}.scanner{position:absolute;left:0;right:0;height:3px;background:var(--grad);animation:scan 1.2s linear infinite}@keyframes scan{0%{top:0}50%{top:calc(100% - 3px)}to{top:0}}.checkrow{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;font-size:14px;line-height:1.5;cursor:pointer}.checkrow input{margin-top:2px;flex-shrink:0}.upload-btn{display:block;text-align:center;cursor:pointer}.loc-search{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:13px 14px;color:var(--text);font-size:15px;outline:none;width:100%}.loc-search:focus{border-color:var(--accent)}.loc-results{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}.loc-result{display:flex;flex-direction:column;text-align:left;background:var(--panel);border:none;border-bottom:1px solid var(--border);padding:10px 14px;color:var(--text);cursor:pointer;font-size:14px}.loc-result:last-child{border-bottom:none}.loc-result:hover{background:#ffffff08}.loc-result small{color:var(--muted);font-size:12px}.linklike{background:none;border:none;padding:0;cursor:pointer;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline}.legal-modal{text-align:left;max-height:92%}.legal-tabs{display:flex;gap:6px;flex-wrap:wrap}.legal-tab{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px;cursor:pointer}.legal-tab.on{background:var(--grad);color:#fff;border-color:transparent;font-weight:700}.legal-body{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.legal-body h2{font-size:20px}.legal-body h3{font-size:14px;margin-top:8px}.legal-updated{color:var(--muted);font-size:12px}.legal-body p,.legal-body li{font-size:13px;line-height:1.6;color:#d5d5dd}.legal-body li{margin-left:18px}.upload-preview{display:flex;align-items:center;gap:12px}.upload-preview-av{width:84px;height:84px;border-radius:16px;border:2px solid var(--ok)}.ob-footer{padding-top:12px}.ob-footer.stack{display:flex;flex-direction:column;gap:8px}.center{text-align:center}.chat-tools{margin-left:auto;display:flex;gap:2px}.tool{background:none;border:none;font-size:16px;cursor:pointer;padding:6px;opacity:.8}.tool:hover{opacity:1}.safety-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;line-height:1.4;background:#ff5b5b14;border-bottom:1px solid var(--border)}.safety-bar span{flex:1}