.td-app{position:fixed;inset:0;z-index:2600;background:#000;color:#fff;font-family:var(--user-font-family,-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC",sans-serif);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;}
.td-app[hidden],.td-app [hidden]{display:none;}
:where(.td-app) button,:where(.td-app) input,:where(.td-app) textarea{font:inherit;}
:where(.td-app) button{border:0;padding:0;background:none;color:inherit;}
:where(.td-app) svg{display:block;fill:currentColor;}
.td-fa{width:1em;height:1em;display:block;fill:currentColor;}
.td-auth{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:calc(24px + env(safe-area-inset-top)) 28px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(145deg,#fd267a 0%,#ff4458 46%,#ff6036 100%);color:#fff;}
.td-auth-exit{position:absolute;top:calc(14px + env(safe-area-inset-top));left:18px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:21px;color:#fff;cursor:pointer;}
.td-auth-brand{margin:auto 0 72px;display:flex;align-items:center;gap:8px;font-size:45px;font-weight:var(--o3o-fw-800);letter-spacing:-2.4px;line-height:1;}
.td-auth-brand svg{width:37px;height:49px;}
.td-auth-copy{max-width:330px;text-align:center;font-size:11px;line-height:1.45;color:rgba(255,255,255,.94);margin:0 auto 18px;}
.td-auth-copy u{text-underline-offset:2px;}
.td-auth-actions{width:100%;display:grid;gap:10px;}
.td-auth-button{width:100%;height:50px;border:1.5px solid rgba(255,255,255,.92);border-radius:var(--o3o-long-button-radius);display:grid;grid-template-columns:36px 1fr 36px;align-items:center;padding:0 15px;color:#fff;background:transparent;font-size:13px;font-weight:var(--o3o-fw-750);letter-spacing:.2px;cursor:pointer;}
.td-auth-button svg{width:17px;height:17px;justify-self:center;}
.td-auth-button span{grid-column:2;text-align:center;}
.td-auth-help{margin-top:14px;font-size:12px;font-weight:var(--o3o-fw-650);text-decoration:underline;text-underline-offset:3px;color:#fff;cursor:pointer;}
.td-icon-button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;}
.td-main{position:absolute;inset:0;background:#000;}
.td-view{position:absolute;inset:0 0 76px;background:#000;overflow:hidden;display:none;}
.td-view.is-active{display:block;}
.td-homebar{position:absolute;left:0;right:0;top:0;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0 15px;display:flex;align-items:center;justify-content:space-between;z-index:40;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.12),transparent);}
.td-brand-button{display:flex;align-items:center;gap:5px;font-size:25px;font-weight:var(--o3o-fw-800);letter-spacing:-1.25px;cursor:pointer;}
.td-brand-button svg{width:19px;height:25px;color:#ff4458;}
.td-home-actions{display:flex;align-items:center;gap:3px;}
.td-home-actions .td-icon-button{font-size:18px;color:#f5f5f5;}
.td-modes{position:absolute;top:calc(50px + env(safe-area-inset-top));left:0;right:0;height:46px;padding:5px 12px 7px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;z-index:38;}
.td-modes::-webkit-scrollbar{display:none;}
.td-mode{flex:0 0 auto;height:32px;border-radius:16px;padding:0 13px;border:1px solid rgba(255,255,255,.62);background:transparent;color:rgba(255,255,255,.88);font-size:12px;font-weight:var(--o3o-fw-700);cursor:pointer;}
.td-mode.is-active{background:#fff;color:#111;border-color:#fff;}
.td-stage{position:absolute;inset:0;overflow:hidden;background:#080808;}
.td-profile-card{position:absolute;inset:0;overflow:hidden;touch-action:none;transform-origin:50% 92%;will-change:transform,opacity;background:#000;}
.td-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,.03) 54%,rgba(0,0,0,.84) 91%,rgba(0,0,0,.94) 100%);pointer-events:none;}
.td-photo-progress{position:absolute;top:calc(101px + env(safe-area-inset-top));left:14px;right:14px;height:2px;display:flex;gap:3px;z-index:7;}
.td-photo-progress span{flex:1 1 0;min-width:0;background:rgba(255,255,255,.42);border-radius:2px;overflow:hidden;}
.td-photo-progress span.is-active{background:#fff;}
.td-card-copy{position:absolute;left:18px;right:64px;bottom:132px;z-index:8;text-shadow:0 1px 9px rgba(0,0,0,.35);}
.td-active-pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:12px;background:#18a558;color:#fff;font-size:11px;font-weight:var(--o3o-fw-750);margin-bottom:7px;}
.td-card-name-row{display:flex;align-items:center;gap:7px;min-width:0;}
.td-card-name{font-size:31px;font-weight:var(--o3o-fw-760);letter-spacing:-1.25px;line-height:1.02;}
.td-card-age{font-size:28px;font-weight:var(--o3o-fw-350);letter-spacing:-.6px;}
.td-card-name-row .x-verified-svg,.td-detail-name .x-verified-svg{width:22px;height:22px;flex:0 0 22px;vertical-align:-4px;}
.td-card-meta{margin-top:7px;display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:var(--o3o-fw-550);}
.td-card-meta svg{width:12px;height:12px;}
.td-card-bio{margin-top:8px;font-size:14px;line-height:1.35;max-width:325px;color:rgba(255,255,255,.95);}
.td-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.td-tag{height:27px;border-radius:14px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;background:rgba(18,18,18,.42);border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px;font-weight:var(--o3o-fw-650);color:#fff;}
.td-tag svg{width:11px;height:11px;}
.td-card-info{position:absolute;right:18px;bottom:158px;width:34px;height:34px;border-radius:50%;background:rgba(10,10,10,.43);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;place-items:center;z-index:9;cursor:pointer;}
.td-card-info svg{width:15px;height:15px;}
.td-swipe-stamp{position:absolute;top:170px;z-index:13;border:4px solid currentColor;border-radius:5px;padding:5px 10px;font-size:35px;line-height:1;font-weight:var(--o3o-fw-900);letter-spacing:2px;opacity:0;pointer-events:none;}
.td-swipe-stamp.like{left:24px;color:#37e19d;transform:rotate(-14deg);}
.td-swipe-stamp.nope{right:24px;color:#ff4458;transform:rotate(14deg);}
.td-profile-card.drag-like .td-swipe-stamp.like,.td-profile-card.drag-nope .td-swipe-stamp.nope{opacity:1;}
.td-actions{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);height:60px;display:flex;align-items:center;gap:9px;padding:0;z-index:10;}
.td-action{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(20,24,30,.08);box-shadow:0 3px 12px rgba(0,0,0,.16);cursor:pointer;}
.td-action svg{width:21px;height:21px;}
.td-action.rewind{width:43px;height:43px;color:#e7a61a;}
.td-action.nope{color:#ff4458;}
.td-action.super{color:#2196f3;}
.td-action.like{color:#20c997;}
.td-action.boost{width:43px;height:43px;color:#8b5cf6;}
.td-action:active{transform:scale(.91);}
.td-tabbar{position:absolute;left:0;right:0;bottom:0;height:calc(76px + env(safe-area-inset-bottom));padding:8px 10px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;background:#090a0c;border-top:.5px solid rgba(255,255,255,.08);z-index:70;transition:background .18s ease,border-color .18s ease;}
.td-tabbar.is-light{background:#fff;border-top-color:#eceef1;}
.td-tabbar.is-profile{background:#f7f7f8;border-top-color:#f7f7f8;}
.td-tab{height:58px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding-top:3px;color:#8d929a;cursor:pointer;font-size:10px;font-weight:var(--o3o-fw-700);line-height:1.1;}
.td-tab svg{width:25px;height:25px;}
.td-tab span{display:block;white-space:nowrap;}
.td-tab.is-active{color:#ff4458;}
.td-tabbar.is-light .td-tab{color:#8b9098;}
.td-tabbar.is-light .td-tab.is-active{color:#ff4458;}
.td-tab[data-td-tab="likes"].is-active{color:#ff4458;}
.td-scroll-view{height:100%;overflow-y:auto;scrollbar-width:none;background:#fff;color:#24262b;padding:calc(18px + env(safe-area-inset-top)) 20px 30px;}
.td-scroll-view::-webkit-scrollbar{display:none;}
.td-page-head{height:46px;display:flex;align-items:center;justify-content:space-between;}
.td-page-title{font-size:30px;font-weight:var(--o3o-main-title-weight);letter-spacing:-1px;}
.td-head-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f2f3f5;color:#31343a;cursor:pointer;}
.td-head-icon svg{width:16px;height:16px;}
.td-subtitle{margin-top:2px;color:#7c838c;font-size:14px;line-height:1.35;}
.td-explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;}
.td-explore-card{min-height:153px;border-radius:14px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;overflow:hidden;position:relative;color:#fff;cursor:pointer;}
.td-explore-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.18));pointer-events:none;}
.td-explore-card>*{position:relative;z-index:1;}
.td-explore-card:nth-child(1){background:linear-gradient(145deg,#ff4658,#ff7945);}
.td-explore-card:nth-child(2){background:linear-gradient(145deg,#15191f,#646d78);}
.td-explore-card:nth-child(3){background:linear-gradient(145deg,#35204d,#8c52b7);}
.td-explore-card:nth-child(4){background:linear-gradient(145deg,#045e6e,#0fb4a1);}
.td-explore-card:nth-child(5){background:linear-gradient(145deg,#5d3b18,#d38d31);}
.td-explore-card:nth-child(6){background:linear-gradient(145deg,#2f466d,#6f96cc);}
.td-explore-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.td-explore-icon svg{width:17px;height:17px;}
.td-explore-name{font-size:19px;font-weight:var(--o3o-fw-790);line-height:1.05;letter-spacing:-.35px;}
.td-explore-copy{margin-top:5px;color:rgba(255,255,255,.84);font-size:11px;line-height:1.3;}
.td-likes-hero{margin-top:6px;padding:8px 0 4px;}
.td-likes-subscribed{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 8px;}
.td-likes-subscribed-copy strong{display:block;font-size:16px;font-weight:var(--o3o-fw-800);}
.td-likes-subscribed-copy span{display:block;margin-top:3px;color:#8a9098;font-size:12px;}
.td-platinum-chip{height:30px;padding:0 11px;border-radius:15px;display:inline-flex;align-items:center;gap:6px;background:#15171a;color:#fff;font-size:11px;font-weight:var(--o3o-fw-800);}
.td-platinum-chip svg{width:12px;height:12px;}
.td-like-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
.td-like-person{height:215px;border-radius:12px;overflow:hidden;position:relative;background:#111;cursor:pointer;}
.td-like-person img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.td-like-person span{position:absolute;left:10px;bottom:10px;color:#fff;font-size:14px;font-weight:var(--o3o-fw-750);text-shadow:0 1px 6px rgba(0,0,0,.55);}
.td-search{height:42px;border-radius:12px;background:#f1f2f4;display:flex;align-items:center;gap:8px;padding:0 12px;margin-top:12px;}
.td-search svg{width:15px;height:15px;color:#858c96;}
.td-search input{border:0;outline:0;background:transparent;color:#24262b;width:100%;min-width:0;font-size:15px;}
.td-search input::placeholder{color:#9ca2aa;}
.td-section-label{margin:20px 0 11px;font-size:14px;font-weight:var(--o3o-fw-780);color:#23262b;}
.td-new-matches{display:flex;gap:13px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px;max-width:100%;overscroll-behavior-x:contain;}
.td-new-matches::-webkit-scrollbar{display:none;}
.td-match-person{flex:0 0 70px;text-align:center;cursor:pointer;min-width:0;}
.td-match-person img{width:66px;height:66px;border-radius:50%;object-fit:cover;display:block;}
.td-match-person span{display:block;margin-top:5px;font-size:12px;color:#5b6169;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;}
.td-thread-list{display:grid;width:100%;max-width:100%;min-width:0;overflow-x:hidden;}
.td-thread{min-height:75px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:11px;align-items:center;border-bottom:.5px solid #e8e9eb;text-align:left;cursor:pointer;width:100%;max-width:100%;min-width:0;overflow:hidden;}
.td-thread img{width:56px;height:56px;border-radius:50%;object-fit:cover;}
.td-thread-main{min-width:0;display:block;width:100%;max-width:100%;overflow:hidden;}
.td-thread-name,.td-thread-preview{display:block;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.td-thread-name{font-size:16px;font-weight:var(--o3o-fw-750);line-height:1.2;}
.td-thread-preview{margin-top:4px;color:#858c95;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.td-thread-time{font-size:11px;color:#a1a6ad;min-width:0;max-width:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:end;}
.td-profile-view{background:#f7f7f8;}
.td-profile-shell{padding-top:calc(15px + env(safe-area-inset-top));background:#f7f7f8;}
.td-profile-head{display:flex;justify-content:flex-end;padding:0 16px;}
.td-self-card{text-align:center;padding:10px 20px 14px;}
.td-self-avatar-wrap{width:118px;height:118px;margin:0 auto;position:relative;}
.td-self-avatar,.td-self-fallback{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;}
.td-self-avatar{object-fit:cover;display:none;}
.td-self-avatar.is-visible{display:block;}
.td-self-fallback svg{width:45px;height:45px;}
.td-self-avatar-wrap.has-image .td-self-fallback{display:none;}
.td-completion{position:absolute;right:-6px;bottom:5px;min-width:38px;height:25px;padding:0 7px;border-radius:14px;background:#fff;color:#42464c;box-shadow:0 2px 10px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--o3o-fw-800);}
.td-self-name{margin-top:12px;font-size:24px;font-weight:var(--o3o-fw-800);letter-spacing:-.6px;}
.td-self-sub{margin-top:4px;color:#858b94;font-size:13px;}
.td-profile-actions{display:flex;justify-content:center;gap:16px;margin-top:17px;}
.td-profile-action{width:84px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#5f6670;font-size:11px;font-weight:var(--o3o-fw-700);cursor:pointer;}
.td-profile-action span:first-child{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);}
.td-profile-action svg{width:18px;height:18px;}
.td-premium-stack{display:grid;gap:10px;padding:8px 16px 26px;}
.td-premium-card{background:#fff;border-radius:13px;padding:16px 17px;box-shadow:0 1px 0 rgba(0,0,0,.04);}
.td-premium-title{font-size:17px;font-weight:var(--o3o-fw-800);}
.td-premium-title.platinum{color:#23262b;display:flex;align-items:center;gap:7px;}
.td-premium-title.platinum svg{width:15px;height:15px;color:#ff4458;}
.td-premium-title.purple{color:#8d57c6;}
.td-premium-copy{margin-top:5px;color:#7d838d;font-size:13px;line-height:1.35;}
.td-premium-status{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#737982;}
.td-premium-status strong{color:#20a46b;font-size:12px;}
.td-premium-button{margin-top:12px;height:38px;padding:0 17px;border-radius:20px;background:#f0f1f3;color:#333840;font-size:13px;font-weight:var(--o3o-fw-750);cursor:pointer;}
.td-layer{position:absolute;inset:0;z-index:95;background:#fff;color:#23262b;overflow-y:auto;scrollbar-width:none;}
.td-layer::-webkit-scrollbar{display:none;}
.td-layer-head{position:sticky;top:0;height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:8;border-bottom:.5px solid rgba(0,0,0,.08);}
.td-layer-title{text-align:center;font-size:17px;font-weight:var(--o3o-fw-780);}
.td-layer-head .td-icon-button{font-size:18px;color:#383d44;}
.td-profile-detail-shell{min-height:100%;padding-bottom:104px;background:#fff;}
.td-detail-photo-wrap{position:relative;}
.td-detail-photo-wrap .td-detail-photo{height:61vh;}
.td-detail-photo-index{position:absolute;top:10px;left:12px;right:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;}
.td-detail-photo-index span{height:3px;border-radius:3px;background:rgba(255,255,255,.58);}
.td-detail-photo-index span:first-child{background:#fff;}
.td-detail-hero-info{position:absolute;left:0;right:0;bottom:0;padding:52px 18px 18px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;}
.td-detail-hero-info .td-detail-name{font-size:31px;}
.td-detail-hero-info .td-detail-meta{color:#fff;margin-top:6px;}
.td-detail-prompt{margin-top:20px;border:1px solid #e8e9eb;border-radius:12px;padding:14px 15px;}
.td-detail-prompt small{display:block;color:#878e97;font-size:11px;font-weight:var(--o3o-fw-750);margin-bottom:8px;}
.td-detail-prompt strong{font-size:17px;line-height:1.35;}
.td-detail-looking{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 11px;border-radius:18px;background:#f4f5f6;font-size:13px;font-weight:var(--o3o-fw-650);}
.td-explore-feature{min-height:100%;background:#f6f7f8;padding-bottom:28px;}
.td-explore-feature-hero{padding:24px 20px 22px;background:#fff;text-align:center;border-bottom:1px solid #eceef0;}
.td-explore-feature-icon{width:66px;height:66px;margin:0 auto 12px;border-radius:22px;background:linear-gradient(145deg,#ff4458,#ff6036);display:grid;place-items:center;color:#fff;}
.td-explore-feature-icon .td-fa{width:30px;height:30px;}
.td-explore-feature-hero h2{margin:0;font-size:25px;letter-spacing:-.5px;}
.td-explore-feature-hero p{margin:8px auto 0;max-width:290px;color:#7f868f;font-size:13px;line-height:1.45;}
.td-explore-feature-list{padding:14px;}
.td-explore-feature-card{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:12px;}
.td-explore-feature-media{height:152px;}
.td-explore-feature-copy{padding:13px 14px;}
.td-explore-feature-copy strong{font-size:16px;}
.td-explore-feature-copy p{margin:5px 0 0;color:#7e858e;font-size:12.5px;line-height:1.4;}
.td-explore-feature-copy button{margin-top:12px;height:36px;padding:0 16px;border-radius:18px;background:#111;color:#fff;font-size:12px;font-weight:var(--o3o-fw-750);}
.td-detail-copy{padding:17px 18px 34px;}
.td-detail-name svg{display:inline-block;width:18px;height:18px;color:#178eff;vertical-align:-2px;margin-left:4px;}
.td-detail-name{font-size:29px;font-weight:var(--o3o-fw-800);letter-spacing:-.8px;}
.td-detail-meta{margin-top:8px;display:flex;align-items:center;gap:7px;color:#6f7781;font-size:14px;}
.td-detail-section{margin-top:22px;}
.td-detail-label{font-size:12px;font-weight:var(--o3o-fw-800);color:#9ba1a8;text-transform:uppercase;letter-spacing:.8px;}
.td-detail-text{margin-top:8px;font-size:15px;line-height:1.48;}
.td-detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;}
.td-detail-tags .td-tag{background:#f3f4f5;color:#34383e;border-color:#eceef0;text-shadow:none;}
.td-detail-actions{right:0;justify-content:center;padding:13px 0 calc(13px + env(safe-area-inset-bottom));background:linear-gradient(transparent 0,#fff 32%);pointer-events:none;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:12px;z-index:9;}
.td-detail-actions .td-action{pointer-events:auto;background:#fff;border-color:#e6e8eb;box-shadow:0 5px 20px rgba(0,0,0,.12);}
.td-settings-body{padding:12px 16px 34px;background:#f7f7f8;min-height:calc(100% - 54px);}
.td-setting-card{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:14px;}
.td-setting-row{min-height:54px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:0 14px;position:relative;}
.td-setting-row+.td-setting-row::before{content:"";position:absolute;left:52px;right:0;top:0;height:.5px;background:#e6e7e9;}
.td-setting-row svg{width:16px;height:16px;color:#6f7780;}
.td-setting-row strong{font-size:15px;font-weight:var(--o3o-fw-650);}
.td-setting-row em{font-style:normal;color:#9aa0a7;font-size:13px;}
.td-toggle{width:45px;height:27px;border-radius:14px;background:#d5d8dc;position:relative;cursor:pointer;}
.td-toggle::after{content:"";position:absolute;top:2px;left:2px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s;}
.td-toggle.is-on{background:#30d158;}
.td-toggle.is-on::after{left:20px;}
.td-logout{width:100%;height:var(--o3o-long-button-height);border-radius:var(--o3o-long-button-radius);background:#fff;color:#ff3b30;font-size:15px;font-weight:var(--o3o-fw-720);margin-top:3px;cursor:pointer;}
.td-form{padding:17px 16px 40px;}
.td-field{display:block;margin-bottom:18px;}
.td-field span{display:block;margin:0 0 7px;color:#7e858e;font-size:12px;font-weight:var(--o3o-fw-750);text-transform:uppercase;letter-spacing:.5px;}
.td-field input,.td-field textarea{width:100%;border:0;border-bottom:1px solid #dfe2e5;outline:0;background:transparent;color:#20242a;font-size:16px;padding:8px 0 11px;resize:none;}
.td-field textarea{min-height:82px;line-height:1.4;}
.td-save-profile{width:100%;height:var(--o3o-long-button-height);border-radius:var(--o3o-long-button-radius);background:linear-gradient(90deg,#fd267a,#ff6036);color:#fff;font-size:15px;font-weight:var(--o3o-fw-780);cursor:pointer;}
.td-chat{position:absolute;inset:0;z-index:96;background:#fff;color:#24272c;display:flex;flex-direction:column;}
.td-chat-head{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border-bottom:.5px solid #e4e6e8;flex:0 0 auto;}
.td-chat-person{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.td-chat-person img{width:34px;height:34px;border-radius:50%;object-fit:cover;}
.td-chat-person strong{margin-top:2px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;}
.td-chat-body{flex:1;overflow-y:auto;padding:15px 15px 12px;display:flex;flex-direction:column;gap:7px;background:#fff;scrollbar-width:none;}
.td-chat-body::-webkit-scrollbar{display:none;}
.td-chat-day{text-align:center;color:#a0a6ad;font-size:11px;margin:5px 0 8px;}
.td-bubble{max-width:78%;padding:10px 13px;border-radius:19px;font-size:14px;line-height:1.38;white-space:pre-wrap;word-break:break-word;}
.td-bubble.them{align-self:flex-start;background:#eff1f3;color:#282c31;border-bottom-left-radius:6px;}
.td-bubble.me{align-self:flex-end;background:#2f3136;color:#fff;border-bottom-right-radius:6px;}
.td-chat-composer{flex:0 0 auto;min-height:66px;padding:8px 10px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:42px 1fr 42px;gap:7px;align-items:end;border-top:.5px solid #eceef0;}
.td-chat-composer .td-icon-button{font-size:17px;color:#656c75;}
.td-chat-input-wrap{min-height:42px;border:1px solid #dfe2e6;border-radius:22px;padding:7px 13px;display:flex;align-items:center;}
.td-chat-input{width:100%;min-height:26px;max-height:90px;border:0;outline:0;resize:none;background:transparent;color:#24272c;font-size:14px;line-height:20px;padding:3px 0;}
.td-chat-send{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ff4458;color:#fff;cursor:pointer;}
.td-chat-send:disabled{background:#d7dadd;}
.td-chat-send svg{width:16px;height:16px;}
.td-match-overlay{position:absolute;inset:0;z-index:120;background:linear-gradient(150deg,rgba(253,38,122,.96),rgba(255,96,54,.96));display:none;align-items:center;justify-content:center;padding:28px;color:#fff;}
.td-match-overlay.is-open{display:flex;}
.td-match-card{width:100%;max-width:360px;text-align:center;}
.td-match-title{font-size:46px;font-weight:var(--o3o-fw-900);font-style:italic;letter-spacing:-2.6px;line-height:.95;transform:rotate(-4deg);}
.td-match-sub{margin-top:12px;font-size:14px;color:rgba(255,255,255,.94);}
.td-match-faces{display:flex;justify-content:center;gap:16px;margin:28px 0;}
.td-match-face{position:relative;width:100px;height:100px;border-radius:50%;border:3px solid #fff;overflow:hidden;background:rgba(255,255,255,.18);display:grid;place-items:center;}
.td-match-face img{width:100%;height:100%;object-fit:cover;}
.td-match-face svg{width:36px;height:36px;}
.td-match-primary,.td-match-secondary{width:100%;height:var(--o3o-long-button-height);border-radius:var(--o3o-long-button-radius);font-size:14px;font-weight:var(--o3o-fw-800);cursor:pointer;}
.td-match-primary{background:#fff;color:#ff4458;}
.td-match-secondary{margin-top:10px;border:1.5px solid rgba(255,255,255,.9);color:#fff;}
@media (max-width:380px){.td-card-name{font-size:28px}
.td-card-age{font-size:25px}
.td-action{width:44px;height:44px}
.td-actions{gap:5px}
.td-explore-card{min-height:140px}
.td-detail-photo{height:55vh}
}
.td-global-avatar svg{display:block;width:100%;height:100%;}
.td-card-photo{object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;position:absolute;inset:0;width:100%;height:100%;}
.td-detail-photo{object-fit:cover;display:block;position:absolute;inset:0;width:100%;height:100%;}
.td-detail-secondary-photo{height:48vh;object-fit:cover;border-radius:12px;margin:20px 16px 0;display:block;width:100%;aspect-ratio:4/5;}
.td-like-photo{position:absolute;inset:0;width:100%;height:100%;}
.td-thread-photo,.td-chat-photo,.td-match-photo{background:var(--global-avatar-bg);background-image:none;display:block;border-radius:50%;flex:0 0 auto;}
.td-match-person .td-thread-photo{width:66px;height:66px;}
.td-thread .td-thread-photo{width:56px;height:56px;}
.td-chat-person .td-chat-photo{width:36px;height:36px;}
.td-match-face .td-match-photo{position:absolute;inset:0;width:100%;height:100%;}
.td-self-fallback .td-global-avatar{width:100%;height:100%;}
.td-self-fallback{display:grid;place-items:center;overflow:hidden;background:var(--global-avatar-bg);background-image:none;color:inherit;}
.td-card-photo,.td-detail-photo,.td-detail-secondary-photo,.td-like-photo,.td-explore-feature-media{background:var(--global-image-placeholder);background-image:none;}
.td-lucide-search{fill:none;stroke:currentColor;stroke-width:2;}
.td-settings-body-utility{min-height:0;padding-top:14px}
.td-profile-card.is-dragging{transition:none}
.td-profile-card.is-settling{transition:transform .22s ease,opacity .2s ease}
.td-profile-card.is-exiting{opacity:0}