:root{
  --pink:#f0448f;--pink-deep:#c92f78;--pink-soft:#fff0f6;--pink-faint:#fff8fb;
  --rose:#ff78ae;--ink:#2a1822;--muted:#786772;--line:#eedce5;--white:#fff;
  --green:#1aa66a;--amber:#b97715;--red:#d63f62;--shadow:0 22px 65px rgba(138,38,86,.13);
  --radius-xl:30px;--radius-lg:22px;--radius-md:16px;--shell:1180px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:92px;-webkit-text-size-adjust:100%}
body{margin:0;-webkit-overflow-scrolling:touch;min-width:320px;background:var(--pink-faint);color:var(--ink);overflow-x:hidden;overscroll-behavior-y:none}
body.modal-open{overflow:hidden}
button,input,textarea{font:inherit}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(240,68,143,.28);outline-offset:3px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.hidden{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-70px;z-index:200;background:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);transition:top .2s}.skip-link:focus{top:16px}
.shell{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}
.page-glow{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1;opacity:.75}.page-glow-one{width:540px;height:540px;right:-210px;top:-150px;background:radial-gradient(circle,rgba(255,164,202,.42),transparent 68%)}.page-glow-two{width:460px;height:460px;left:-250px;top:440px;background:radial-gradient(circle,rgba(255,208,225,.5),transparent 70%)}
.topbar{height:78px;padding:0 max(20px,calc((100% - var(--shell))/2));display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:40;background:rgba(255,248,251,.86);border-bottom:1px solid rgba(238,220,229,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.app-back,.modal-back{border:1px solid rgba(201,47,120,.18);background:linear-gradient(135deg,#fff0f6,#ffe4f0);color:var(--pink-deep);border-radius:13px;min-height:40px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(201,47,120,.10);transition:transform .18s,box-shadow .18s}.app-back:hover,.modal-back:hover{transform:translateY(-1px);box-shadow:0 11px 26px rgba(201,47,120,.15)}.app-back span,.modal-back span{font-size:18px;line-height:1}.app-back:not(.hidden)+.brand{margin-right:auto}.modal-back{margin:-5px 0 18px;position:relative;z-index:2}.payment-modal-back{margin-bottom:14px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand img{width:44px;height:44px;flex:0 0 auto}.brand strong,.brand small{display:block}.brand strong{font-size:18px;line-height:1.05;letter-spacing:-.02em}.brand small{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:9px}
.button{border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{color:#fff;background:linear-gradient(135deg,#fb5ba1,var(--pink-deep));box-shadow:0 13px 30px rgba(220,53,128,.24)}.button-primary:hover{box-shadow:0 17px 38px rgba(220,53,128,.31)}.button-soft{background:var(--pink-soft);color:var(--pink-deep)}.button-quiet{background:rgba(255,255,255,.82);color:var(--ink);border:1px solid var(--line)}.button-large{padding:15px 22px;border-radius:16px}.button-small{padding:9px 14px;border-radius:12px;font-size:13px}.link-button{border:0;background:transparent;color:var(--pink-deep);font-weight:800;cursor:pointer;padding:8px}
.landing{padding-bottom:90px}.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(40px,7vw,100px);padding-top:50px;padding-bottom:60px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.13em;color:var(--pink-deep);text-transform:uppercase}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 0 5px rgba(26,166,106,.12)}.hero h1{font-size:clamp(48px,6.6vw,82px);line-height:.98;letter-spacing:-.055em;margin:18px 0 25px;max-width:780px}.hero h1 em{font-style:normal;color:var(--pink)}.hero-lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:690px;margin:0}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px}.trust-row span{background:rgba(255,255,255,.72);border:1px solid rgba(238,220,229,.86);padding:13px 14px;border-radius:15px;font-size:12px;color:var(--muted);line-height:1.35}.trust-row b{display:block;color:var(--ink);font-size:12px;margin-bottom:3px}
.hero-visual{min-height:570px;display:grid;place-items:center;position:relative;isolation:isolate}.phone-preview{width:min(390px,90%);background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);border-radius:36px;padding:22px;box-shadow:0 35px 100px rgba(150,38,91,.19);position:relative;z-index:3;backdrop-filter:blur(15px);transform:rotate(1.5deg)}.preview-head{display:flex;justify-content:space-between;align-items:center}.mini-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900}.mini-brand img{width:31px}.online-pill,.language-chip{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;border-radius:999px;padding:6px 9px;background:#eafff4;color:#11764c}.online-pill i{width:6px;height:6px;background:var(--green);border-radius:50%}.preview-person{text-align:center;padding:36px 5px 24px}.listener-art{width:104px;height:104px;margin:auto;border-radius:34px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:30px;position:relative;box-shadow:0 22px 40px rgba(177,48,105,.25)}.listener-art:after{content:"";position:absolute;inset:8px;border-radius:27px;border:1px solid rgba(255,255,255,.38)}.avatar-rose{background:linear-gradient(145deg,#ff84b6,#c72f78)}.preview-person .language-chip{margin-top:18px;background:var(--pink-soft);color:var(--pink-deep)}.preview-person h3{font-size:24px;margin:14px 0 8px}.preview-person p{color:var(--muted);line-height:1.6;margin:0}.preview-call{width:100%;border:0;border-radius:18px;padding:16px;background:linear-gradient(135deg,#fb5ba1,var(--pink-deep));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 16px 34px rgba(213,47,121,.26)}.preview-call span{font-size:20px}.preview-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;color:var(--muted)}.preview-note span{font-weight:900;color:var(--ink)}.preview-note small{font-size:10px}.preview-orbit{position:absolute;border-radius:50%;border:1px solid rgba(238,91,155,.2);z-index:1}.orbit-one{width:510px;height:510px}.orbit-two{width:430px;height:430px;border-style:dashed;animation:spin 30s linear infinite}.floating-note{position:absolute;background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px 14px;font-size:11px;font-weight:800;box-shadow:0 15px 40px rgba(114,32,72,.12);z-index:4}.note-one{left:1%;top:18%;transform:rotate(-4deg)}.note-two{right:0;bottom:20%;transform:rotate(4deg)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;display:flex;gap:18px;box-shadow:0 12px 35px rgba(120,37,77,.05)}.feature-grid article>span{font-size:12px;color:var(--pink);font-weight:900}.feature-grid h2{font-size:17px;margin:0 0 8px}.feature-grid p{color:var(--muted);line-height:1.6;margin:0;font-size:13px}.how-it-works{padding-top:100px}.section-copy{max-width:700px}.section-copy h2{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em;line-height:1.05;margin:14px 0 36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article{border-top:1px solid var(--line);padding:24px 4px}.steps b{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--pink-soft);color:var(--pink-deep)}.steps h3{margin:18px 0 8px}.steps p{color:var(--muted);line-height:1.65;margin:0}
.dashboard{padding-top:34px;padding-bottom:90px}.welcome-card{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#351522,#541c36);color:#fff;border-radius:var(--radius-xl);padding:clamp(24px,5vw,42px);box-shadow:var(--shadow);overflow:hidden;position:relative}.welcome-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-90px;top:-160px;background:radial-gradient(circle,rgba(255,116,174,.45),transparent 67%)}.welcome-card h1{font-size:clamp(30px,5vw,47px);margin:8px 0}.welcome-card p{color:#dbc6d1;max-width:620px;line-height:1.65;margin:0}.welcome-card .eyebrow{color:#ff95c0}.wallet-pill{min-width:215px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:18px 20px;border-radius:20px;position:relative;z-index:1}.wallet-pill small,.wallet-pill strong{display:block}.wallet-pill small{color:#d8c0cc}.wallet-pill strong{font-size:34px;margin:4px 0}.wallet-pill button{border:0;background:transparent;color:#ff98c2;padding:0;font-weight:800;cursor:pointer}
.tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:19px;padding:7px;margin:22px 0;position:sticky;top:88px;z-index:25;backdrop-filter:blur(15px);box-shadow:0 10px 28px rgba(119,40,76,.06)}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;background:transparent;color:var(--muted);font-weight:800;padding:11px 17px;border-radius:13px;white-space:nowrap;cursor:pointer;scroll-snap-align:center;transition:.18s}.tabs button.active{background:var(--pink-soft);color:var(--pink-deep);box-shadow:inset 0 0 0 1px rgba(240,68,143,.08)}.tab{display:none;animation:tabIn .22s ease}.tab.active{display:block}
.call-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;background:linear-gradient(135deg,#fff,#fff3f8);border:1px solid var(--line);border-radius:var(--radius-xl);padding:clamp(24px,5vw,42px);box-shadow:0 18px 55px rgba(145,45,91,.08)}.availability-line{font-size:12px;font-weight:800;color:var(--muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 0 5px rgba(26,166,106,.11)}.call-hero h2{font-size:clamp(32px,5vw,53px);letter-spacing:-.045em;margin:13px 0}.call-hero p{color:var(--muted);line-height:1.65;max-width:650px}.balance-ring{width:180px;height:180px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#fff 59%,transparent 60%),conic-gradient(var(--pink) 0 70%,#f7dce8 70%);box-shadow:0 18px 48px rgba(187,46,109,.14)}.balance-ring span,.balance-ring small{color:var(--muted);font-size:11px}.balance-ring strong{font-size:30px;margin:3px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:38px 0 18px}.section-head.compact{margin-top:30px}.section-head h2{font-size:27px;margin:7px 0 0}.section-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.listener-grid,.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.listener-card,.plan-card,.panel,.list-item,.previous-box{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 35px rgba(112,31,70,.055)}.listener-card{padding:20px;position:relative;contain:layout paint}.abstract-avatar{width:68px;height:68px;border-radius:23px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:900;box-shadow:0 13px 28px rgba(147,39,90,.17)}.abstract-avatar.tone-0{background:linear-gradient(145deg,#ff8fbd,#d1327d)}.abstract-avatar.tone-1{background:linear-gradient(145deg,#a88cff,#6a52da)}.abstract-avatar.tone-2{background:linear-gradient(145deg,#ffab78,#e25c7d)}.abstract-avatar.tone-3{background:linear-gradient(145deg,#69d5c5,#248b91)}.favorite-btn{position:absolute;right:16px;top:16px;border:0;background:var(--pink-soft);color:var(--pink);width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}.listener-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px}.listener-meta strong{font-size:17px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#f2f3f5;color:#68707a;font-size:10px;font-weight:900;text-transform:capitalize}.badge.available{background:#e9fff4;color:#08774b}.badge.busy,.badge.ringing{background:#fff1db;color:#985c08}.badge.break{background:#f0ebff;color:#684bc4}.listener-card p{min-height:44px;color:var(--muted);font-size:13px;line-height:1.6}.listener-card .language-line{display:flex;align-items:center;gap:6px;color:var(--pink-deep);font-size:11px;font-weight:800;margin-top:10px}.listener-card>.button{width:100%;margin-top:8px}.list-actions{display:flex;flex-wrap:wrap;gap:7px}.list-actions .button{padding:9px 12px;font-size:11px}.empty-state{grid-column:1/-1;text-align:center;padding:45px 20px}.empty-state img{width:65px;margin:0 auto 15px}.empty-state p{color:var(--muted)}.previous-box{padding:18px 20px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(135deg,#fff7fa,#fff)}.previous-box p{color:var(--muted);margin:5px 0 0}
.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{padding:24px}.panel h2{font-size:23px;margin:8px 0}.panel>p{color:var(--muted);line-height:1.65}.inline-form{display:flex;gap:9px;margin-top:20px}.inline-form input{flex:1}.stack{display:flex;flex-direction:column;gap:14px}.stack label{font-size:12px;font-weight:800}.stack input,.stack textarea,.inline-form input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff;outline:0;color:var(--ink)}.inline-form input{margin:0}.stack textarea{min-height:130px;resize:vertical}.stack input:focus,.stack textarea:focus,.inline-form input:focus{border-color:#ef70a8;box-shadow:0 0 0 4px rgba(240,68,143,.09)}.stack small,.panel>small{color:var(--muted)}.balance-panel{background:linear-gradient(145deg,#351522,#55203a);color:#fff;border:0}.balance-panel .eyebrow{color:#ff9cc5}.balance-panel p{color:#d9c2ce}.huge-balance{font-size:58px;font-weight:900;letter-spacing:-.04em;margin:15px 0}.plans-grid{grid-template-columns:repeat(6,minmax(160px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px;scrollbar-width:thin}.plan-card{min-width:178px;padding:20px;position:relative;scroll-snap-align:start}.plan-card.popular{border-color:#f178ac;box-shadow:0 15px 40px rgba(213,53,126,.13)}.plan-card span{font-size:12px;color:var(--muted);font-weight:800}.plan-card h3{font-size:27px;margin:12px 0 4px}.plan-card strong{color:var(--pink-deep)}.plan-card p{font-size:11px;color:var(--muted);line-height:1.5}.popular-tag{position:absolute;right:10px;top:10px!important;background:var(--pink)!important;color:#fff!important;border-radius:999px;padding:5px 7px;font-size:8px!important}.list{display:flex;flex-direction:column;gap:10px}.list-item{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.list-item p{margin:5px 0;color:var(--muted);font-size:13px}.list-item small{color:var(--muted)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.about-grid .panel{box-shadow:none}.safety-panel{background:linear-gradient(145deg,#fff7fa,#fff)}.profile-summary{text-align:center}.profile-mark{width:75px;height:75px;margin:12px auto;border-radius:25px;padding:8px;background:var(--pink-soft)}.profile-summary h2{margin-bottom:5px}.profile-summary p{margin:5px 0}.legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.legal-btn{border:0;background:var(--pink-soft);color:var(--pink-deep);padding:9px 11px;border-radius:11px;font-weight:800;cursor:pointer}.security-panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.modal,.call-modal{position:fixed;inset:0;z-index:100;background:rgba(42,16,29,.56);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;overscroll-behavior:contain}.modal-card{width:min(520px,100%);max-height:min(90vh,760px);overflow:auto;background:#fff;border-radius:27px;padding:30px;position:relative;box-shadow:0 35px 100px rgba(33,11,22,.25);scrollbar-width:thin}.close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:#f6edf1;color:var(--ink);font-size:23px;cursor:pointer}.auth-card{text-align:left}.auth-logo{width:62px;margin-bottom:18px}.auth-card>h2{font-size:32px;margin:8px 0}.auth-card>p{color:var(--muted)}.auth-switch{display:grid;grid-template-columns:1fr 1fr;background:#f8eff3;border-radius:14px;padding:5px;margin:22px 0}.auth-switch button{border:0;border-radius:10px;padding:10px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.auth-switch button.active{background:#fff;color:var(--pink-deep);box-shadow:0 5px 15px rgba(122,39,77,.08)}.check{display:flex;align-items:flex-start;gap:8px}.check input{width:auto;margin-top:2px}.legal-card{width:min(720px,100%)}.legal-body{white-space:pre-wrap;color:var(--muted);line-height:1.8}
.call-modal{background:rgba(34,10,22,.72)}.call-shell{width:min(920px,100%);height:min(760px,calc(100vh - 32px));background:linear-gradient(150deg,#32131f,#5a1f3b);color:#fff;border-radius:32px;padding:22px;display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto 1fr auto;gap:18px;box-shadow:0 35px 100px rgba(0,0,0,.32);overflow:hidden}.call-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;color:#e4cdd8;font-size:12px;font-weight:800}.icon-button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer}.call-person{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.call-avatar{width:110px;height:110px;border-radius:38px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.17);box-shadow:0 20px 50px rgba(0,0,0,.2)}.call-avatar img{width:100%}.call-person .language-chip{margin-top:18px;background:rgba(255,255,255,.1);color:#ffc2dc}.call-person h2{font-size:30px;margin:12px 0 3px}.call-person p{color:#d6bdc9;margin:0 0 13px}.call-person>strong{font-size:44px}.call-person>small{color:#d6bdc9}.chat-box{background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.12);border-radius:22px;display:grid;grid-template-rows:1fr auto;min-height:0;overflow:hidden}.chat-messages{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain;scrollbar-width:thin}.bubble{align-self:flex-start;max-width:78%;background:rgba(255,255,255,.12);padding:10px 12px;border-radius:15px 15px 15px 4px;font-size:13px;line-height:1.45}.bubble.mine{align-self:flex-end;background:#ff6eaa;border-radius:15px 15px 4px 15px}.bubble b{font-size:10px;opacity:.8}.chat-form{display:flex;padding:10px;border-top:1px solid rgba(255,255,255,.1);gap:8px}.chat-form input{flex:1;border:0;border-radius:13px;padding:12px;background:rgba(255,255,255,.11);color:#fff;outline:0}.chat-form input::placeholder{color:#cdb5c0}.chat-form button{width:43px;border:0;border-radius:13px;background:#ff65a5;color:#fff;font-size:18px;cursor:pointer}.call-actions{grid-column:1/-1;display:flex;justify-content:center;gap:14px}.round-action{width:74px;height:74px;border-radius:26px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;cursor:pointer}.round-action span{font-size:21px}.round-action small{font-size:9px}.round-action.end{background:#e94468;border-color:transparent}.restore-call{position:fixed;right:18px;bottom:18px;z-index:80;border:0;border-radius:18px;background:#351421;color:#fff;padding:13px 16px;display:grid;grid-template-columns:auto auto;gap:1px 9px;align-items:center;box-shadow:0 18px 50px rgba(68,17,42,.28);cursor:pointer}.restore-call span{grid-row:1/3;font-size:22px}.restore-call b{font-size:12px}.restore-call small{color:#e2c5d3;text-align:left}
.toast-box{position:fixed;right:16px;bottom:16px;z-index:200;max-width:min(380px,calc(100% - 32px))}.toast{margin-top:8px;background:#301420;color:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 15px 45px rgba(48,20,32,.25);opacity:0;transform:translateY(9px);transition:.22s}.toast.show{opacity:1;transform:none}.toast.error{background:#a92e51}.toast.success{background:#117654}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes tabIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media (max-width:1040px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-buttons,.trust-row{justify-content:center}.hero-visual{min-height:520px}.listener-grid{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:repeat(6,180px)}.about-grid{grid-template-columns:1fr 1fr}.call-shell{grid-template-columns:280px 1fr}}
@media (max-width:760px){.shell{width:min(100% - 26px,var(--shell))}.topbar{height:68px;padding-inline:13px}.brand img{width:39px;height:39px}.brand small{display:none}.top-actions{gap:6px}.top-actions .button{padding:9px 11px}.top-actions #notificationPermission{display:none}.landing{padding-bottom:55px}.hero{padding-top:45px;gap:30px}.hero h1{font-size:46px}.hero-lead{font-size:16px}.trust-row{grid-template-columns:1fr}.hero-visual{min-height:430px}.phone-preview{width:min(340px,92%);border-radius:29px}.preview-orbit{display:none}.floating-note{font-size:9px}.feature-grid,.steps,.grid-two,.about-grid{grid-template-columns:1fr}.how-it-works{padding-top:65px}.welcome-card{align-items:flex-start;flex-direction:column}.wallet-pill{width:100%;min-width:0}.tabs{top:76px;margin-inline:-2px;padding:6px}.call-hero{grid-template-columns:1fr}.balance-ring{width:150px;height:150px;margin:auto}.listener-grid{grid-template-columns:1fr 1fr;gap:10px}.listener-card{padding:15px}.abstract-avatar{width:58px;height:58px;border-radius:19px}.listener-meta{align-items:flex-start;flex-direction:column}.listener-card p{font-size:12px}.previous-box{align-items:flex-start;flex-direction:column}.inline-form{flex-direction:column}.list-item{align-items:flex-start;flex-direction:column}.plans-grid{margin-right:-13px}.modal{padding:10px}.modal-card{border-radius:23px;padding:25px 19px}.call-modal{padding:0}.call-shell{width:100%;height:100%;border-radius:0;grid-template-columns:1fr;grid-template-rows:auto auto minmax(190px,1fr) auto;padding:15px}.call-top{grid-column:1}.call-person{padding:4px}.call-avatar{width:75px;height:75px;border-radius:26px;padding:10px}.call-person .language-chip{margin-top:9px}.call-person h2{font-size:22px;margin-top:7px}.call-person p{display:none}.call-person>strong{font-size:31px}.chat-box{min-height:190px}.call-actions{grid-column:1}.round-action{width:68px;height:68px;border-radius:23px}}
@media (max-width:480px){.hero h1{font-size:39px}.hero-buttons .button{width:100%}.hero-visual{min-height:390px}.phone-preview{padding:17px}.floating-note{display:none}.feature-grid article{padding:20px}.listener-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head .button{padding:9px 12px}.call-hero h2{font-size:36px}.welcome-card{border-radius:24px}.huge-balance{font-size:48px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.plan-card>.button{width:100%;margin-top:12px;padding:10px}.badge.pending{background:#fff1db;color:#985c08}.badge.approved{background:#e9fff4;color:#08774b}.badge.declined{background:#fff0f3;color:#a92e51}.payment-item{align-items:flex-start}.payment-item .badge{flex:none}.payment-card{width:min(660px,100%)}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.payment-summary div{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff8fb}.payment-summary small,.payment-summary strong{display:block}.payment-summary small{color:var(--muted);font-size:10px}.payment-summary strong{margin-top:5px}.upi-box{border-radius:18px;background:linear-gradient(145deg,#351522,#55203a);color:#fff;padding:18px;margin-bottom:18px}.upi-box small,.upi-box strong{display:block}.upi-box small{color:#d9c2ce}.upi-box strong{font-size:24px;margin:5px 0 13px;word-break:break-all}.upi-box>div{display:flex;gap:8px;flex-wrap:wrap}.payment-warning{padding:11px 13px;border-radius:12px;background:#fff7e8;color:#80510a;font-size:11px;line-height:1.55;margin:0}.recovery-panel{border-top:1px solid var(--line);margin-top:17px;padding-top:17px}.recovery-panel>label{font-size:12px;font-weight:800}.recovery-panel>label input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:14px;padding:12px}.recovery-panel>p{color:var(--muted);font-size:12px;line-height:1.55}.recovery-actions{display:flex;gap:8px;margin:11px 0 15px}.button[href]{text-decoration:none}@media(max-width:560px){.payment-summary{grid-template-columns:1fr}.upi-box>div .button{flex:1}.recovery-actions{flex-direction:column}}

/* Guided UPI checkout */
.payment-modal{padding:14px}.payment-card{width:min(900px,100%);max-height:min(94vh,900px);padding:30px 34px 34px}.payment-heading{padding-right:45px}.payment-heading h2{font-size:32px;margin:7px 0}.payment-heading>p{color:var(--muted);margin:0;line-height:1.55}.payment-progress{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;padding:0;margin:23px 0 25px;position:relative}.payment-progress:before{content:"";position:absolute;left:25%;right:25%;top:17px;height:2px;background:#eadde3}.payment-progress li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;color:#9a8790;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.payment-progress b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f4edf0;border:2px solid #fff;box-shadow:0 0 0 1px #eadde3;color:#806f77}.payment-progress li.active{color:var(--pink-deep)}.payment-progress li.active b{background:var(--pink);color:#fff;box-shadow:0 0 0 5px rgba(240,68,143,.11)}.payment-progress li.complete b{font-size:0;background:#16815b;color:#fff;box-shadow:0 0 0 1px #16815b}.payment-progress li.complete b:after{content:"✓";font-size:15px}.payment-step{animation:tabIn .2s ease}.checkout-loading{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.checkout-loading i,.payment-status-icon.pending i{width:32px;height:32px;border:3px solid #f2d5e2;border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}.payment-summary{margin:0 0 16px}.payment-summary div{background:#fff9fb;padding:14px 16px}.payment-summary .exact-amount{background:#3d1828;color:#fff;border-color:#3d1828}.payment-summary .exact-amount small{color:#e9cbd8}.payment-summary strong{font-size:17px}.payment-methods{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr);gap:14px}.upi-actions-card,.payment-qr-card{border:1px solid var(--line);border-radius:22px;padding:21px;background:#fff}.upi-actions-card{background:linear-gradient(145deg,#fff8fb,#fff)}.payment-kicker{display:block;color:var(--pink-deep);font-size:9px;font-weight:900;letter-spacing:.08em;margin-bottom:8px}.upi-actions-card h3{font-size:22px;margin:0 0 5px}.upi-actions-card>p{color:var(--muted);font-size:12px;margin:0 0 15px}.payment-qr-card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-frame{width:min(190px,80%);aspect-ratio:1;padding:9px;border:1px solid #e8dce1;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(67,24,43,.08)}.qr-frame img{width:100%;height:100%;display:block}.payment-qr-card>strong{margin-top:11px;color:var(--pink-deep)}.payment-qr-card>small{color:var(--muted);margin-top:3px}.payment-safe-note{border-radius:14px;background:#fff8e9;color:#775217;font-size:11px;line-height:1.6;padding:11px 13px;margin:14px 0}.payment-safe-note span{font-weight:900}.payment-next{width:100%}.upload-intro{display:flex;align-items:center;gap:14px;border-radius:18px;padding:16px;background:#fff7fa;margin-bottom:17px}.upload-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:15px;background:var(--pink);color:#fff;font-size:22px;font-weight:900}.upload-intro h3{margin:0 0 4px;font-size:20px}.upload-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.required-label,.optional-label{display:inline-block;border-radius:999px;padding:3px 6px;margin-left:4px;font-size:8px;text-transform:uppercase}.required-label{background:#ffeaf3;color:#a3295f}.optional-label{background:#f2f3f5;color:#6f747a}.payment-step .stack input[type=file]{padding:9px}.payment-step .stack label>small{display:block;margin-top:6px;font-weight:500}.proof-preview{display:grid;grid-template-columns:85px 1fr;align-items:center;gap:13px;border:1px solid #bfe9d8;background:#f2fff9;border-radius:16px;padding:10px}.proof-preview img{width:85px;height:72px;object-fit:cover;border-radius:10px;background:#fff}.proof-preview strong,.proof-preview small{display:block}.proof-preview strong{font-size:12px;word-break:break-all}.proof-preview small{font-size:10px;color:#5d776d;margin-top:4px;line-height:1.45}.payment-form-actions,.payment-status-actions{display:flex;justify-content:flex-end;gap:9px}.payment-form-actions .button-primary{min-width:230px}.payment-status-icon{width:76px;height:76px;margin:4px auto 13px;border-radius:26px;display:grid;place-items:center;font-size:36px;font-weight:900}.payment-status-icon.pending{background:#fff5df}.payment-status-icon.approved{background:#e9fff4;color:#08774b}.payment-status-icon.declined{background:#fff0f3;color:#a92e51}.payment-live-label{display:flex;align-items:center;justify-content:center;gap:6px;color:#9b690d;font-size:9px;font-weight:900;letter-spacing:.08em}.payment-live-label i,.payment-review-dot i{width:7px;height:7px;border-radius:50%;background:#edae37;box-shadow:0 0 0 4px rgba(237,174,55,.14);animation:pulsePayment 1.6s infinite}.payment-step#paymentStepStatus{text-align:center;max-width:670px;margin-inline:auto}.payment-step#paymentStepStatus h3{font-size:27px;margin:10px 0 8px}.payment-step#paymentStepStatus>p{color:var(--muted);line-height:1.65;margin-inline:auto;max-width:590px}.pending-payment-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:19px 0}.pending-payment-summary div{border:1px solid var(--line);border-radius:14px;padding:12px 8px;background:#fffafb;min-width:0}.pending-payment-summary small,.pending-payment-summary strong{display:block}.pending-payment-summary small{color:var(--muted);font-size:9px}.pending-payment-summary strong{font-size:12px;margin-top:5px;overflow-wrap:anywhere}.admin-payment-message{text-align:left;border-radius:14px;background:#f5f0ff;color:#503684;padding:13px 15px;margin-bottom:13px}.admin-payment-message strong{font-size:11px}.admin-payment-message p{margin:4px 0 0;font-size:12px;line-height:1.5}.payment-wait-note{padding:11px;border-radius:13px;background:#f6f7f8;font-size:11px!important}.payment-status-actions{justify-content:center;margin-top:15px}.payment-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.payment-item-side .button{padding:7px 10px;font-size:10px}.active-payment-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #f0d396;background:linear-gradient(135deg,#fff8e9,#fff);border-radius:19px;padding:15px 17px;margin:15px 0}.active-payment-banner>div{display:flex;align-items:center;gap:12px}.active-payment-banner p{margin:4px 0 0;color:var(--muted);font-size:11px}.payment-review-dot{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#fff0c8;flex:none}@keyframes pulsePayment{50%{opacity:.45;transform:scale(.8)}}
@media(max-width:720px){.payment-card{padding:25px 18px}.payment-heading h2{font-size:27px}.payment-methods{grid-template-columns:1fr}.payment-qr-card{padding-block:18px}.qr-frame{width:170px}.pending-payment-summary{grid-template-columns:1fr 1fr}.payment-form-actions{flex-direction:column-reverse}.payment-form-actions .button{width:100%;min-width:0}.active-payment-banner{align-items:flex-start;flex-direction:column}.active-payment-banner>.button{width:100%}}
@media(max-width:480px){.payment-modal{padding:0}.payment-card{width:100%;height:100%;max-height:none;border-radius:0;padding:21px 15px 28px}.payment-heading{padding-right:38px}.payment-heading h2{font-size:24px}.payment-progress{margin-block:19px}.payment-progress li{font-size:8px}.payment-summary{grid-template-columns:repeat(3,1fr);gap:5px}.payment-summary div{padding:10px 8px}.payment-summary strong{font-size:13px}.payment-summary small{font-size:8px}.upi-actions-card,.payment-qr-card{padding:16px}.payment-status-actions{flex-direction:column-reverse}.payment-status-actions .button{width:100%}.payment-step#paymentStepStatus h3{font-size:23px}.pending-payment-summary{gap:5px}.pending-payment-summary div{padding-inline:5px}.payment-item-side{align-items:flex-start}.proof-preview{grid-template-columns:65px 1fr}.proof-preview img{width:65px;height:60px}}

/* Responsive talk-time pack cards */
.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;overflow:visible;scroll-snap-type:none;padding-bottom:0}
.plan-card{display:flex;min-width:0;flex-direction:column;padding:20px}
.plan-card p{flex:1}
.plan-card>.button{margin-top:auto}
@media(max-width:1040px){.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-right:0}.plan-card{padding:16px 13px;border-radius:18px}.plan-card h3{font-size:23px}.plan-card>.button{padding:10px 7px;font-size:10px}}
@media(max-width:480px){.plan-card{padding:15px 11px}.plan-card p{font-size:10px}.plan-card.popular{padding-top:39px}.popular-tag{right:8px;top:8px!important}}

.hidden{display:none!important}
.abstract-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}


/* Payment and listener polish */
.plan-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(219,51,126,.12);
  background:linear-gradient(155deg,#fff 0%,#fff8fb 100%);
  box-shadow:0 14px 35px rgba(71,23,48,.07);
}
.plan-card:before{
  content:"";position:absolute;inset:auto -35px -55px auto;width:130px;height:130px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,68,143,.12),transparent 70%);pointer-events:none;
}
.plan-kicker{font-size:9px!important;letter-spacing:.12em;color:var(--pink-deep)!important;font-weight:900!important;margin-bottom:7px;display:block}
.plan-card h3{font-size:34px;letter-spacing:-.04em;margin:2px 0}
.plan-card h3 small{font-size:12px;letter-spacing:0;color:var(--muted)}
.plan-card>strong{font-size:18px}
.plan-card p{font-size:11px;line-height:1.55;color:var(--muted);margin:9px 0 15px}
.plan-card .button{box-shadow:0 10px 22px rgba(219,51,126,.16)}
.plan-card .button span{font-size:15px}

.payment-card{
  width:min(900px,calc(100% - 30px));
  border:1px solid rgba(219,51,126,.14);
  box-shadow:0 35px 100px rgba(47,16,33,.24);
  background:linear-gradient(145deg,#fff 0%,#fffafd 100%);
}
.payment-heading{padding-bottom:4px}
.payment-heading h2{letter-spacing:-.045em;font-size:34px}
.payment-summary{
  border:1px solid rgba(219,51,126,.12);
  background:linear-gradient(135deg,#fff4f9,#fff);
  box-shadow:0 12px 30px rgba(78,25,52,.06);
}
.payment-summary .exact-amount{background:#351522;color:#fff;border-color:#351522}
.payment-summary .exact-amount small{color:#e9cbd8}
.payment-summary .exact-amount strong{color:#fff}
.payment-methods{gap:14px}
.upi-actions-card,.payment-qr-card{
  border:1px solid rgba(219,51,126,.11);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 32px rgba(78,25,52,.055);
}
.payment-safe-note{
  border:1px solid rgba(219,51,126,.1);
  background:#fff7fb!important;
  border-radius:16px!important;
}
.upload-intro{
  padding:18px!important;
  border:1px solid rgba(219,51,126,.12)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fff4f9,#fff)!important;
}
.upload-intro .payment-kicker{margin-bottom:3px}
.proof-preview{
  border:1px solid rgba(219,51,126,.14)!important;
  background:#fff8fb!important;
  border-radius:18px!important;
}
.payment-form-actions .button-primary{min-width:210px}
.payment-status-icon{box-shadow:0 15px 40px rgba(219,51,126,.12)}
.listener-card{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.listener-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(72,22,48,.10);border-color:rgba(219,51,126,.18)}
.listener-card .button{width:100%}

.payment-card .close{background:#fff;border:1px solid var(--line);box-shadow:0 7px 20px rgba(62,18,40,.08)}
.call-top .call-back{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.11);color:#fff;border-radius:13px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:900;cursor:pointer}.call-top .call-back:hover{background:rgba(255,255,255,.17)}
@media(max-width:480px){
  .app-back{padding:8px 10px;min-height:38px}.app-back b{font-size:11px}.app-back:not(.hidden)+.brand span{display:none}.app-back:not(.hidden)+.brand img{width:35px;height:35px}.modal-back{margin-top:0}
}

/* QR-first checkout foundations */
.payment-progress.manual-mode{grid-template-columns:repeat(3,1fr)}
.payment-progress.manual-mode:before{left:16.66%;right:16.66%}
.manual-checkout-panel{display:grid;gap:14px}
.manual-safety-banner{display:grid;gap:4px;padding:14px 16px;border:1px solid #efd290;border-radius:17px;background:linear-gradient(135deg,#fff6df,#fff);color:#76500c;font-size:11px;line-height:1.55}
.manual-safety-banner b{font-size:12px;color:#5d3c04}
.manual-safety-banner.upi-ready-banner{border-color:rgba(219,51,126,.18);background:linear-gradient(135deg,#fff0f7,#fff);color:#75405a}
.manual-safety-banner.upi-ready-banner b{color:var(--pink-deep)}
#manualPaymentForm textarea{min-height:88px}
#manualPaymentForm input[type=file]{background:#fff}
.payment-status-icon.pending i{display:block}
@media(max-width:480px){.manual-safety-banner{padding:12px}.payment-progress.manual-mode li{font-size:7px}}

/* QR-only checkout, icon navigation and viewport-fit polish */
main,.tab,.panel,.payment-card,.payment-step,.payment-methods>*,.grid-two>*,.listener-grid>*,.plans-grid>*{min-width:0}
.modal-card,.payment-card{overscroll-behavior:contain;scrollbar-gutter:stable}
.list-item>*,.panel p,.payment-step p{overflow-wrap:anywhere}
.app-back,.modal-back{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:15px;flex:0 0 auto}
.app-back svg,.modal-back svg,.call-back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.modal-back{margin:-5px 0 18px}
.call-back{width:42px;height:42px;min-width:42px;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center;flex:0 0 auto}
.topbar{padding-top:env(safe-area-inset-top);height:calc(78px + env(safe-area-inset-top))}
.tabs{scroll-behavior:smooth;overscroll-behavior-x:contain}
@media(max-width:760px){
  .topbar{height:calc(68px + env(safe-area-inset-top));gap:9px;padding-inline:12px}
  .tabs{top:calc(76px + env(safe-area-inset-top))}
  .top-actions{min-width:0}.top-actions .button{max-width:130px;overflow:hidden;text-overflow:ellipsis}
  .payment-card{max-height:calc(100dvh - 20px)}
  .panel-head,.section-head{flex-wrap:wrap}.panel-head>*,.section-head>*{min-width:0}
}
@media(max-width:480px){
  .payment-card{min-height:100dvh;max-height:100dvh;padding-top:calc(19px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .top-actions .button{padding-inline:9px;font-size:11px}
  .app-back,.modal-back{width:42px;height:42px;min-width:42px;min-height:42px}
}

/* Lightweight QR payment */
.simple-upi-mode{width:min(820px,calc(100% - 32px));padding:28px 30px 30px;background:#fff}
.simple-upi-mode .payment-progress{display:none}
.simple-upi-mode>.close{display:none}
.simple-upi-mode .payment-heading{padding-right:0;margin-bottom:14px}
.simple-upi-mode .payment-heading .eyebrow{display:none}
.simple-upi-mode .payment-heading h2{font-size:27px;margin:4px 0}
.simple-upi-mode .payment-heading>p{font-size:12px}
.simple-upi-mode .payment-summary{grid-template-columns:1fr 1fr;margin:0 0 12px;border:0;box-shadow:none;background:transparent;gap:8px}
.simple-upi-mode .payment-summary div{padding:11px 13px;border-radius:13px;background:#fff6fa;border:1px solid rgba(201,47,120,.11)}
.simple-upi-mode .payment-summary .exact-amount{background:#351522;border-color:#351522}
.simple-upi-mode .manual-checkout-panel{gap:10px}
.simple-upi-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:14px;align-items:stretch}
.simple-upi-layout .payment-qr-card{padding:18px;border:1px solid rgba(201,47,120,.12);border-radius:18px;background:linear-gradient(145deg,#fffafd,#fff);box-shadow:none}
.simple-upi-layout .qr-frame{width:min(220px,75vw);padding:9px;border-radius:16px;box-shadow:0 8px 22px rgba(67,24,43,.07)}
.simple-upi-layout .payment-qr-card>strong{font-size:13px;margin-top:9px}
.qr-save-link{border:0;background:transparent;color:var(--pink-deep);font-weight:800;font-size:11px;padding:7px;cursor:pointer}
.simple-upi-details{display:flex;flex-direction:column;justify-content:flex-start;gap:11px;min-width:0;padding:21px;border:1px solid rgba(201,47,120,.12);border-radius:18px;background:linear-gradient(145deg,#fff,#fff8fb)}
.simple-upi-id{display:flex;align-items:center;gap:8px;min-width:0}
.simple-upi-id strong{flex:1;min-width:0;color:var(--pink-deep);font-size:15px;overflow-wrap:anywhere}
.simple-upi-id .button{padding:8px 11px;font-size:11px;flex:0 0 auto}
.simple-upi-details>small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.upi-payment-checklist{display:grid;gap:8px;list-style:none;padding:0;margin:2px 0}
.upi-payment-checklist li{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:9px;color:var(--muted);font-size:11px;line-height:1.4}
.upi-payment-checklist b{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#ffeaf3;color:var(--pink-deep);font-size:10px}
.simple-payment-note{margin:0!important;padding:9px 11px;border-radius:11px;background:#fff8e9;color:#76500c;font-size:10px!important;line-height:1.45}
.simple-upi-mode .payment-next{min-height:48px;margin-top:0}
@media(min-width:721px){
  .payment-card:not(.simple-upi-mode){width:min(760px,calc(100vw - 48px))}
}
@media(max-width:600px){
  .simple-upi-mode{width:100%;max-width:none;padding:calc(15px + env(safe-area-inset-top)) 15px calc(18px + env(safe-area-inset-bottom))}
  .simple-upi-mode .payment-modal-back{margin-bottom:10px}
  .simple-upi-mode .payment-heading{margin-bottom:10px}.simple-upi-mode .payment-heading h2{font-size:23px}
  .simple-upi-layout{grid-template-columns:1fr}.simple-upi-layout .payment-qr-card{order:1;padding:13px}
  .simple-upi-layout .qr-frame{width:min(205px,62vw)}.simple-upi-details{order:2;padding:13px}
  .simple-upi-mode .payment-summary div{padding:9px 10px}.simple-upi-mode .payment-summary strong{font-size:13px}
}

/* Themed scrolling and the main listener card slider */
*{scrollbar-width:thin;scrollbar-color:rgba(201,47,120,.56) rgba(238,220,229,.34)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(238,220,229,.26);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f36da8,#c92f78);border:3px solid transparent;background-clip:padding-box;border-radius:999px;min-height:44px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ef5b9d,#aa225f);border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-corner{background:transparent}
.tabs::-webkit-scrollbar{display:block;height:5px}
.tabs{scrollbar-width:thin;scroll-padding-inline:12px;padding-bottom:8px}
.modal-card,.payment-card,.chat-messages,.tabs,.plans-grid,.listener-grid,.legal-body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.chat-messages{scrollbar-color:rgba(255,255,255,.42) rgba(255,255,255,.08)}
.chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.07)}
.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.46);border:3px solid transparent;background-clip:padding-box}
.button,.app-back,.modal-back,.close,.favorite-btn,.legal-btn{min-height:44px}
.close,.favorite-btn{min-width:44px}

@media(max-width:760px){
  #listenerGrid{
    display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(84vw,320px);
    gap:10px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 3px 14px;margin-inline:-3px;
    scroll-snap-type:x mandatory;scroll-padding-inline:3px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;
  }
  #listenerGrid>*{scroll-snap-align:start;scroll-snap-stop:normal}
  #listenerGrid .empty-state{width:calc(100vw - 34px);max-width:420px}
  .section-head .button{min-height:44px}
}

@media(max-width:390px){
  #listenerGrid{grid-auto-columns:88vw}
}

@media(prefers-reduced-motion:reduce){.modal-card,.payment-card,.chat-messages,.tabs,.plans-grid,.listener-grid,.legal-body{scroll-behavior:auto}}

/* Language-aware listener discovery */
.language-fallback-toggle{display:flex;align-items:center;gap:12px;margin:-4px 0 18px;padding:14px 16px;border:1px solid rgba(201,47,120,.14);border-radius:18px;background:linear-gradient(135deg,#fff8fb,#fff);cursor:pointer;box-shadow:0 9px 26px rgba(119,40,76,.05)}
.language-fallback-toggle input{width:22px;height:22px;accent-color:var(--pink-deep);flex:0 0 auto}
.language-fallback-toggle span{display:grid;gap:3px;min-width:0}.language-fallback-toggle b{font-size:13px}.language-fallback-toggle small{color:var(--muted);font-size:11px;line-height:1.45}
.other-language-section{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.other-language-grid{margin-top:2px}

/* Public footer added in v6, styled with the original We Met pink tokens. */
.public-footer{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(260px,1fr);gap:28px;margin-top:92px;padding-top:34px;border-top:1px solid var(--line)}
.public-footer>div>p{max-width:540px;color:var(--muted);font-size:13px;line-height:1.65}
.footer-brand{width:max-content}.footer-brand img{width:38px;height:38px}
.public-footer nav{display:flex;align-content:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.public-footer nav a{padding:9px 11px;border-radius:11px;color:var(--pink-deep);background:var(--pink-soft);font-size:12px;font-weight:800}
.public-footer>small{grid-column:1/-1;color:var(--muted)}
.public-footer>small a{color:var(--pink-deep);font-weight:800}
@media(max-width:700px){.public-footer{grid-template-columns:1fr;margin-top:62px}.public-footer nav{justify-content:flex-start}.public-footer>small{grid-column:auto}}


/* v6.3 premium customer payment and availability polish */
.listener-discovery{margin-top:4px}
.simple-upi-mode{width:min(930px,calc(100% - 32px));background:#f7f7f8;border:1px solid rgba(17,17,19,.08);box-shadow:0 34px 90px rgba(15,15,18,.20)}
.simple-upi-mode .payment-heading h2{color:#111114;font-size:30px;letter-spacing:-.045em}
.simple-upi-mode .payment-heading>p{max-width:650px;color:#6b6b73}
.simple-upi-mode .payment-summary{grid-template-columns:1fr 1fr;gap:10px}
.simple-upi-mode .payment-summary div{background:#fff;border:1px solid #e6e6e9;border-radius:16px;padding:14px 16px}
.simple-upi-mode .payment-summary .exact-amount{background:#111114;border-color:#111114;color:#fff}
.simple-upi-mode .payment-summary .exact-amount small{color:#bdbdc4}
.premium-upi-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:14px;align-items:stretch}
.premium-pay-panel,.premium-qr-card{border:1px solid #e5e5e8;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(17,17,20,.06)}
.premium-pay-panel{padding:24px;display:flex;flex-direction:column;min-width:0}
.premium-pay-panel .payment-kicker,.premium-qr-card .payment-kicker{color:#111114;letter-spacing:.14em}
.premium-pay-panel h3{font-size:23px;letter-spacing:-.035em;margin:1px 0 6px;color:#111114}
.premium-pay-panel>p{font-size:12px;line-height:1.55;color:#707078;margin:0 0 17px}
.upi-app-actions{display:grid;gap:9px}
.upi-app-button{width:100%;min-height:66px;border:1px solid #ddddE2;border-radius:17px;background:#fff;color:#141418;display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:10px 14px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.upi-app-button:hover{transform:translateY(-1px);border-color:#b8b8bf;box-shadow:0 12px 26px rgba(17,17,20,.08)}
.upi-app-button:active{transform:translateY(0)}
.upi-app-button span:nth-child(2){display:grid;gap:3px}.upi-app-button b{font-size:14px}.upi-app-button small{font-size:10px;color:#74747c}.upi-app-button>i{font-style:normal;font-size:25px;color:#8c8c94;text-align:right}
.upi-app-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#111114;color:#fff;font-size:15px;font-weight:900;letter-spacing:-.04em}
.upi-app-other .upi-app-mark{font-size:9px;letter-spacing:.03em}
.payment-divider{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:#919199;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.payment-divider:before,.payment-divider:after{content:"";height:1px;background:#ececef;flex:1}
.merchant-detail-card{display:flex;align-items:center;gap:10px;border:1px solid #e7e7ea;border-radius:15px;background:#fafafa;padding:11px 12px;min-width:0}.merchant-detail-card>div{min-width:0;flex:1;display:grid;gap:3px}.merchant-detail-card small{font-size:9px;color:#85858d;text-transform:uppercase;letter-spacing:.08em}.merchant-detail-card strong{font-size:13px;color:#111114;overflow-wrap:anywhere}.merchant-copy{border:0;border-radius:10px;background:#111114;color:#fff;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer;min-height:36px}
.merchant-payee{font-size:10px;color:#777780;margin:8px 2px 0}.merchant-payee b{color:#242429}
.payment-security-line{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;margin:14px 0}.payment-security-line>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#111114;color:#fff;font-size:11px;font-weight:900}.payment-security-line p{margin:1px 0 0!important;font-size:10px!important;line-height:1.5;color:#696970!important}
.premium-paid-button{background:#111114!important;border-color:#111114!important;color:#fff!important;box-shadow:none!important}.premium-paid-button:hover{background:#000!important}
.premium-qr-card{padding:23px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111114;border-color:#111114;color:#fff}
.premium-qr-card .payment-kicker{color:#c9c9ce}.premium-qr-card>strong{color:#fff!important;font-size:14px;margin-top:14px!important}.premium-qr-card>small{color:#9e9ea6!important;font-size:10px;line-height:1.45;max-width:230px}.premium-qr-card .qr-save-link{color:#fff;border:1px solid #38383e;border-radius:11px;margin-top:10px;padding:9px 12px;background:#1b1b1f}
.qr-scan-shell{position:relative;width:min(244px,72vw);aspect-ratio:1;padding:14px;margin-top:5px}.premium-qr-card .qr-frame{width:100%;height:100%;padding:10px;border:0;border-radius:18px;background:#fff;box-shadow:none}.premium-qr-card .qr-frame img{image-rendering:auto}
.qr-corner{position:absolute;width:34px;height:34px;border-color:#fff;border-style:solid;pointer-events:none}.qr-corner.top-left{left:0;top:0;border-width:3px 0 0 3px;border-radius:8px 0 0}.qr-corner.top-right{right:0;top:0;border-width:3px 3px 0 0;border-radius:0 8px 0 0}.qr-corner.bottom-left{left:0;bottom:0;border-width:0 0 3px 3px;border-radius:0 0 0 8px}.qr-corner.bottom-right{right:0;bottom:0;border-width:0 3px 3px 0;border-radius:0 0 8px 0}
.proof-preview{border-color:#dedee3;background:#f7f7f8}.proof-preview small{color:#6e6e76}.payment-status-icon.approved{background:#111114;color:#fff}
@media(max-width:720px){.premium-upi-layout{grid-template-columns:1fr}.premium-qr-card{order:2}.premium-pay-panel{order:1}.simple-upi-mode{width:100%;max-width:none}.qr-scan-shell{width:min(225px,66vw)}}
@media(max-width:480px){.premium-pay-panel,.premium-qr-card{border-radius:18px;padding:17px}.premium-pay-panel h3{font-size:20px}.upi-app-button{min-height:62px}.simple-upi-mode .payment-summary div{padding:11px 12px}}


/* v6.3 restrained premium surface polish */
.welcome-card,.call-hero,.panel,.plan-card,.listener-card{border-color:rgba(67,48,58,.09)}
.welcome-card,.call-hero{box-shadow:0 22px 55px rgba(66,31,49,.07)}
.plan-card{background:linear-gradient(180deg,#fff 0%,#fffafb 100%);box-shadow:0 12px 34px rgba(81,34,58,.055)}
.plan-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(81,34,58,.09)}
.listener-card{background:#fff;box-shadow:0 12px 32px rgba(66,31,49,.055)}
.tabs{border:1px solid rgba(67,48,58,.08);box-shadow:0 10px 30px rgba(66,31,49,.045)}
.button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.button:active{transform:translateY(1px)}
.wallet-pill,.balance-ring{box-shadow:0 14px 32px rgba(72,26,50,.08)}


/* v6.4 payment correction: keep the We Met pink/light app theme; only the QR graphic is black/white. */
.simple-upi-mode{background:#fff!important;border:1px solid rgba(201,47,120,.13)!important;box-shadow:0 28px 80px rgba(116,29,72,.16)!important}
.simple-upi-mode .payment-heading h2{color:var(--ink)!important}.simple-upi-mode .payment-summary .exact-amount{background:linear-gradient(135deg,#fff0f6,#ffe1ed)!important;border-color:rgba(201,47,120,.16)!important;color:var(--pink-deep)!important}.simple-upi-mode .payment-summary .exact-amount small{color:var(--muted)!important}.simple-upi-mode .payment-summary .exact-amount strong{color:var(--pink-deep)!important}
.premium-pay-panel,.premium-qr-card{border-color:rgba(201,47,120,.13)!important;background:linear-gradient(145deg,#fff9fc,#fff)!important;box-shadow:0 14px 36px rgba(116,29,72,.07)!important;color:var(--ink)!important}.premium-pay-panel .payment-kicker,.premium-qr-card .payment-kicker{color:var(--pink-deep)!important}.premium-pay-panel h3{color:var(--ink)!important}.upi-app-button{border-color:rgba(201,47,120,.14)!important;background:#fff!important;color:var(--ink)!important}.upi-app-button:hover{border-color:#ef82b1!important;background:#fff7fb!important;box-shadow:0 9px 24px rgba(201,47,120,.10)!important}.upi-app-mark{background:linear-gradient(135deg,#fb5ba1,var(--pink-deep))!important;color:#fff!important}.merchant-detail-card{border-color:rgba(201,47,120,.13)!important;background:#fff7fb!important}.merchant-detail-card strong{color:var(--ink)!important}.merchant-copy{background:var(--pink-soft)!important;color:var(--pink-deep)!important}.payment-security-line>span{background:var(--pink)!important}.premium-paid-button{background:linear-gradient(135deg,#fb5ba1,var(--pink-deep))!important;border-color:transparent!important;box-shadow:0 13px 30px rgba(219,51,126,.22)!important}.premium-paid-button:hover{background:linear-gradient(135deg,#f64f99,#b9256c)!important}.premium-qr-card>strong{color:var(--ink)!important}.premium-qr-card>small{color:var(--muted)!important}.premium-qr-card .qr-save-link{color:var(--pink-deep)!important;border-color:rgba(201,47,120,.14)!important;background:#fff!important}.qr-corner{border-color:var(--pink)!important}.qr-scan-shell{background:linear-gradient(145deg,#fff0f6,#fff8fb);border-radius:24px}.premium-qr-card .qr-frame{background:#fff!important;border:1px solid #eee!important;box-shadow:0 10px 26px rgba(67,24,43,.08)!important}.payment-status-icon.approved{background:#e9fff4!important;color:#08774b!important}


/* v6.6 professional trust visuals and neutral live-availability state */
.listener-art img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.trust-showcase{margin-top:24px;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:34px;align-items:center;padding:clamp(24px,5vw,44px);border:1px solid rgba(208,43,118,.13);border-radius:32px;background:linear-gradient(135deg,rgba(255,244,249,.96),rgba(255,255,255,.98));box-shadow:0 26px 70px rgba(129,32,77,.08)}
.trust-visuals{min-height:280px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;padding:16px;border-radius:26px;background:linear-gradient(150deg,#ffeaf3,#fff 62%)}
.trust-visuals img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24px;border:5px solid #fff;box-shadow:0 15px 35px rgba(116,31,70,.13)}
.trust-visuals img:nth-child(2){transform:translateY(30px)}
.trust-visuals img:nth-child(3){width:48%;position:absolute;left:26%;bottom:3%;box-shadow:0 18px 40px rgba(116,31,70,.18)}
.trust-copy h2{font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.035em;margin:10px 0 14px}.trust-copy>p{max-width:620px;color:var(--muted);line-height:1.7}.trust-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.trust-points span{padding:9px 12px;border:1px solid rgba(208,43,118,.14);border-radius:999px;background:#fff;color:var(--text);font-size:12px;font-weight:800}
.listener-grid .empty-state{grid-column:1/-1;min-height:210px;display:grid;place-items:center;text-align:center;padding:30px;background:linear-gradient(145deg,#fff,#fff8fb)}
.listener-grid .empty-state img{width:52px;height:52px}.listener-grid .empty-state h3{margin:4px 0 0}.listener-grid .empty-state p{max-width:520px;margin:0 auto;color:var(--muted)}
.delete-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:760px){.trust-showcase{grid-template-columns:1fr;gap:22px}.trust-visuals{min-height:230px;max-width:430px;width:100%;margin:auto}}

/* v6.8 premium interaction and accessibility refinement */
.button:focus-visible,.tabs button:focus-visible,.listener-card:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(240,68,143,.28);outline-offset:3px}.welcome-card,.call-hero,.panel,.plan-card,.listener-card,.trust-showcase{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.panel:hover,.welcome-card:hover{border-color:rgba(201,47,120,.17);box-shadow:0 22px 55px rgba(66,31,49,.085)}.toast{backdrop-filter:blur(14px)}@media(prefers-reduced-motion:reduce){.welcome-card,.call-hero,.panel,.plan-card,.listener-card,.trust-showcase{transition:none}}

/* One-tap controls */
button{touch-action:manipulation}
@media(hover:none),(pointer:coarse){.button:hover,.listener-card:hover,.plan-card:hover,.panel:hover,.welcome-card:hover,.upi-app-button:hover{transform:none}.button,.tabs button{min-height:42px}}

/* Application experience */
:root{
  --pink:#ed4c96;--pink-deep:#ff66aa;--pink-soft:rgba(237,76,150,.14);--pink-faint:#121318;
  --rose:#ff80b8;--ink:#f8f7fa;--muted:#a7a5ae;--line:rgba(255,255,255,.09);--white:#1b1d22;
  --green:#38d68b;--amber:#f2aa4b;--red:#ff6684;--shadow:0 24px 70px rgba(0,0,0,.28);
  --surface:#1a1c21;--surface-2:#23252b;--surface-3:#2b2e35;--violet:#8f4fff;--deep-purple:#280052;
  color-scheme:light;
}
html{scroll-padding-top:90px;background:#111217}
body{background:radial-gradient(circle at 80% 5%,rgba(103,35,164,.15),transparent 30%),#111217;color:var(--ink)}
.page-glow-one{background:radial-gradient(circle,rgba(126,55,224,.18),transparent 68%)}
.page-glow-two{background:radial-gradient(circle,rgba(237,76,150,.10),transparent 70%)}
.topbar{background:linear-gradient(110deg,#230047,#320063 55%,#24004d);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 35px rgba(0,0,0,.2)}
.brand strong{color:#fff}.brand small{color:rgba(255,255,255,.63)}
.button{letter-spacing:-.01em}
.button-primary{background:linear-gradient(135deg,#a24cff,#e63e91);box-shadow:0 13px 30px rgba(167,59,211,.24)}
.button-primary:hover{box-shadow:0 16px 38px rgba(207,55,157,.3)}
.button-soft{background:rgba(181,89,255,.14);color:#d6a6ff;border:1px solid rgba(190,109,255,.16)}
.button-quiet{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}
.topbar .button-quiet,.topbar .button-soft{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.12)}
.app-back,.modal-back{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.13);box-shadow:none}
.app-back:hover,.modal-back:hover{box-shadow:none;background:rgba(255,255,255,.15)}
.eyebrow{color:#d498ff}

/* Public landing */
.landing{background:transparent}.hero h1{color:#fff}.hero h1 em{background:linear-gradient(100deg,#ff74b5,#bd7aff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:var(--muted)}
.trust-row span,.feature-grid article,.steps article{background:var(--surface);border-color:var(--line);color:var(--muted);box-shadow:0 14px 40px rgba(0,0,0,.14)}
.trust-row b,.feature-grid h2,.steps h3{color:var(--ink)}
.phone-preview{background:linear-gradient(155deg,#272a31,#191b20);border-color:rgba(255,255,255,.1);box-shadow:0 38px 110px rgba(0,0,0,.42)}
.phone-preview h3,.preview-note span{color:#fff}.preview-person p,.preview-note{color:var(--muted)}
.preview-person .language-chip{background:rgba(183,92,255,.16);color:#d6a8ff}
.preview-call{display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#a54cff,#e83e92)}.preview-call svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.floating-note{background:var(--surface-2);border-color:var(--line);color:var(--ink);box-shadow:0 16px 42px rgba(0,0,0,.25)}
.trust-showcase{background:linear-gradient(140deg,#1d1824,#17191e);border-color:var(--line);box-shadow:var(--shadow)}
.trust-visuals{background:linear-gradient(150deg,#30203c,#17191e 65%)}
.trust-visuals img{border-color:#2a2c32;box-shadow:0 16px 38px rgba(0,0,0,.3)}
.trust-copy h2{color:#fff}.trust-copy>p{color:var(--muted)}.trust-points span{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
.public-footer{border-color:var(--line)}.public-footer nav a{background:var(--surface-2);color:#d7a8ff}.public-footer>div>p,.public-footer>small{color:var(--muted)}

/* Signed-in shell and overview */
body.signed-in{padding-bottom:110px}
.dashboard{padding-top:24px;padding-bottom:54px}
.welcome-card{padding:clamp(22px,4vw,34px);background:linear-gradient(135deg,#21232a,#191b20);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}
.welcome-card:after{width:330px;height:330px;right:-110px;top:-190px;background:radial-gradient(circle,rgba(158,70,255,.3),transparent 67%)}
.welcome-card h1{font-size:clamp(31px,5vw,48px);letter-spacing:-.045em;margin:7px 0 8px}.welcome-card p{color:var(--muted);max-width:660px}.welcome-card .eyebrow{color:#d49bff}
.balance-shortcut{min-width:224px;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;text-align:left;color:#fff;background:linear-gradient(135deg,#7130c8,#b32a80);border:1px solid rgba(255,255,255,.13);cursor:pointer;padding:16px 17px;box-shadow:0 17px 40px rgba(106,31,148,.25)}
.balance-shortcut>span:nth-child(2){min-width:0}.balance-shortcut small,.balance-shortcut strong{display:block}.balance-shortcut small{color:rgba(255,255,255,.68);font-size:10px}.balance-shortcut strong{font-size:27px;margin-top:3px;letter-spacing:-.04em}.balance-icon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.13);display:grid;place-items:center}.balance-icon svg{width:23px;height:23px}.balance-arrow{width:22px;height:22px}
.balance-icon svg,.balance-arrow,.tabs svg,.button svg,.profile-menu-row svg,.profile-logout svg,.security-panel summary svg,.favorite-btn svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Fixed app navigation */
.tabs{position:fixed;left:50%;bottom:18px;top:auto;transform:translateX(-50%);width:min(620px,calc(100% - 28px));display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0;padding:7px;background:rgba(24,26,31,.94);border:1px solid rgba(255,255,255,.11);border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible;z-index:70}
.tabs button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 4px;border-radius:16px;color:#8e8d96;font-size:10px;line-height:1}
.tabs button svg{width:23px;height:23px}.tabs button span{font-size:10px}.tabs button.active{background:linear-gradient(150deg,rgba(151,68,255,.27),rgba(227,54,143,.19));color:#fff;box-shadow:inset 0 0 0 1px rgba(200,132,255,.13)}

/* Home and live listeners */
.call-hero{margin-top:20px;background:linear-gradient(135deg,#1e2026,#17191e);border-color:var(--line);box-shadow:0 20px 55px rgba(0,0,0,.18);overflow:hidden;position:relative}
.call-hero:after{content:"";position:absolute;width:280px;height:280px;right:-130px;bottom:-180px;border-radius:50%;background:radial-gradient(circle,rgba(237,76,150,.22),transparent 68%);pointer-events:none}
.call-hero h2{color:#fff}.call-hero p{color:var(--muted)}.availability-line{color:#b9b7c0}.call-hero .button svg,.listener-card .button svg,.section-head .button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.status-dot{background:#7c7b83;box-shadow:0 0 0 5px rgba(255,255,255,.07)}.call-hero.has-available .status-dot{background:var(--green);box-shadow:0 0 0 5px rgba(56,214,139,.12)}
.balance-ring{position:relative;z-index:1;background:radial-gradient(circle at center,#202228 59%,transparent 60%),conic-gradient(#ac56ff 0 72%,#34363d 72%);box-shadow:0 20px 50px rgba(0,0,0,.28)}.balance-ring span,.balance-ring small{color:var(--muted)}.balance-ring strong{color:#fff}
.previous-box{background:linear-gradient(135deg,#211d27,#1a1c21);border-color:var(--line);box-shadow:none}.previous-box p{color:var(--muted)}
.section-head h2{color:#fff}.section-head p{color:var(--muted)}
.language-fallback-toggle{background:var(--surface);border-color:var(--line);box-shadow:none}.language-fallback-toggle b{color:#fff}.language-fallback-toggle small{color:var(--muted)}
.language-fallback-toggle input{accent-color:#b65cff}
.other-language-section{border-color:var(--line)}
.listener-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.listener-card{padding:0;overflow:hidden;background:var(--surface);border-color:var(--line);border-radius:25px;box-shadow:0 16px 45px rgba(0,0,0,.2);contain:layout paint}
.listener-card:hover{border-color:rgba(190,108,255,.24);box-shadow:0 22px 55px rgba(0,0,0,.3)}
.listener-media{position:relative;aspect-ratio:1.18/1;min-height:210px;background:linear-gradient(145deg,#30293a,#202228);overflow:hidden}
.listener-media .abstract-avatar{width:100%;height:100%;border-radius:0;box-shadow:none;font-size:0}
.listener-media .abstract-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0}
.listener-status{position:absolute;left:13px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;background:rgba(18,19,23,.78);color:#e6e5e9;border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px)}
.listener-status i{width:7px;height:7px;border-radius:50%;background:#888790}.listener-status.available i{background:var(--green);box-shadow:0 0 0 4px rgba(56,214,139,.13)}.listener-status.busy i,.listener-status.ringing i{background:var(--amber)}
.favorite-btn{right:13px;top:13px;width:42px;height:42px;display:grid;place-items:center;background:rgba(19,20,24,.67);color:#fff;border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px)}.favorite-btn svg{width:21px;height:21px}.favorite-btn.saved{color:#ff6eae}.favorite-btn.saved svg{fill:currentColor}
.listener-body{padding:18px}.listener-meta{margin:0;align-items:flex-start}.listener-meta strong{font-size:20px;color:#fff;letter-spacing:-.025em}.listener-meta>span{padding:5px 8px;border-radius:999px;background:rgba(181,89,255,.13);color:#d6abff;font-size:9px;font-weight:800;white-space:nowrap}
.listener-card p{min-height:42px;margin:10px 0 15px;color:var(--muted);font-size:12px;line-height:1.55}.listener-card .button{margin:0;width:100%;min-height:49px}.listener-card .button:disabled{background:var(--surface-2);color:#777780;border-color:var(--line)}
.listener-grid .empty-state{background:var(--surface);border-color:var(--line)}.listener-grid .empty-state h3{color:#fff}.listener-grid .empty-state p{color:var(--muted)}

/* Talk-time packs: 3 on mobile, then one additional column at each larger size */
.wallet-heading{align-items:center}.minutes-balance{min-width:140px;padding:13px 16px;border:1px solid rgba(190,108,255,.18);border-radius:17px;background:linear-gradient(135deg,rgba(151,68,255,.16),rgba(237,76,150,.1));text-align:right}.minutes-balance small,.minutes-balance strong{display:block}.minutes-balance small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.minutes-balance strong{margin-top:3px;color:#fff;font-size:24px;letter-spacing:-.035em}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;margin:0;padding:0}
.plans-grid .plan-card{appearance:none;min-width:0;min-height:0;aspect-ratio:1/1.06;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:11px 5px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#24262c,#1a1c21);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.18);cursor:pointer;text-align:center;overflow:hidden}
.plans-grid .plan-card:before{display:none}.plans-grid .plan-card:hover{transform:translateY(-2px);border-color:rgba(196,116,255,.34);box-shadow:0 18px 38px rgba(0,0,0,.28)}.plans-grid .plan-card.popular{border-color:rgba(222,75,164,.48);background:linear-gradient(150deg,rgba(126,53,202,.5),rgba(94,35,95,.46)),#1a1c21}
.plan-minutes{display:flex;align-items:baseline;justify-content:center;gap:3px;color:#fff!important}.plan-minutes b{font-size:clamp(22px,7vw,32px);line-height:1;letter-spacing:-.055em}.plan-minutes small{font-size:9px;color:#aaa8b1;text-transform:uppercase;font-weight:800}.plans-grid .plan-price{display:block;color:#fff;font-size:clamp(13px,4vw,18px);line-height:1}.plans-grid .plan-card.popular .plan-price{color:#ff9dcc}
.grid-two{margin-top:18px}.panel,.list-item{background:var(--surface);border-color:var(--line);box-shadow:0 12px 34px rgba(0,0,0,.14)}.panel h2,.list-item strong{color:#fff}.panel>p,.list-item p,.list-item small,.stack small,.panel>small{color:var(--muted)}
.coupon-panel{background:linear-gradient(145deg,#221d28,#1a1c21)}.billing-note{background:linear-gradient(145deg,#1a2222,#1a1c21)}
.stack input,.stack textarea,.inline-form input{background:var(--surface-2);border-color:var(--line);color:#fff}.stack input::placeholder,.stack textarea::placeholder,.inline-form input::placeholder{color:#777680}.stack input:focus,.stack textarea:focus,.inline-form input:focus{border-color:#a95cff;box-shadow:0 0 0 4px rgba(169,92,255,.11)}
.list-item{transition:border-color .16s ease}.list-item:hover{border-color:rgba(190,108,255,.2)}

/* Profile and settings */
.profile-layout{width:min(820px,100%);margin-inline:auto;display:grid;gap:18px}
.profile-summary{display:flex;align-items:center;gap:18px;text-align:left;padding:26px;background:linear-gradient(135deg,#25272e,#1a1c21)}.profile-mark{width:88px;height:88px;flex:0 0 auto;margin:0;border-radius:50%;padding:11px;background:linear-gradient(145deg,#a44dff,#e43c91)}.profile-summary h2{font-size:28px;margin:5px 0}.profile-summary p{color:var(--muted);margin:3px 0}
.profile-menu-group{display:grid;gap:0}.profile-menu-group>h2{font-size:15px;color:#c8c6cd;margin:2px 4px 10px}
.profile-menu-row{appearance:none;width:100%;min-height:76px;display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:13px;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:#fff;text-align:left;cursor:pointer}.profile-menu-row:first-of-type{border-radius:20px 20px 0 0}.profile-menu-row:last-child{border-bottom:0;border-radius:0 0 20px 20px}.profile-menu-row:only-of-type{border-radius:20px}.profile-menu-row:hover{background:var(--surface-2)}
.profile-menu-row.legal-btn{padding:14px 16px;border-radius:0;background:var(--surface);color:#fff}.profile-menu-row.legal-btn:first-of-type{border-radius:20px 20px 0 0}.profile-menu-row.legal-btn:last-child{border-radius:0 0 20px 20px}.profile-menu-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(174,84,255,.13);color:#cf96ff}.profile-menu-icon svg{width:22px;height:22px}.profile-menu-row>span:nth-child(2){display:grid;gap:4px;min-width:0}.profile-menu-row b{font-size:14px}.profile-menu-row small{color:var(--muted);font-size:10px}.menu-arrow{width:21px;height:21px;color:#85848c}
.security-panel{padding:0;overflow:hidden}.security-panel>summary{min-height:80px;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:12px;padding:17px 19px;cursor:pointer;list-style:none}.security-panel>summary::-webkit-details-marker{display:none}.security-panel>summary>span{display:grid;gap:4px}.security-panel>summary b{font-size:15px}.security-panel>summary small{color:var(--muted);font-size:10px}.security-panel>summary svg{width:23px;height:23px;transition:transform .2s}.security-panel[open]>summary svg{transform:rotate(180deg)}
.security-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}.security-forms form{padding:20px;background:var(--surface)}.security-forms h2{font-size:17px}.security-forms .button{width:100%}
.profile-danger-links{text-align:center}.profile-danger-links .delete-link{color:#ff8097;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.profile-logout{appearance:none;min-height:72px;display:grid;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:15px 19px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:#fff;text-align:left;font-weight:800;cursor:pointer}.profile-logout>svg:first-child{width:25px;height:25px;color:#d49bff}.profile-logout:hover{background:var(--surface-2)}

/* Guided authentication */
.modal{background:rgba(4,4,8,.78)}
.modal-card{background:linear-gradient(155deg,#22242a,#17191e);border:1px solid rgba(255,255,255,.1)}.legal-card h2{color:#fff}.legal-body{color:var(--muted)}.modal-card .close{background:var(--surface-3);color:#fff;border:1px solid var(--line)}
.auth-card{width:min(500px,100%);max-height:min(94dvh,820px);padding:27px 29px 30px;background:linear-gradient(155deg,#22242a,#17191e);border:1px solid rgba(255,255,255,.1);box-shadow:0 38px 110px rgba(0,0,0,.52)}
.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:21px}.auth-logo{width:48px;height:48px;margin:0}.auth-brand span{display:grid;gap:3px}.auth-brand b{font-size:17px}.auth-brand small{color:var(--muted);font-size:9px}.auth-card>h2{color:#fff;font-size:31px;margin:8px 0}.auth-card>p{color:var(--muted);margin:0}
.auth-switch{margin:21px 0 18px;background:#121318;border:1px solid var(--line)}.auth-switch button{color:#8f8e97}.auth-switch button.active{background:var(--surface-3);color:#fff;box-shadow:none}
.auth-flow{gap:0}.auth-step{display:none}.auth-step.active{display:grid;gap:15px;animation:tabIn .2s ease}.auth-step-copy{display:grid;gap:5px;margin:2px 0 1px}.auth-step-copy small{color:#bf86f2;font-size:9px;font-weight:900;letter-spacing:.1em}.auth-step-copy h3{margin:0;color:#fff;font-size:23px;letter-spacing:-.025em}.auth-step-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.auth-account-preview b{color:#d6a1ff;overflow-wrap:anywhere}
.auth-progress{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:20px}.auth-progress.register-progress{grid-template-columns:repeat(4,1fr)}.auth-progress span{height:4px;border-radius:999px;background:#34363d;transition:background .2s}.auth-progress span.active{background:linear-gradient(90deg,#a24cff,#e53c91)}
.auth-flow label,.forgotForm label{color:#d7d5dc}.auth-flow .button-large{width:100%;min-height:52px}.auth-previous{justify-self:center;border:0;background:transparent;color:#aaa8b1;padding:7px;font-size:11px;font-weight:800;cursor:pointer}
.password-field{position:relative;margin-top:7px}.password-field input{margin:0!important;padding-right:68px!important}.password-field button{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:36px;padding:7px 10px;border:0;border-radius:10px;background:#33363e;color:#d7a6ff;font-size:10px;font-weight:800;cursor:pointer}
.auth-flow .check{display:grid;grid-template-columns:21px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#15171b}.auth-flow .check input{width:20px;height:20px;margin:0;accent-color:#ad55ff}.auth-flow .check span{color:var(--muted);font-size:10px;line-height:1.5}.auth-flow .check a{color:#d49bff;text-decoration:underline;text-underline-offset:2px}
.auth-card .close{background:var(--surface-3);color:#fff;border:1px solid var(--line)}
.round-action svg,.restore-call svg,.chat-form button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.restore-call svg{width:19px;height:19px}.chat-form button svg{width:18px;height:18px}
.call-modal{background:rgba(4,4,8,.82)}.call-shell{background:linear-gradient(150deg,#22172b,#17191e);border:1px solid rgba(255,255,255,.1)}.chat-box{background:rgba(255,255,255,.055)}.restore-call{bottom:110px;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;background:linear-gradient(135deg,#6d2bb4,#a92578);box-shadow:0 18px 48px rgba(0,0,0,.36)}.restore-call svg{grid-column:1}.restore-call b{grid-column:2}.restore-call small{grid-column:3;color:#fff;text-align:right}.signed-in .toast-box{bottom:108px}

@media(min-width:600px){.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.plan-minutes b{font-size:30px}.plans-grid .plan-price{font-size:17px}}
@media(min-width:840px){.plans-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.plans-grid .plan-card{border-radius:21px}}
@media(min-width:1080px){.plans-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.plans-grid .plan-card{aspect-ratio:1/1.03}.plan-minutes b{font-size:34px}}

@media(max-width:900px){.security-forms{grid-template-columns:1fr}.security-forms form+form{border-top:1px solid var(--line)}}
@media(max-width:760px){
  body.signed-in{padding-bottom:calc(102px + env(safe-area-inset-bottom))}.dashboard{padding-top:15px}.welcome-card{border-radius:24px;padding:20px;gap:18px}.welcome-card h1{font-size:34px}.welcome-card p{font-size:12px}.balance-shortcut{width:100%;min-width:0;padding:13px 14px}.balance-shortcut strong{font-size:24px}
  .tabs{bottom:0;width:100%;border-width:1px 0 0;border-radius:20px 20px 0 0;padding:7px 9px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.36)}.tabs button{min-height:58px}.tabs button svg{width:22px;height:22px}
  .call-hero{padding:22px;border-radius:24px}.call-hero h2{font-size:36px}.call-hero p{font-size:12px}.balance-ring{width:142px;height:142px}
  #listenerGrid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82vw,340px);gap:12px;overflow-x:auto;overflow-y:hidden;padding:3px 3px 15px;margin-inline:-3px;scroll-snap-type:x mandatory}.listener-media{min-height:230px;aspect-ratio:1.24/1}.listener-card{border-radius:23px}.listener-body{padding:16px}.listener-meta{flex-direction:row;align-items:center}
  #otherLanguageGrid,#favoritesList{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-layout{gap:16px}.profile-summary{padding:20px}.profile-mark{width:76px;height:76px}.profile-summary h2{font-size:24px}
}
@media(max-width:520px){
  .shell{width:calc(100% - 24px)}.topbar{padding-inline:11px}.top-actions #logoutBtn{display:none!important}
  .call-hero .hero-buttons{display:grid;grid-template-columns:1fr}.call-hero .hero-buttons .button{width:100%}.balance-ring{display:none}
  #otherLanguageGrid,#favoritesList{grid-template-columns:1fr}
  .listener-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.listener-heading .button{width:44px;padding:0}.listener-heading .button span{display:none}
  .wallet-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.minutes-balance{min-width:110px;padding:11px 12px}.minutes-balance strong{font-size:20px}.wallet-heading h2{font-size:24px}
  .plans-grid{gap:7px}.plans-grid .plan-card{border-radius:16px;padding:9px 4px;gap:8px}.plan-minutes b{font-size:clamp(21px,7.4vw,28px)}.plans-grid .plan-price{font-size:clamp(12px,4vw,16px)}
  .grid-two{gap:10px}.panel{padding:19px}.inline-form{display:grid;grid-template-columns:1fr}.list-item{padding:16px}
  .profile-summary{align-items:center}.profile-mark{width:68px;height:68px}.profile-summary h2{font-size:21px}.profile-summary p{font-size:11px}.profile-menu-row{min-height:72px;grid-template-columns:41px minmax(0,1fr) 20px;padding:12px 14px}.profile-menu-icon{width:41px;height:41px}.profile-menu-row b{font-size:13px}
  #authModal{padding:0}.auth-card{width:100%;height:100%;max-height:none;border-radius:0;padding:calc(19px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));border:0}.auth-brand{margin-bottom:17px}.auth-card>h2{font-size:28px}.auth-switch{margin:17px 0}.auth-step-copy h3{font-size:21px}
}
@media(max-width:360px){.plans-grid{gap:5px}.plans-grid .plan-card{border-radius:14px}.plan-minutes b{font-size:21px}.plans-grid .plan-price{font-size:12px}.tabs button span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.auth-step.active{animation:none}.security-panel>summary svg{transition:none}}

/* v8.0 — old We Met pink, rebuilt as a restrained professional app */
:root{--pink:#ff2f8d;--pink-deep:#e71572;--pink-soft:rgba(255,47,141,.13);--violet:#ff2f8d;--deep-purple:#4a0829}
.steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.topbar{background:linear-gradient(110deg,#3d0923,#720c42 58%,#4a092b)}
.button-primary{background:linear-gradient(135deg,#ff5ba4,#e71973);box-shadow:0 13px 30px rgba(238,31,120,.24)}
.button-soft{background:rgba(255,47,141,.12);color:#ff9ac7;border-color:rgba(255,85,160,.17)}
.tabs{grid-template-columns:repeat(5,1fr)}
.tabs button.active{background:linear-gradient(150deg,rgba(255,47,141,.27),rgba(255,99,173,.12))}
.welcome-card:after{background:radial-gradient(circle,rgba(255,47,141,.28),transparent 67%)}
.eyebrow{color:#ff8dc0}.trust-points span{border-color:rgba(255,47,141,.18)}

.listener-card-v8{display:flex;flex-direction:column;min-height:420px}
.listener-card-open{appearance:none;display:block;flex:1;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.listener-card-banner{height:105px;background:linear-gradient(135deg,rgba(255,47,141,.48),rgba(69,10,40,.92)),var(--listener-banner) center/cover;position:relative}
.listener-card-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(15,12,16,.42))}
.listener-card-avatar{position:relative;width:104px;height:104px;margin:-53px 0 0 20px;border:6px solid var(--surface);border-radius:50%;background:var(--surface-2);z-index:2;box-shadow:0 13px 28px rgba(0,0,0,.28)}
.listener-card-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.listener-card-avatar i,.listener-profile-avatar i{position:absolute;right:1px;bottom:8px;width:19px;height:19px;border-radius:50%;background:#777;border:4px solid var(--surface)}
.listener-card-avatar i.online,.listener-profile-avatar i.online{background:var(--green);box-shadow:0 0 18px rgba(56,214,139,.65)}
.listener-card-copy{padding:12px 20px 17px}.listener-card-copy h3{margin:9px 0 6px;color:#fff;font-size:25px;letter-spacing:-.035em}.listener-card-copy>p{min-height:42px;margin:0 0 13px}
.listener-live{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8d8b94}.listener-live i{width:7px;height:7px;border-radius:50%;background:currentColor}.listener-live.available{color:var(--green)}.listener-live.busy,.listener-live.ringing{color:var(--amber)}
.listener-tags{display:flex;flex-wrap:wrap;gap:6px}.listener-tags span,.listener-profile-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:#bbb9c1;font-size:9px;font-weight:800}.listener-tags .exclusive-tag{color:#ff9ac8;border-color:rgba(255,47,141,.22);background:rgba(255,47,141,.1)}
.listener-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px}.listener-card-actions .button{width:100%;min-height:45px}

.auth-card{width:min(440px,100%);padding:24px 27px 29px}.auth-progress-line{height:4px;margin:-24px -27px 22px;background:#35323a;overflow:hidden}.auth-progress-line i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff2f8d,#ff8bc0);transition:width .35s ease}.phone-auth-step{display:none}.phone-auth-step.active{display:flex;animation:tabIn .2s ease}.phone-auth-step[data-phone-step="welcome"]{min-height:290px;flex-direction:column;justify-content:center;align-items:flex-start}.phone-auth-step h2{margin:7px 0 5px;color:#fff;font-size:28px;letter-spacing:-.035em}.phone-auth-step>p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.55}.phone-auth-step .button-large{width:100%;min-height:53px}.phone-auth-step label{color:#e6e3e8;font-size:12px;font-weight:800}.phone-field{display:grid;grid-template-columns:auto 1fr;align-items:center;margin-top:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);overflow:hidden}.phone-field>span{padding:0 13px;color:#ff9bc8;font-weight:900;border-right:1px solid var(--line)}.phone-field input{margin:0;border:0;border-radius:0;background:transparent}.phone-auth-step input{width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:#fff;outline:0}.phone-auth-step input:focus{border-color:#ff4f9e;box-shadow:0 0 0 4px rgba(255,47,141,.1)}.otp-input{text-align:center;font-size:26px!important;font-weight:900;letter-spacing:.32em}.auth-step-number{font-size:9px;font-weight:900;letter-spacing:.14em;color:#ff86bb}.dev-otp{padding:9px 11px;border-radius:11px;background:#31242d;color:#ffc1dc;text-align:center}.phone-auth-step .check{display:grid;grid-template-columns:21px 1fr;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#15171b}.phone-auth-step .check input{width:20px;height:20px;margin:0;accent-color:var(--pink)}.phone-auth-step .check span{color:var(--muted);font-size:10px;line-height:1.45}.phone-auth-step .check a{color:#ff99c6}.auth-previous{align-self:center}

.listener-profile-modal{width:min(720px,100%);padding:0;overflow:auto}.listener-profile-modal>.close{z-index:5;background:rgba(15,12,16,.75)}.listener-profile-banner{height:205px;background:linear-gradient(180deg,rgba(57,7,32,.15),rgba(20,14,18,.74)),var(--profile-banner) center/cover}.listener-profile-avatar{position:relative;width:132px;height:132px;margin:-67px 0 0 28px;border:7px solid #181a1f;border-radius:50%;background:#22242a;box-shadow:0 16px 42px rgba(0,0,0,.38)}.listener-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.listener-profile-avatar i{width:23px;height:23px;right:2px;bottom:11px}
.listener-profile-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:14px 28px 0}.listener-profile-title h2{margin:7px 0 4px;color:#fff;font-size:32px;letter-spacing:-.045em}.listener-profile-title p{max-width:480px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.listener-profile-tags{display:flex;flex-wrap:wrap;gap:7px;padding:14px 28px}.listener-profile-actions{display:flex;gap:9px;padding:0 28px}.listener-profile-actions .button{flex:1}.subscribe-button{min-height:52px}.call-wallet-note{margin:12px 28px 22px;padding:11px 13px;border:1px solid rgba(255,47,141,.14);border-radius:13px;background:rgba(255,47,141,.06);color:#aaa8b0;font-size:10px;line-height:1.5}.exclusive-posts{padding:21px 28px 30px;border-top:1px solid var(--line)}.exclusive-posts-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}.exclusive-posts-head span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#ff93c3}.exclusive-posts-head small{color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.exclusive-post{position:relative;margin:0;aspect-ratio:1;border-radius:17px;overflow:hidden;background:#24252b}.exclusive-post img{width:100%;height:100%;object-fit:cover}.exclusive-post figcaption{position:absolute;inset:auto 0 0;padding:30px 12px 11px;background:linear-gradient(transparent,rgba(0,0,0,.84));color:#fff;font-size:11px}.exclusive-post figcaption small{display:block;margin-top:3px;color:#c8c6cc;font-size:8px}.locked-posts{grid-column:1/-1;min-height:260px;border:1px solid rgba(255,47,141,.18);border-radius:20px;background:radial-gradient(circle at 50% 12%,rgba(255,47,141,.18),transparent 42%),#1b1c21;color:#fff;display:grid;place-content:center;text-align:center;gap:7px;cursor:pointer}.locked-posts .lock-art{font-size:38px;color:#ff71b0}.locked-posts b{font-size:20px}.locked-posts small{color:var(--muted)}.profile-no-posts,.profile-loading{grid-column:1/-1;min-height:180px;display:grid;place-content:center;text-align:center;color:var(--muted)}.profile-loading span{width:35px;height:35px;margin:auto;border:3px solid #35363d;border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}

.membership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.membership-card{padding:20px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#202228,#181a1f);box-shadow:0 15px 38px rgba(0,0,0,.18)}.membership-card.active{border-color:rgba(255,47,141,.19)}.membership-listener{display:flex;gap:13px;align-items:center}.membership-listener img{width:69px;height:69px;border-radius:50%;object-fit:cover;border:4px solid #303139}.membership-listener span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#ff8ebf}.membership-listener h3{margin:4px 0 2px;color:#fff;font-size:21px}.membership-listener p{margin:0;color:var(--muted);font-size:10px}.membership-date{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:11px 12px;border-radius:13px;background:#24262c}.membership-date small{color:var(--muted)}.membership-date strong{color:#fff;font-size:11px}.membership-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.membership-actions .text-action{border:0;background:transparent;color:#ff8cad;font-size:9px;text-decoration:underline;cursor:pointer}

.direct-message-layout{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,.64fr);min-height:570px;border:1px solid var(--line);border-radius:25px;overflow:hidden;background:var(--surface)}.conversation-list{padding:10px;border-right:1px solid var(--line);overflow:auto}.conversation-row{width:100%;display:grid;grid-template-columns:49px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:0;border-radius:15px;background:transparent;color:#fff;text-align:left;cursor:pointer}.conversation-row:hover,.conversation-row.active{background:var(--surface-2)}.conversation-row img{width:49px;height:49px;border-radius:50%;object-fit:cover}.conversation-row span{min-width:0;display:grid;gap:4px}.conversation-row b,.conversation-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row small{color:var(--muted);font-size:9px}.conversation-row>i{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--pink);font-size:8px;font-style:normal}.direct-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.direct-chat-head{min-height:68px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.direct-chat-head div{display:grid;gap:3px}.direct-chat-head strong{color:#fff}.direct-chat-head small{color:var(--muted);font-size:9px}.direct-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:8px}.direct-bubble{align-self:flex-start;max-width:76%;padding:10px 12px;border-radius:16px 16px 16px 4px;background:#292b32}.direct-bubble.mine{align-self:flex-end;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#d91a6e,#ff4797)}.direct-bubble p{margin:0;color:#fff;font-size:12px;line-height:1.5}.direct-bubble small{display:block;margin-top:4px;color:rgba(255,255,255,.63);font-size:7px}.chat-first-message{margin:auto;color:var(--muted);font-size:11px}.direct-message-form{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line)}.direct-message-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;background:#25272d;color:#fff;padding:12px}.direct-chat.empty .direct-messages{display:grid;place-items:center}

.plan-card-v8{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;min-width:0;padding:18px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(150deg,#25272e,#181a1f);box-shadow:0 14px 34px rgba(0,0,0,.18)}.plan-card-v8.popular{border-color:rgba(255,47,141,.35);background:linear-gradient(150deg,rgba(104,15,57,.66),#181a1f)}.plan-card-v8>div{display:flex;align-items:center;gap:11px}.plan-card-v8 h3{margin:0;color:#fff;font-size:14px}.plan-card-v8 p{margin:4px 0 0;color:var(--muted);font-size:9px}.plan-card-v8>strong{font-size:19px;color:#fff}.plan-card-v8>.button{grid-column:1/-1;width:100%}.plan-orb{width:62px;height:62px;display:grid;place-content:center;text-align:center;border-radius:19px;background:linear-gradient(145deg,rgba(255,47,141,.22),rgba(255,255,255,.04));border:1px solid rgba(255,95,170,.15)}.plan-orb b{font-size:23px;line-height:1;color:#fff}.plan-orb small{font-size:7px;color:#ff9bc7;text-transform:uppercase}.popular-label{position:absolute;right:10px;top:-8px;padding:4px 7px;border-radius:999px;background:var(--pink);color:#fff;font-size:7px;font-weight:900}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.minutes-balance{border-color:rgba(255,47,141,.2);background:linear-gradient(135deg,rgba(255,47,141,.18),rgba(98,17,56,.16))}

.customer-profile-editor{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:25px;background:linear-gradient(145deg,#22242a,#181a1f)}.customer-photo{width:100px;height:100px;border-radius:50%;overflow:hidden;border:5px solid #32343b}.customer-photo img{width:100%;height:100%;object-fit:cover}.customer-profile-editor h2{margin:4px 0}.customer-profile-editor p{margin:3px 0;color:var(--muted);font-size:11px}.customer-profile-editor>form{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end}.profile-photo-actions{margin-top:10px}#loginChangeForm{display:none}.mini-listener{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.mini-listener img{width:58px;height:58px;border-radius:50%;object-fit:cover}.mini-listener div{display:grid;gap:3px}.mini-listener small{color:var(--muted)}

body.razorpay-open:before{content:"";position:fixed;inset:0;z-index:9998;background:radial-gradient(circle at 50% 30%,rgba(255,47,141,.22),transparent 38%),rgba(12,6,10,.82);backdrop-filter:blur(10px);pointer-events:none}
.verified-phone-card{display:flex;gap:13px;align-items:flex-start;padding:17px;border:1px solid rgba(255,47,141,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,47,141,.11),rgba(255,255,255,.025))}.verified-phone-card>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:12px;background:var(--pink);color:#fff;font-weight:900}.verified-phone-card h2{font-size:15px;margin:0 0 5px}.verified-phone-card strong{display:block;color:#fff;font-size:14px}.verified-phone-card p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.55}

@media(max-width:920px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-grid{grid-template-columns:1fr}}
@media(max-width:760px){.steps{grid-template-columns:1fr}#listenerGrid{grid-auto-columns:min(86vw,360px)}.direct-message-layout{grid-template-columns:1fr;min-height:650px}.conversation-list{display:flex;gap:7px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.conversation-row{min-width:230px}.customer-profile-editor{grid-template-columns:auto 1fr}.tabs{grid-template-columns:repeat(5,1fr)}}
@media(max-width:520px){.plans-grid{grid-template-columns:1fr}.plan-card-v8{grid-template-columns:1fr auto}.listener-profile-modal{width:100%;height:100%;max-height:none;border-radius:0}.listener-profile-banner{height:185px}.listener-profile-title{padding-inline:18px}.listener-profile-tags,.listener-profile-actions{padding-inline:18px}.call-wallet-note{margin-inline:18px}.exclusive-posts{padding-inline:18px}.post-grid{grid-template-columns:1fr}.customer-profile-editor{grid-template-columns:1fr;text-align:center}.customer-photo{margin:auto}.customer-profile-editor>form{grid-column:auto;grid-template-columns:1fr}.profile-photo-actions{display:flex;justify-content:center}.membership-date{display:grid}.direct-message-layout{margin-inline:-2px}.auth-progress-line{margin-top:calc(-19px - env(safe-area-inset-top));margin-inline:-18px}.phone-auth-step[data-phone-step="welcome"]{min-height:70vh}}

/* v8.3 — compact, trustworthy customer workspace */
body.signed-in .dashboard{padding-top:16px}
body.signed-in .page-glow{opacity:.22}
.phone-auth-step[data-phone-step="welcome"]{min-height:245px}
.random-connect-card{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:14px;padding:22px 24px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(135deg,#222328,#191a1e);box-shadow:0 18px 44px rgba(0,0,0,.2);overflow:hidden}
.random-connect-card:after{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-105px;top:-125px;border-radius:50%;background:radial-gradient(circle,rgba(230,45,125,.2),transparent 68%)}
.random-connect-mark{width:58px;height:58px;display:grid;place-items:center;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#2a2b31}
.random-connect-mark img{width:100%;height:100%}
.random-connect-copy{min-width:0}.random-connect-copy .availability-line{display:flex;align-items:center;margin:0 0 6px;color:#aaa8b0;font-size:10px}.random-connect-copy .status-dot{margin-right:8px;background:#3bd48b;box-shadow:0 0 0 4px rgba(59,212,139,.1)}
.random-connect-copy h1{margin:0;color:#fff;font-size:clamp(22px,3.3vw,34px);letter-spacing:-.04em}.random-connect-copy p{margin:5px 0 0;color:var(--muted);font-size:11px}
.random-connect-card>.button{min-width:150px}
.language-fallback-bar{margin:0 0 18px;padding:12px 15px;border-radius:16px;background:#1d1e23}.language-fallback-bar input{width:19px;height:19px;accent-color:#e62d7d}.language-fallback-bar b{font-size:12px}.language-fallback-bar small{font-size:9px}
.listener-discovery>.listener-heading{margin-top:0}.other-language-section{margin-top:23px;padding-top:1px}
.listener-card-v8{min-height:365px;border-radius:22px}.listener-card-banner{height:90px}.listener-card-avatar{width:88px;height:88px;margin:-45px 0 0 17px;border-width:5px}.listener-card-copy{padding:9px 17px 14px}.listener-card-copy h3{margin:5px 0;color:#fff;font-size:22px}.listener-card-copy>p{min-height:36px;margin:0 0 10px;font-size:11px;line-height:1.5}.verified-listener-label{float:right;color:#96949c;font-size:8px;font-weight:800;letter-spacing:.04em}.listener-tags span{padding:5px 8px;font-size:8px}.listener-card-actions{padding:0 13px 13px}.listener-card-actions .button{min-height:42px}

.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-right:0!important;overflow:visible}
.wallet-plan-card{position:relative;min-width:0;min-height:180px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;align-items:center;gap:7px 8px;padding:17px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#24252b,#191a1f);box-shadow:0 13px 34px rgba(0,0,0,.18);overflow:visible}
.wallet-plan-card.popular{border-color:rgba(230,45,125,.38);background:linear-gradient(150deg,rgba(94,21,54,.78),#191a1f 72%)}
.wallet-plan-minutes{grid-column:1/-1;display:flex;align-items:baseline;gap:4px;color:#fff}.wallet-plan-minutes b{font-size:34px;line-height:1;letter-spacing:-.055em}.wallet-plan-minutes small{color:#aaa8b0;font-size:9px;font-weight:800;text-transform:uppercase}
.wallet-plan-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa8b0;font-size:10px}.wallet-plan-price{color:#fff;font-size:17px;white-space:nowrap}.wallet-plan-card>.button{grid-column:1/-1;align-self:end;width:100%;min-height:40px;padding:9px 10px;box-shadow:none}.wallet-plan-card .popular-label{top:9px;right:9px;background:#e62d7d}

.wallet-checkout-overlay{z-index:250;background:radial-gradient(circle at 50% 22%,rgba(230,45,125,.18),transparent 34%),rgba(7,8,10,.9);backdrop-filter:blur(14px)}
.wallet-checkout-card{width:min(500px,100%);padding:25px;background:linear-gradient(155deg,#24252a,#151619);box-shadow:0 36px 100px rgba(0,0,0,.58)}
.wallet-checkout-brand{display:flex;align-items:center;gap:11px;padding-right:42px;margin-bottom:20px}.wallet-checkout-brand img{width:46px;height:46px}.wallet-checkout-brand span{display:grid;gap:2px}.wallet-checkout-brand b{color:#fff;font-size:16px}.wallet-checkout-brand small,.wallet-checkout-provider{color:#99979f;font-size:9px}
.wallet-checkout-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:19px;background:#1d1e23}.wallet-checkout-minutes{width:70px;height:70px;display:grid;place-content:center;text-align:center;border-radius:17px;background:rgba(230,45,125,.12);border:1px solid rgba(230,45,125,.17)}.wallet-checkout-minutes b{color:#fff;font-size:28px;line-height:1}.wallet-checkout-minutes small{color:#ff9ac5;font-size:8px;text-transform:uppercase}.wallet-checkout-summary>div>small{color:#99979f;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.wallet-checkout-summary h2{margin:3px 0;color:#fff;font-size:20px}.wallet-checkout-summary p{margin:0;color:#99979f;font-size:9px}.wallet-checkout-summary>strong{color:#fff;font-size:20px}.wallet-checkout-trust{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.wallet-checkout-trust span{padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:#aaa8b0;font-size:8px}.wallet-checkout-card>.button{width:100%;margin-top:3px}.wallet-checkout-provider{display:block;margin-top:10px;text-align:center}
body.razorpay-open:before{background:radial-gradient(circle at 50% 24%,rgba(230,45,125,.18),transparent 36%),rgba(7,8,10,.9)}

@media(max-width:760px){
  body.signed-in .dashboard{padding-top:10px}.random-connect-card{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:17px;border-radius:20px}.random-connect-mark{width:49px;height:49px;border-radius:15px}.random-connect-copy h1{font-size:22px}.random-connect-copy p{font-size:10px}.random-connect-card>.button{grid-column:1/-1;width:100%;min-width:0;min-height:47px}.listener-card-v8{min-height:350px}.other-language-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(86vw,360px);gap:12px;overflow-x:auto;padding:3px 3px 15px}
  .wallet-plan-card{min-height:164px;padding:13px 10px;border-radius:17px}.wallet-plan-minutes b{font-size:29px}.wallet-plan-name{font-size:8px}.wallet-plan-price{font-size:15px}.wallet-plan-card>.button{min-height:38px;font-size:10px}.wallet-heading{align-items:center}.wallet-heading p{display:none}.minutes-balance{min-width:112px;padding:10px 12px}.minutes-balance strong{font-size:20px}
}
@media(max-width:420px){.phone-auth-step[data-phone-step="welcome"]{min-height:235px}.plans-grid{gap:7px!important}.wallet-plan-card{min-height:156px;padding:12px 7px;border-radius:15px}.wallet-plan-minutes b{font-size:25px}.wallet-plan-price{font-size:13px}.wallet-plan-name{font-size:7px}.wallet-plan-card .popular-label{top:6px;right:5px;font-size:6px;padding:3px 5px}.wallet-checkout-card{padding:21px 17px}.wallet-checkout-summary{grid-template-columns:auto 1fr;gap:11px}.wallet-checkout-summary>strong{grid-column:2}.wallet-checkout-minutes{width:62px;height:62px}.wallet-checkout-trust{display:grid}.wallet-checkout-trust span{text-align:center}}

/* v8.3 — compact mobile-app polish */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
img.protected-media{-webkit-user-drag:none;user-select:none;pointer-events:none}
.topbar{background:linear-gradient(180deg,rgba(18,14,18,.88),rgba(18,14,18,.64));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:none}
.dashboard>.welcome-card{display:none!important}
.listener-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.listener-card-v8{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);border-radius:22px}
.listener-card-open{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;min-height:122px}
.listener-card-banner{display:none}
.listener-card-avatar{width:72px;height:72px;margin:0 0 0 14px;border-width:4px}
.listener-card-avatar i{width:16px;height:16px;right:-1px;bottom:5px;border-width:3px}
.listener-card-copy{min-width:0;padding:14px 14px 12px 10px}
.listener-card-copy h3{margin:4px 0;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listener-card-copy>p{min-height:0;display:-webkit-box;margin:0 0 8px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px}
.verified-listener-label{float:none;display:block;font-size:7px}
.listener-tags{gap:5px}.listener-tags span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.listener-card-actions{padding:0 12px 12px}.listener-card-actions .button{min-height:39px}
.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.wallet-plan-card{min-height:174px;aspect-ratio:auto;border-radius:21px}
.phone-field.international{grid-template-columns:minmax(104px,auto) minmax(0,1fr)}
.phone-field.international select{height:100%;min-width:104px;padding:0 9px;border:0;border-right:1px solid var(--line);background:#292a30;color:#fff;font:inherit;font-size:11px;outline:0}
.phone-field.international input{min-width:0;margin:0!important}
.customer-profile-card{padding:18px;overflow:hidden}
.customer-profile-summary{display:flex;align-items:center;gap:15px}
.customer-profile-summary>div{min-width:0}.customer-profile-summary h2{margin:0 0 4px;color:#fff;font-size:24px;letter-spacing:-.035em}.customer-profile-summary p,.customer-profile-summary small{display:block;margin:2px 0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-photo{position:relative;width:86px;height:86px;flex:0 0 auto;padding:0;border:4px solid #34353c;border-radius:50%;background:#25262c;overflow:visible;cursor:pointer}.customer-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.customer-photo span{position:absolute;z-index:4;right:-10px;bottom:2px;width:31px;height:31px;display:grid;place-items:center;border:4px solid var(--surface);border-radius:50%;background:var(--pink);color:#fff;box-shadow:0 8px 18px rgba(230,45,125,.3)}
.profile-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.profile-summary-actions .button{width:100%}
.profile-editor-collapsed{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.conversation-avatar{position:relative;width:47px;height:47px;display:block;flex:0 0 auto;border-radius:50%;background:#292a30}.conversation-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.conversation-avatar i{position:absolute;right:0;bottom:2px;width:12px;height:12px;border:3px solid #1c1d22;border-radius:50%;background:#777}.conversation-avatar i.online{background:var(--green)}
.conversation-row{grid-template-columns:47px minmax(0,1fr) auto;gap:11px}.conversation-row>span:nth-child(2){min-width:0}.conversation-row b,.conversation-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row>i{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--pink);color:#fff;font-size:8px;font-style:normal}
.mini-listener{display:grid;grid-template-columns:47px minmax(0,1fr) auto;align-items:center;gap:12px}.mini-listener>div{min-width:0}.mini-listener strong,.mini-listener small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.membership-summary>img{width:70px;height:70px;border-radius:17px;object-fit:cover}
.prelogin-support{position:fixed;right:18px;bottom:18px;z-index:130;padding:11px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(31,29,34,.93);color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.36);font-size:10px;font-weight:900;cursor:pointer;backdrop-filter:blur(15px)}
body.signed-in .prelogin-support{display:none}
.support-auth-card{width:min(430px,100%);padding:27px}.support-auth-card h2{margin:7px 0 18px;color:#fff}.support-auth-card textarea{min-height:120px}
.call-profile-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:14px}.call-profile-actions .button{min-width:104px}
.membership-confirmed{color:var(--green)}
@media(max-width:760px){
  .listener-grid{grid-template-columns:1fr}#listenerGrid{display:grid;grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding:0;margin:0}.other-language-grid{grid-auto-flow:row;grid-template-columns:1fr;overflow:visible;padding:0}
  .listener-card-open{grid-template-columns:78px minmax(0,1fr);min-height:112px}.listener-card-avatar{width:66px;height:66px;margin-left:12px}.listener-card-copy{padding-left:8px}.listener-card-actions{grid-template-columns:1fr 1fr}
  .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wallet-plan-card{min-height:160px}
  .prelogin-support{right:12px;bottom:12px}.auth-card{overflow-y:auto;overscroll-behavior:contain}.phone-auth-step[data-phone-step="welcome"]{min-height:min(68dvh,520px)}
}
@media(max-width:420px){
  .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wallet-plan-card{min-height:154px}.wallet-plan-name{font-size:8px}
  .customer-profile-summary h2{font-size:21px}.customer-photo{width:76px;height:76px}.profile-summary-actions{gap:7px}
  .phone-field.international{grid-template-columns:100px minmax(0,1fr)}.phone-field.international select{min-width:100px;padding-inline:6px}
  .support-auth-card{height:auto;max-height:92dvh;border-radius:24px;padding:23px 18px}.call-profile-actions .button{min-width:88px;padding-inline:10px}
}

/* v8.3 — screenshot-led spacing, payments, profile and messaging corrections */
html,body{max-width:100%;overflow-x:clip}
.dashboard,.tab,.profile-layout,.direct-message-layout,.listener-profile-head,.exclusive-posts{min-width:0;max-width:100%}
body.signed-in{scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom))}

.customer-profile-card{padding:20px;border-radius:23px}
.customer-profile-summary{gap:16px}
.customer-profile-summary>div{padding-right:4px}
.customer-profile-summary h2{line-height:1.15;overflow-wrap:anywhere}
.customer-photo span svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.customer-photo.uploading:after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(12,13,16,.62)}
.customer-photo.uploading:before{content:"";position:absolute;z-index:3;left:50%;top:50%;width:23px;height:23px;margin:-12px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}
.profile-summary-actions{margin-top:18px}
.profile-editor-collapsed{gap:13px;margin-top:18px;padding-top:18px}
.profile-menu-group{margin-top:20px}
.profile-menu-group>h2{margin:0 5px 10px;font-size:16px}

.listener-profile-modal{position:relative;padding-bottom:0;overscroll-behavior:contain}
.listener-profile-title{align-items:center;padding-top:16px}
.listener-profile-title>div{min-width:0}
.listener-profile-title h2{font-size:clamp(27px,6vw,34px);line-height:1.08;overflow-wrap:anywhere}
.listener-profile-title .profile-follow-button{flex:0 0 auto;min-width:112px}
.listener-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.listener-profile-actions .button,.listener-profile-actions .member-confirmed{min-width:0;min-height:49px}
.member-confirmed{display:grid;place-items:center;padding:10px;border:1px solid rgba(53,216,135,.2);border-radius:14px;background:rgba(53,216,135,.09);color:#72e5aa;font-size:10px;font-weight:900;text-align:center}
.call-wallet-note{margin-top:13px;padding:0;border:0;background:transparent;color:#8f8d95}
.exclusive-posts{padding-bottom:94px}
.listener-call-fab{position:fixed;right:max(18px,calc((100vw - 720px)/2 + 18px));bottom:calc(18px + env(safe-area-inset-bottom));z-index:8;width:60px;height:60px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(145deg,#ff58a2,#e41670);color:#fff;box-shadow:0 18px 45px rgba(230,45,125,.42);cursor:pointer}
.listener-call-fab svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.listener-call-fab:active{transform:scale(.96)}

.plans-grid{width:min(880px,100%);grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.wallet-plan-card{min-height:218px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px 16px;border-radius:24px;overflow:hidden}
.wallet-plan-minutes{display:flex;grid-column:auto;width:100%;padding-right:42px}
.wallet-plan-minutes b{font-size:36px}
.wallet-plan-name{width:100%;font-size:10px;overflow:visible;text-overflow:clip;white-space:normal}
.wallet-plan-price{font-size:19px;line-height:1.2}
.wallet-plan-card>.button{grid-column:auto;width:100%;min-height:43px;margin-top:auto}
.wallet-plan-card .popular-label{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.direct-message-layout{height:min(680px,calc(100dvh - 190px));min-height:470px}
.direct-message-layout.no-conversations{display:block;height:auto;min-height:0;border:0;background:transparent}
.direct-message-layout.no-conversations .conversation-list{border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.direct-message-layout.no-conversations .direct-chat{display:none}
.messages-empty{min-height:260px;display:grid;place-content:center;justify-items:center;gap:6px;padding:30px;text-align:center}
.messages-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(255,47,141,.11);color:#ff83ba;font-size:27px}
.messages-empty strong{margin-top:5px;color:#fff;font-size:17px}
.messages-empty small{color:var(--muted);font-size:10px}
.conversation-row>span:nth-child(2){position:relative;padding-right:52px}
.conversation-membership{position:absolute;right:0;top:0;padding:3px 6px;border-radius:999px;background:#303139;color:#aaa8b0;font-size:6px;font-style:normal;font-weight:900;text-transform:uppercase}
.conversation-membership.active{background:rgba(53,216,135,.12);color:#68e4a6}
.direct-chat-head{justify-content:flex-start;gap:10px}
.direct-chat-head>div{min-width:0;flex:1}
.chat-profile-avatar{width:44px;height:44px}
.conversation-mobile-back{display:none;width:34px;height:34px;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:11px;background:#292a30;color:#fff;font-size:20px}

body.razorpay-open:before{display:none!important}
body.razorpay-open{background:#0c0d10!important}
body.razorpay-open .wallet-checkout-overlay:not(.hidden){display:grid!important;background:radial-gradient(circle at 50% 22%,rgba(230,45,125,.2),transparent 36%),rgba(7,8,10,.94)}
body.razorpay-open iframe.razorpay-checkout-frame,body.razorpay-open iframe[src*="razorpay"]{background:#0c0d10!important;color-scheme:light}
.wallet-checkout-card[aria-busy="true"],.wallet-checkout-overlay[aria-busy="true"] .wallet-checkout-card{box-shadow:0 36px 110px rgba(230,45,125,.12),0 36px 100px rgba(0,0,0,.64)}

@media(max-width:760px){
  body.signed-in{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding-inline:2px}
  .wallet-plan-card{min-height:205px;padding:16px 13px;border-radius:21px}
  .wallet-plan-minutes b{font-size:31px}.wallet-plan-price{font-size:17px}
  .direct-message-layout{height:calc(100dvh - 178px);min-height:430px;border-radius:20px}
  .conversation-list{display:block;overflow:auto;border:0}
  .conversation-row{min-width:0;margin-bottom:4px}
  .direct-chat{display:none}
  .direct-message-layout.conversation-open .conversation-list{display:none}
  .direct-message-layout.conversation-open .direct-chat{display:grid}
  .conversation-mobile-back{display:grid}
}

@media(max-width:520px){
  .listener-profile-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px 18px 0}
  .listener-profile-title .profile-follow-button{min-width:104px;padding-inline:13px}
  .listener-profile-actions{grid-template-columns:1fr 1fr}
  .exclusive-posts{padding-bottom:96px}
  .listener-call-fab{right:16px;bottom:calc(18px + env(safe-area-inset-bottom))}
  .customer-profile-card{padding:17px}.customer-profile-summary{gap:13px}
  .direct-message-layout.no-conversations{height:auto;min-height:0;margin-inline:0}
  .messages-empty{min-height:230px;padding:24px 17px}
}

@media(max-width:370px){
  .wallet-plan-card{min-height:195px;padding:14px 11px}.wallet-plan-minutes b{font-size:28px}.wallet-plan-price{font-size:16px}
  .listener-profile-title{grid-template-columns:1fr}.listener-profile-title .profile-follow-button{width:100%}
}

/* v8.4 — targeted profile, phone-field and post interaction refinements */
.customer-profile-card{padding:19px 20px}
.customer-profile-summary{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:16px}
.customer-profile-summary>.customer-profile-identity{min-width:0;padding:2px 0}
.customer-profile-identity h2{margin:0 0 7px;font-size:24px;line-height:1.12;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-profile-identity p{margin:0 0 6px;color:#c6c3ca;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-profile-identity small{display:block;margin:0;color:#85838b;font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.phone-field.international{display:grid;grid-template-columns:minmax(98px,112px) minmax(0,1fr);align-items:stretch;gap:9px;margin-top:8px;border:0;border-radius:0;background:transparent;overflow:visible}
.phone-field.international select,.phone-field.international input{width:100%;min-width:0;min-height:49px;margin:0!important;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:#fff;outline:0}
.phone-field.international select{font-size:11px;cursor:pointer}
.phone-field.international input{padding-inline:14px}
.phone-field.international select:focus,.phone-field.international input:focus{border-color:#ff4f9e;box-shadow:0 0 0 4px rgba(255,47,141,.1)}

.exclusive-post-like{position:absolute;z-index:3;right:10px;top:10px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(15,16,20,.72);color:#fff;cursor:pointer;backdrop-filter:blur(10px)}
.exclusive-post-like svg{width:19px;height:19px;fill:transparent;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;transition:.16s}
.exclusive-post-like.liked{border-color:rgba(255,88,160,.42);background:rgba(220,27,112,.9);color:#fff}
.exclusive-post-like.liked svg{fill:currentColor}
.exclusive-post-like:disabled{opacity:.6}
.listener-call-fab:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}

@media(max-width:520px){
  .customer-profile-card{padding:17px}
  .customer-profile-summary{grid-template-columns:78px minmax(0,1fr);gap:13px}
  .customer-profile-identity h2{font-size:21px}
  .phone-field.international{grid-template-columns:100px minmax(0,1fr);gap:8px}
  .phone-field.international select,.phone-field.international input{padding-inline:10px}
}

/* v8.7 — full-screen subscribed post feed */
.exclusive-post{display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:14px;overflow:hidden;background:#15161a;color:inherit;cursor:pointer}
.exclusive-post>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}
.exclusive-post:hover>img{transform:scale(1.015)}
.customer-post-feed{position:fixed;inset:0;z-index:120000;display:grid;grid-template-rows:58px minmax(0,1fr);background:#09090b;color:#fff}
.customer-post-feed>header{position:relative;z-index:2;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;padding:8px max(12px,env(safe-area-inset-left));border-bottom:1px solid rgba(255,255,255,.09);background:rgba(10,10,12,.96);backdrop-filter:blur(16px)}
.customer-post-feed>header button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#1a1b20;color:#fff;cursor:pointer}
.customer-post-feed>header button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.customer-post-feed>header h2{margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:15px;letter-spacing:-.015em}
.customer-post-feed-list{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}
.customer-post-feed-list::-webkit-scrollbar{display:none}
.customer-feed-post{width:min(760px,100%);height:100%;min-height:calc(100dvh - 58px);display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0 auto;scroll-snap-align:start;scroll-snap-stop:always;background:#09090b}
.customer-feed-media{min-height:0;display:grid;place-items:center;overflow:hidden;background:#050506}
.customer-feed-media img{width:100%;height:100%;display:block;object-fit:contain;user-select:none;-webkit-user-select:none}
.customer-feed-post footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px max(17px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left));border-top:1px solid rgba(255,255,255,.08);background:#101115}
.customer-feed-post footer p{margin:0;color:#f1edf0;font-size:13px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}
.customer-feed-like{min-width:74px;height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:#1c1d22;color:#fff;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.customer-feed-like svg{width:19px;height:19px;fill:transparent;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.customer-feed-like.liked{border-color:#ff4f9a;background:#d71e70}.customer-feed-like.liked svg{fill:currentColor}
.customer-feed-like:disabled{opacity:.55}

/* One sharp focus border; no second glow or shadow on form fields. */
input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{border-color:#ff4f9a!important;outline:none!important;box-shadow:none!important;filter:none!important}

@media(max-width:520px){
  .customer-post-feed{grid-template-rows:54px minmax(0,1fr)}
  .customer-feed-post{min-height:calc(100dvh - 54px)}
  .customer-feed-post footer{padding-top:13px;gap:12px}
  .customer-feed-post footer p{font-size:12px}
}


/* v8.8 clean layout */
body.signed-in .topbar{background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
body.signed-in .tabs{background:rgba(24,25,30,.72);border-color:rgba(255,255,255,.06);box-shadow:none}
.customer-profile-flat{padding:8px 2px 18px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.customer-profile-flat .customer-photo span{border-color:#17181d}
.customer-profile-flat .profile-editor-collapsed{padding:18px 0 0;border-top:1px solid var(--line)}
#tab-profile .profile-menu-group{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:0!important}
#tab-profile .profile-menu-row{background:transparent!important;border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important}
#tab-support>.grid-two>.panel{background:transparent;border-width:0 0 1px;border-radius:0;box-shadow:none;padding-inline:0}
#tab-wallet>.grid-two>.panel{box-shadow:none}
.call-modal{background:rgba(5,5,8,.86)!important;backdrop-filter:blur(14px)}
.call-shell{position:relative;isolation:isolate;background:linear-gradient(155deg,rgba(20,16,21,.94),rgba(48,16,31,.94))!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 90px rgba(0,0,0,.46)}
.call-shell:before{content:"";position:absolute;z-index:-2;inset:0 0 auto;height:46%;background:linear-gradient(180deg,rgba(10,8,11,.18),rgba(22,15,20,.98)),var(--call-profile-bg) center/cover no-repeat;opacity:.86}
.call-shell:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 13%,rgba(20,16,21,.58) 40%,rgba(20,16,21,.98) 62%);pointer-events:none}
.call-avatar{width:132px;height:132px;padding:0;border-radius:50%;overflow:hidden;border:6px solid rgba(28,25,30,.9);background:#27282e;box-shadow:0 20px 52px rgba(0,0,0,.42)}
.call-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.call-person{align-self:end;padding-bottom:30px}.chat-box{background:rgba(18,18,22,.76)}
@media(max-width:760px){body.signed-in .topbar{height:62px}.tabs{top:66px}.call-shell:before{height:42%}.call-avatar{width:106px;height:106px}}

/* v8.9 — mobile-first sizing and simpler signed-in UI */
html{width:100%;min-height:100%;background:#111217;overflow-x:clip}
body{width:100%;min-width:0;min-height:100dvh;background:radial-gradient(circle at 82% -4%,rgba(117,55,194,.12),transparent 30%),#111217;background-repeat:no-repeat;background-size:100% max(100%,100dvh);overflow-x:clip}
body.signed-in{min-height:100dvh}.dashboard{min-height:calc(100dvh - 64px);overflow-x:clip}
body.signed-in .app-back{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}
body.signed-in .app-back:hover,body.signed-in .app-back:active{background:rgba(255,255,255,.06)!important;transform:none!important}
body.signed-in .tabs{box-shadow:none!important}
@media(max-width:760px){
  html{scrollbar-gutter:auto}.shell{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))}
  body.signed-in .topbar{height:calc(58px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top);padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));gap:8px}.topbar .brand{gap:8px;min-width:0}.topbar .brand img{width:35px;height:35px}.topbar .brand strong{font-size:15px}.topbar .brand small{display:none}.top-actions{margin-left:auto}.top-actions .button{min-height:38px!important;padding:7px 9px!important;font-size:9px!important;border-radius:11px}
  body.signed-in .dashboard{width:100%;min-height:calc(100dvh - 58px);padding-top:5px!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  body.signed-in .tabs{left:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important;border-width:1px 0 0!important;border-radius:0!important;background:rgba(18,19,23,.96)!important;backdrop-filter:blur(20px);box-shadow:none!important}
  body.signed-in .tabs button{min-height:54px!important;padding:6px 2px!important;border-radius:12px!important;gap:3px!important}.tabs button svg{width:21px!important;height:21px!important}.tabs button span{font-size:8px!important}.tabs button.active{background:rgba(255,47,141,.12)!important;box-shadow:none!important}
  .tab{width:100%;min-width:0}.section-head{gap:10px}.section-head h2{font-size:22px}.section-head p{font-size:9px}
  .random-connect-card{margin:4px 0 13px!important;padding:16px!important;border-radius:18px!important;box-shadow:none!important}.random-connect-copy h1{font-size:20px!important}.random-connect-copy p{display:none}.random-connect-card>.button{min-height:44px!important}.random-connect-mark{width:44px!important;height:44px!important}
  .language-fallback-bar{margin:0 0 15px!important;padding:11px 2px!important;border-width:0 0 1px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.language-fallback-bar small{display:none}.language-fallback-bar input{width:19px;height:19px}
  .listener-heading{align-items:center;margin-bottom:10px}.listener-heading .eyebrow{display:none}.listener-heading h2{margin:0;font-size:20px}.listener-heading .button span{display:none}.listener-heading .button{width:40px;height:40px;min-height:40px;padding:0;border-radius:12px}
  #listenerGrid,.other-language-grid{display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:9px!important;overflow:visible!important;padding:0!important;margin:0!important}.listener-card-v8{border-radius:17px!important;box-shadow:none!important}.listener-card-open{grid-template-columns:72px minmax(0,1fr)!important;min-height:101px!important}.listener-card-avatar{width:62px!important;height:62px!important;margin-left:9px!important}.listener-card-copy{padding:10px 10px 9px 7px!important}.listener-card-copy h3{font-size:17px!important}.listener-card-copy>p{margin-bottom:6px!important;-webkit-line-clamp:1!important;font-size:9px!important}.listener-tags{gap:4px}.listener-tags span{padding:4px 6px!important;font-size:7px!important}.listener-card-actions{padding:0 9px 9px!important;gap:7px}.listener-card-actions .button{min-height:38px!important;padding:8px!important;font-size:9px}
  .wallet-heading{align-items:center;margin-top:4px}.wallet-heading .eyebrow,.wallet-heading p{display:none!important}.wallet-heading h2{margin:0;font-size:21px}.minutes-balance{min-width:94px!important;padding:8px 10px!important;border-radius:13px!important}.minutes-balance small{font-size:7px}.minutes-balance strong{font-size:17px!important}
  .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important}.wallet-plan-card{min-height:158px!important;padding:13px 10px!important;border-radius:17px!important;box-shadow:none!important}.wallet-plan-minutes b{font-size:28px!important}.wallet-plan-name{font-size:8px!important}.wallet-plan-price{font-size:15px!important}.wallet-plan-card>.button{min-height:38px!important;font-size:9px!important}
  #tab-wallet>.grid-two{display:block}.coupon-panel{margin-top:18px;padding:17px 0!important;border-width:1px 0 0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.coupon-panel .eyebrow,.coupon-panel>p{display:none}.coupon-panel h2{margin:0 0 12px;font-size:18px}.billing-note{display:none!important}.inline-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.inline-form input{min-width:0}.inline-form .button{width:auto!important}.wallet-heading~.section-head.compact p{display:none}
  .customer-profile-flat{padding-top:4px!important}.customer-profile-summary{grid-template-columns:70px minmax(0,1fr)!important;gap:12px!important}.customer-photo{width:70px!important;height:70px!important}.customer-profile-identity h2{font-size:20px!important}.customer-profile-identity p{font-size:11px!important}.customer-profile-identity small{font-size:9px!important}.profile-summary-actions{gap:7px!important;margin-top:13px!important}.profile-summary-actions .button{min-height:42px;padding:9px}.profile-menu-row small{display:none}.profile-menu-row{min-height:53px!important}
  .direct-message-layout{min-height:calc(100dvh - 135px)!important;height:calc(100dvh - 135px);border-radius:0!important;border:0!important;background:transparent!important}.direct-chat-head small{display:none}
  .list-item{border-radius:14px}.call-modal{padding:0!important}.call-shell{width:100%!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;padding:calc(12px + env(safe-area-inset-top)) 13px calc(12px + env(safe-area-inset-bottom))!important}.call-person{min-height:180px}.call-avatar{width:92px!important;height:92px!important}.round-action{width:62px!important;height:62px!important;border-radius:20px!important}
}
@media(max-width:380px){.shell{padding-inline:10px!important}.plans-grid{gap:6px!important}.wallet-plan-card{padding-inline:8px!important}.listener-card-actions{grid-template-columns:1fr 1fr}.top-actions .button{max-width:86px!important}.tabs button span{font-size:7px!important}}

/* v8.9 bottom-nav containment safeguard */
@media(max-width:760px){body.signed-in .tabs{top:auto!important;right:auto!important}}


/* v8.9.3 — full light theme + classic Razorpay popup surface */
:root{
  --pink:#f0448f;--pink-deep:#c92f78;--pink-soft:#fff0f6;--pink-faint:#fff8fb;
  --rose:#ff78ae;--ink:#2a1822;--muted:#786772;--line:#eedce5;--white:#fff;
  --green:#1aa66a;--amber:#b97715;--red:#d63f62;--shadow:0 18px 46px rgba(91,31,61,.09);
  --surface:#fff;--surface-2:#fff8fb;--surface-3:#f8eef3;--violet:#c92f78;--deep-purple:#7b2452;
  color-scheme:light!important;
}
html,body{background:#fff8fb!important;color:var(--ink)!important}
body{background:linear-gradient(180deg,#fffafd 0%,#fff8fb 55%,#fff 100%)!important}
.page-glow-one{background:radial-gradient(circle,rgba(255,164,202,.32),transparent 68%)!important}.page-glow-two{background:radial-gradient(circle,rgba(255,208,225,.42),transparent 70%)!important}
.topbar,body.signed-in .topbar{background:rgba(255,250,253,.94)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.brand strong,.hero h1,.trust-copy h2,.section-head h2,.call-hero h2,.welcome-card h1{color:var(--ink)!important}.brand small,.hero-lead,.section-head p,.call-hero p{color:var(--muted)!important}
.topbar .button-quiet,.topbar .button-soft,.app-back,.modal-back{background:#fff!important;color:var(--pink-deep)!important;border:1px solid var(--line)!important}
.button-primary{background:linear-gradient(135deg,#fb5ba1,#c92f78)!important;color:#fff!important;box-shadow:0 10px 24px rgba(201,47,120,.18)!important}.button-soft{background:#fff0f6!important;color:#c92f78!important;border-color:#f3d9e5!important}.button-quiet{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}
.trust-row span,.feature-grid article,.steps article,.phone-preview,.floating-note,.trust-showcase,.trust-points span,.welcome-card,.call-hero,.previous-box,.language-fallback-toggle,.listener-card,.listener-card-v8,.panel,.wallet-plan-card,.coupon-panel,.membership-card,.list-item,.profile-menu-group,.profile-menu-row,.customer-profile-flat,.direct-message-layout,.direct-chat,.settings-card,.security-panel{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 10px 30px rgba(91,31,61,.06)!important}
.phone-preview{background:linear-gradient(155deg,#fff,#fff5fa)!important}.preview-person p,.preview-note,.trust-row span,.feature-grid article p,.steps article p,.trust-copy>p,.public-footer>div>p,.public-footer>small{color:var(--muted)!important}.preview-note span,.feature-grid h2,.steps h3,.trust-row b{color:var(--ink)!important}
.preview-person .language-chip,.public-footer nav a{background:#fff0f6!important;color:#c92f78!important}.floating-note{color:var(--ink)!important}
.trust-showcase,.trust-visuals{background:linear-gradient(145deg,#fff,#fff4f9)!important}.trust-visuals img{border-color:#fff!important;box-shadow:0 14px 34px rgba(91,31,61,.12)!important}
.tabs,body.signed-in .tabs{background:rgba(255,255,255,.97)!important;border-color:var(--line)!important;box-shadow:0 -8px 30px rgba(91,31,61,.07)!important}.tabs button{color:#8f7481!important}.tabs button.active{background:#fff0f6!important;color:#c92f78!important;box-shadow:none!important}
.call-hero,.welcome-card{background:linear-gradient(135deg,#fff,#fff4f9)!important}.balance-shortcut{background:linear-gradient(135deg,#f65d9f,#c92f78)!important;color:#fff!important}.balance-shortcut small{color:rgba(255,255,255,.78)!important}
.balance-ring{background:radial-gradient(circle at center,#fff 59%,transparent 60%),conic-gradient(#f0448f 0 72%,#f2e3ea 72%)!important;box-shadow:0 14px 34px rgba(91,31,61,.08)!important}.balance-ring strong{color:var(--ink)!important}.balance-ring span,.balance-ring small{color:var(--muted)!important}
.listener-card,.listener-card-v8{background:#fff!important}.listener-media,.listener-card-avatar{background:#f7eaf0!important}.listener-status{background:rgba(255,255,255,.9)!important;color:var(--ink)!important;border-color:rgba(201,47,120,.15)!important}.listener-card h3,.listener-card-v8 h3,.listener-card-copy h3{color:var(--ink)!important}.listener-card p,.listener-card-v8 p,.listener-card-copy p{color:var(--muted)!important}.listener-tags span{background:#fff5fa!important;color:#9b3f69!important;border-color:#f1d8e4!important}
.wallet-plan-card{background:linear-gradient(155deg,#fff,#fff7fb)!important}.wallet-plan-price,.wallet-plan-minutes b{color:var(--ink)!important}.wallet-plan-name{color:var(--muted)!important}.popular-label{background:#c92f78!important;color:#fff!important}
.minutes-balance{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important}.minutes-balance small{color:var(--muted)!important}.minutes-balance strong{color:var(--pink-deep)!important}
.modal:not(.call-modal):not(.customer-post-feed){background:rgba(62,31,47,.28)!important;backdrop-filter:blur(9px)!important}.modal-card,.auth-card,.wallet-checkout-card{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 28px 80px rgba(64,24,45,.18)!important}.modal-card .close,.auth-card .close{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}.modal-card h1,.modal-card h2,.auth-card h1,.auth-card h2{color:var(--ink)!important}
.stack input,.stack textarea,.stack select,input,textarea,select,.phone-field.international select,.phone-field.international input{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}.stack input:focus,.stack textarea:focus,.stack select:focus,input:focus,textarea:focus,select:focus{border-color:#ed6ca5!important;box-shadow:0 0 0 4px rgba(240,68,143,.09)!important}
.customer-profile-identity h2,.profile-public-copy h2,.profile-menu-row b,.direct-chat-head h3{color:var(--ink)!important}.customer-profile-identity p,.customer-profile-identity small,.profile-menu-row small,.direct-chat-head small{color:var(--muted)!important}.customer-profile-flat .customer-photo span{border-color:#fff!important}
.profile-menu-row:hover{background:#fff6fa!important}.profile-menu-row svg{color:#c92f78!important}
.direct-message-layout{background:#fff!important}.direct-chat-head,.direct-message-list,.direct-message-form{background:#fff!important;border-color:var(--line)!important}.direct-bubble{background:#f6eef2!important;color:var(--ink)!important}.direct-bubble.mine{background:#f0448f!important;color:#fff!important}.direct-bubble small{color:inherit!important;opacity:.72}
.membership-card.active{border-color:#efb9d1!important}.membership-listener h3,.membership-date strong{color:var(--ink)!important}.membership-listener p,.membership-date small{color:var(--muted)!important}
.call-modal{background:rgba(72,43,58,.28)!important;backdrop-filter:blur(12px)!important}.call-shell{background:linear-gradient(155deg,#fff,#fff4f9)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 28px 80px rgba(64,24,45,.2)!important}.call-shell:before{background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,250,253,.92)),var(--call-profile-bg) center/cover no-repeat!important}.call-shell:after{background:linear-gradient(180deg,transparent 15%,rgba(255,250,253,.72) 45%,rgba(255,250,253,.98) 65%)!important}.call-avatar{border-color:#fff!important;background:#f7edf2!important;box-shadow:0 14px 38px rgba(64,24,45,.14)!important}.call-person h2,.call-person p,.call-status,.call-timer{color:var(--ink)!important}.chat-box{background:rgba(255,255,255,.9)!important;border-color:var(--line)!important;color:var(--ink)!important}.round-action{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}.round-action.end-call{background:#df4264!important;color:#fff!important}
.customer-post-feed,.customer-feed-post,.customer-feed-media{background:#fff!important;color:var(--ink)!important}.customer-post-feed>header{background:rgba(255,255,255,.97)!important;border-color:var(--line)!important}.customer-post-feed>header button{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}.customer-feed-post footer{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}.customer-feed-post footer p{color:var(--ink)!important}
body.razorpay-open:before{display:none!important}body.razorpay-open{background:#fff8fb!important}body.razorpay-open .wallet-checkout-overlay:not(.hidden){display:none!important}body.razorpay-open iframe.razorpay-checkout-frame,body.razorpay-open iframe[src*="razorpay"]{background:transparent!important;color-scheme:light!important}
@media(max-width:760px){body.signed-in .tabs{background:rgba(255,255,255,.98)!important;border-top:1px solid var(--line)!important}.tabs button.active{background:#fff0f6!important}.dashboard{background:transparent!important}}


/* v8.9.5 — luminous paper / gallery light theme. No dark application surfaces. */
:root{
  --pink:#df4d8e;--pink-deep:#b92f70;--pink-soft:#fff1f6;--pink-faint:#fff9fc;
  --ink:#392b35;--muted:#82727c;--line:#eadfe6;--surface:#fffdfd;--surface-2:#fff7fa;
  --lavender:#f3efff;--peach:#fff0e8;--mint:#eefaf5;--blue-soft:#eef6ff;
  --shadow:0 18px 50px rgba(111,72,93,.09);color-scheme:light!important;
}
html{background:#fffafc!important;scroll-behavior:auto!important;scrollbar-width:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important}
body{color:var(--ink)!important;background:
  radial-gradient(circle at 9% 5%,rgba(255,213,230,.78),transparent 23%),
  radial-gradient(circle at 92% 20%,rgba(224,216,255,.72),transparent 25%),
  radial-gradient(circle at 22% 82%,rgba(220,246,238,.58),transparent 23%),
  linear-gradient(180deg,#fffdfd 0%,#fff8fb 48%,#fffdfd 100%)!important}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.42;background-image:radial-gradient(circle at center,rgba(206,155,182,.26) 1px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 76%)}
.page-glow{opacity:.62!important;filter:blur(8px)!important}.page-glow-one{background:radial-gradient(circle,rgba(255,187,216,.62),transparent 68%)!important}.page-glow-two{background:radial-gradient(circle,rgba(211,201,255,.62),transparent 70%)!important}

/* Header is intentionally backgroundless. */
.topbar,body.signed-in .topbar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:transform .22s ease,opacity .22s ease!important;will-change:transform}
.topbar.topbar-hidden{transform:translateY(calc(-100% - 12px))!important;opacity:.2!important;pointer-events:none}
.topbar .brand{filter:drop-shadow(0 5px 14px rgba(131,73,104,.1))}.topbar .brand img{border-radius:14px;box-shadow:0 7px 20px rgba(178,79,125,.12)}
body.signed-in .topbar .brand span{display:none!important}
body.signed-in .top-actions{display:none!important}
.app-back,.modal-back,.customer-post-feed>header button,.call-back{background:rgba(255,255,255,.94)!important;color:#9f2d65!important;border:1px solid rgba(218,197,208,.95)!important;box-shadow:0 8px 22px rgba(113,73,94,.13)!important;backdrop-filter:blur(10px)!important}
.app-back svg,.modal-back svg,.call-back svg{stroke:currentColor!important}

/* Paper-art surfaces: bright, soft and varied instead of plain white. */
.phone-preview,.trust-showcase,.feature-grid article,.steps article,.random-connect-card,.listener-card-v8,.panel,.membership-card,.list-item,.customer-profile-flat,.profile-menu-group,.direct-message-layout,.settings-card,.security-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,248,251,.94))!important;border:1px solid rgba(231,217,225,.95)!important;box-shadow:var(--shadow)!important}
.phone-preview:after,.trust-showcase:after,.random-connect-card:after,.panel:after,.membership-card:after{content:"";position:absolute;width:135px;height:135px;border-radius:50%;right:-68px;top:-72px;background:radial-gradient(circle,rgba(235,188,213,.23),transparent 67%);pointer-events:none}
.feature-grid article:nth-child(2n){background:linear-gradient(145deg,#fff,#f8f5ff)!important}.feature-grid article:nth-child(3n){background:linear-gradient(145deg,#fff,#f1fbf7)!important}.steps article:nth-child(2n){background:linear-gradient(145deg,#fff,#fff5ef)!important}

/* Profile art and rings. */
.listener-card-avatar,.listener-profile-avatar,.customer-photo,.conversation-avatar,.membership-listener img,.call-avatar{border-radius:50%!important;background:#fff7fa!important;border:5px solid #fff!important;box-shadow:0 0 0 2px #edc9da,0 12px 30px rgba(119,73,95,.13)!important}
.listener-card-avatar{width:74px!important;height:74px!important}.listener-card-avatar img,.listener-profile-avatar img,.customer-photo img,.conversation-avatar img{border-radius:50%!important;object-fit:cover!important}
.listener-card-v8{border-radius:22px!important}.listener-tags span,.language-chip,.exclusive-tag,.listener-live{background:#fff3f8!important;color:#a9326b!important;border-color:#f0d8e4!important}
.listener-live.available{background:#effaf5!important;color:#237a5b!important;border-color:#d7eee4!important}

/* Navigation feels like floating porcelain, never a solid header. */
.tabs,body.signed-in .tabs{background:rgba(255,255,255,.88)!important;border:1px solid rgba(231,216,224,.9)!important;box-shadow:0 14px 40px rgba(111,72,93,.08)!important;backdrop-filter:blur(18px)!important}
.tabs button{color:#8a7781!important}.tabs button.active{background:linear-gradient(145deg,#fff0f6,#f7f0ff)!important;color:#ac2e68!important;box-shadow:none!important}

/* Inputs / locks / exclusive are fully light. */
.stack input,.stack textarea,.stack select,input,textarea,select,.phone-field.international select,.phone-field.international input{background:rgba(255,255,255,.95)!important;color:var(--ink)!important;border:1px solid #e8dce3!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.stack input::placeholder,.stack textarea::placeholder,input::placeholder,textarea::placeholder{color:#ad9da6!important}
.locked-posts{background:linear-gradient(145deg,#fff9fc,#f5f0ff)!important;color:var(--ink)!important;border:1px dashed #dfbdd0!important;box-shadow:0 12px 30px rgba(116,76,98,.07)!important}.locked-posts .lock-art{background:#fff!important;color:#c43777!important;border:1px solid #efd9e5!important}.locked-posts small{color:var(--muted)!important}.exclusive-posts{background:transparent!important}.exclusive-posts-head span{color:#a62f68!important}.member-confirmed{background:#eefaf5!important;color:#24765a!important;border-color:#d8eee5!important}

/* Customer wallet: balance is unmistakable; plan cards are vertical bank-card proportions. */
.wallet-heading{align-items:center!important}.minutes-balance{min-width:150px!important;padding:13px 17px!important;border-radius:19px!important;background:linear-gradient(145deg,#fff,#fff0f6)!important;border:1px solid #eccfdd!important;box-shadow:0 12px 28px rgba(140,70,105,.09)!important}.minutes-balance small{color:#8c7883!important}.minutes-balance strong{font-size:29px!important;line-height:1!important;color:#a72e68!important;letter-spacing:-.035em!important}
.plans-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;padding-bottom:2px!important}
.wallet-plan-card{min-width:0!important;min-height:248px!important;aspect-ratio:.72!important;padding:18px 15px!important;border-radius:24px!important;background:linear-gradient(160deg,#fff 0%,#fff5f9 58%,#f6f1ff 100%)!important;border:1px solid #e8d9e2!important;box-shadow:0 16px 38px rgba(112,70,92,.09)!important}
.wallet-plan-card:nth-child(3n+2){background:linear-gradient(160deg,#fff,#f4f8ff)!important}.wallet-plan-card:nth-child(3n){background:linear-gradient(160deg,#fff,#f1fbf7)!important}
.wallet-plan-card:before{content:"";position:absolute;left:15px;right:15px;top:14px;height:3px;border-radius:999px;background:linear-gradient(90deg,#e34d90,#a885e7,#70bba9);opacity:.72}.wallet-plan-minutes b{font-size:39px!important;color:var(--ink)!important}.wallet-plan-price{font-size:21px!important;color:#9f2d65!important}.wallet-plan-name{color:#8d7883!important}.popular-label{background:#fff0f6!important;color:#a62f68!important;border:1px solid #eecfdd!important}.wallet-plan-card>.button{border-radius:14px!important}

/* Call screen: full white luxury, with a pale artwork backdrop. */
.call-modal{background:rgba(222,204,214,.42)!important;backdrop-filter:blur(14px)!important}.call-shell{background:linear-gradient(150deg,#fff,#fff8fb 58%,#f7f4ff)!important;color:var(--ink)!important;border:1px solid #e8dce4!important;box-shadow:0 30px 90px rgba(102,65,85,.18)!important}.call-shell:before{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,250,252,.9)),var(--call-profile-bg) center/cover no-repeat!important;opacity:.34!important}.call-shell:after{background:linear-gradient(180deg,transparent 10%,rgba(255,252,253,.76) 44%,rgba(255,252,253,.98) 66%)!important}.call-top,.call-person h2,.call-person p,.call-person>strong,.call-status,.call-timer{color:var(--ink)!important}.call-top{color:#75636d!important}.chat-box{background:rgba(255,255,255,.78)!important;border-color:#eadfe5!important}.bubble{background:#f6eef3!important;color:var(--ink)!important}.bubble.mine{background:#e14d8f!important;color:#fff!important}.chat-form{border-color:#eadfe5!important}.chat-form input{background:#fff!important;color:var(--ink)!important}.chat-form input::placeholder{color:#a4959e!important}.round-action{background:#fff!important;color:#604c58!important;border:1px solid #e5d8df!important;box-shadow:0 9px 25px rgba(108,70,90,.08)!important}.round-action.end,.round-action.end-call{background:#df5874!important;color:#fff!important;border-color:transparent!important}
.restore-call{background:rgba(255,255,255,.96)!important;color:#8f2a5e!important;border:1px solid #e7d4de!important;box-shadow:0 15px 40px rgba(109,67,89,.15)!important}.restore-call small{color:#8b7781!important}

/* Modals / feeds. */
.modal:not(.call-modal):not(.customer-post-feed){background:rgba(223,207,216,.48)!important}.modal-card,.auth-card,.wallet-checkout-card{background:linear-gradient(155deg,#fff,#fffafd)!important;color:var(--ink)!important;border:1px solid #e9dde4!important;box-shadow:0 28px 86px rgba(100,65,84,.17)!important}.modal-card h1,.modal-card h2,.auth-card h1,.auth-card h2{color:var(--ink)!important}.close{background:#fff!important;color:#8f2a5e!important;border:1px solid #e6d8e0!important}.customer-post-feed,.customer-feed-post,.customer-feed-media{background:#fffdfd!important;color:var(--ink)!important}.customer-post-feed>header,.customer-feed-post footer{background:rgba(255,253,253,.96)!important;color:var(--ink)!important;border-color:#eadfe5!important}

/* No visible page scrollbar / no smooth scroll line animation. */
*{scrollbar-width:none!important}*::-webkit-scrollbar{display:none!important}.tab{animation:none!important}.page,.payment-step{animation:none!important}

body.razorpay-open:before{display:none!important}body.razorpay-open{background:#fff8fb!important}body.razorpay-open .wallet-checkout-overlay:not(.hidden){display:none!important}body.razorpay-open iframe.razorpay-checkout-frame,body.razorpay-open iframe[src*="razorpay"]{background:transparent!important;color-scheme:light!important}

@media(max-width:1180px){.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
  body.signed-in .topbar{height:calc(56px + env(safe-area-inset-top))!important;padding-inline:max(11px,env(safe-area-inset-left)) max(11px,env(safe-area-inset-right))!important}.topbar .brand img{width:38px!important;height:38px!important}.topbar .brand strong{font-size:14px!important}
  body.signed-in .tabs{background:rgba(255,255,255,.92)!important;border-top:1px solid #eadde4!important}
  .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.wallet-plan-card{min-height:218px!important;aspect-ratio:.72!important;padding:15px 11px!important;border-radius:20px!important}.wallet-plan-minutes b{font-size:32px!important}.wallet-plan-price{font-size:17px!important}
  .minutes-balance{min-width:116px!important;padding:11px 12px!important}.minutes-balance strong{font-size:23px!important}
  .listener-card-avatar{width:64px!important;height:64px!important}.call-shell{border-radius:0!important;border:0!important}
}

/* v8.9.5 light completeness: legacy/cached surfaces that can still appear. */
.toast{background:#fff!important;color:#5f4b57!important;border:1px solid #e6d9e0!important;box-shadow:0 14px 38px rgba(103,67,86,.13)!important}.toast.error{background:#fff0f3!important;color:#a13b55!important;border-color:#f0ced7!important}.toast.success{background:#eefaf5!important;color:#28765b!important;border-color:#d6ece3!important}
.phone-auth-step h1,.phone-auth-step h2,.phone-auth-step label{color:var(--ink)!important}.phone-auth-step>p,.phone-auth-step small{color:var(--muted)!important}.phone-field,.auth-switch,.auth-flow .check{background:#fff8fb!important;border-color:#e8dce3!important}.phone-field>span{color:#a72f68!important;border-color:#e8dce3!important}.auth-switch button{color:#8b7782!important}.auth-switch button.active{background:#fff!important;color:#a42e67!important}.password-field button{background:#fff0f6!important;color:#a32e66!important}.auth-progress span,.auth-progress-line{background:#eadfe5!important}.auth-progress span.active,.auth-progress-line i{background:linear-gradient(90deg,#e24f91,#b392e6)!important}
.wallet-checkout-brand b,.wallet-checkout-summary h2,.wallet-checkout-summary>strong,.wallet-checkout-minutes b{color:var(--ink)!important}.wallet-checkout-brand small,.wallet-checkout-provider,.wallet-checkout-summary>div>small,.wallet-checkout-summary p{color:var(--muted)!important}.wallet-checkout-summary,.wallet-checkout-minutes,.wallet-checkout-trust span{background:#fff8fb!important;color:var(--ink)!important;border-color:#e7dae1!important}.wallet-checkout-minutes small{color:#a42e67!important}.wallet-checkout-trust span{color:#7f6c77!important}
.merchant-detail-card,.premium-qr-card,.proof-preview,.payment-summary div,.upi-actions-card,.payment-qr-card{background:#fff!important;color:var(--ink)!important;border-color:#e6dbe1!important}.merchant-detail-card strong,.premium-qr-card>strong,.payment-summary strong{color:var(--ink)!important}.merchant-copy,.payment-security-line>span,.premium-paid-button{background:#fff0f6!important;color:#a42e67!important;border:1px solid #ead0dd!important}.premium-qr-card .payment-kicker,.premium-qr-card>small{color:var(--muted)!important}.premium-qr-card .qr-save-link{background:#fff7fa!important;color:#a42e67!important;border-color:#e5d8df!important}.payment-summary .exact-amount,.payment-status-icon.approved{background:#eefaf5!important;color:#28765b!important;border-color:#d6ece3!important}.payment-summary .exact-amount small{color:#5e8677!important}

/* ===== merged v8.9.18 theme layer (file-count cleanup) ===== */
/* We Met v8.9.18 — complete porcelain light system */
:root{
  --wm-bg:#fffaf8;--wm-bg2:#faf7ff;--wm-card:#fffdfc;--wm-card2:#fff6fa;
  --wm-ink:#30262d;--wm-muted:#82747d;--wm-line:#eadde4;--wm-pink:#d93f82;
  --wm-pink-deep:#a72d65;--wm-green:#278a69;--wm-shadow:0 14px 38px rgba(103,68,87,.08);
  color-scheme:light!important;
}
html{background:var(--wm-bg)!important;scroll-behavior:auto!important;scrollbar-gutter:auto!important}
body{color:var(--wm-ink)!important;background:
  radial-gradient(circle at 8% 4%,rgba(255,211,230,.66),transparent 26%),
  radial-gradient(circle at 94% 15%,rgba(221,214,255,.62),transparent 27%),
  radial-gradient(circle at 18% 75%,rgba(210,242,233,.45),transparent 24%),
  linear-gradient(180deg,#fffdfb 0%,#fff8fb 52%,#fbfaff 100%)!important;
  background-attachment:fixed!important;scroll-behavior:auto!important;
}
body:after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,rgba(187,142,167,.26) 1px,transparent 1.2px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 82%)}
*{scrollbar-width:none!important}*::-webkit-scrollbar{display:none!important}
.tab,.page,.payment-step,.phone-auth-step{animation:none!important}

/* Readability: no invisible white/dark legacy text. */
h1,h2,h3,h4,h5,h6,strong,b,label,summary{color:var(--wm-ink)!important}
p,small,.muted{color:var(--wm-muted)!important}
.eyebrow{color:var(--wm-pink-deep)!important}
.button-primary,.preview-call,.wallet-plan-card>.button,.round-action.end,.bubble.mine{color:#fff!important}
.button-primary *, .preview-call *, .round-action.end *{color:inherit!important}

/* Header is backgroundless and deliberately slow/quiet. */
.topbar,body.signed-in .topbar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:transform .34s cubic-bezier(.22,.75,.2,1),opacity .28s ease!important;will-change:transform,opacity}
.topbar.topbar-hidden{transform:translateY(calc(-100% - 14px))!important;opacity:0!important;pointer-events:none!important}
body.signed-in .topbar .brand span{display:none!important}
body.signed-in .topbar .brand img{width:39px!important;height:39px!important;border-radius:14px;filter:drop-shadow(0 8px 14px rgba(133,76,103,.12))}
.app-back,.modal-back,.conversation-mobile-back,.customer-post-feed>header button,.call-back{background:rgba(255,253,252,.95)!important;color:#92285d!important;border:1px solid rgba(213,187,201,.9)!important;box-shadow:0 8px 22px rgba(94,62,80,.11)!important;backdrop-filter:blur(12px)!important}
.app-back svg,.modal-back svg,.conversation-mobile-back svg,.customer-post-feed>header button svg,.call-back svg{stroke:currentColor!important}

/* Public landing: compact, fitted artwork, no giant broken blocks. */
.hero{min-height:620px!important}.hero h1{color:var(--wm-ink)!important}.hero-lead{color:var(--wm-muted)!important}
.phone-preview{background:linear-gradient(155deg,rgba(255,254,252,.98),rgba(255,245,249,.96))!important;border:1px solid var(--wm-line)!important;box-shadow:0 25px 70px rgba(122,71,96,.13)!important;overflow:hidden}
.listener-art{overflow:hidden!important;background:linear-gradient(145deg,#f4bfd4,#d85690)!important}.listener-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:inherit!important}
.phone-preview:before{content:"";position:absolute;inset:auto -85px -85px auto;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(206,188,255,.36),transparent 68%);pointer-events:none}
.trust-row span,.feature-grid article,.steps article,.trust-showcase,.trust-points span{background:linear-gradient(145deg,rgba(255,253,252,.95),rgba(255,247,251,.91))!important;border:1px solid var(--wm-line)!important;color:var(--wm-ink)!important;box-shadow:0 10px 28px rgba(101,67,84,.055)!important}
.feature-grid article:nth-child(2n),.steps article:nth-child(2n){background:linear-gradient(145deg,#fffdfb,#f7f5ff)!important}.feature-grid article:nth-child(3n){background:linear-gradient(145deg,#fffdfb,#f2fbf7)!important}
.trust-showcase{background:linear-gradient(135deg,#fffafc,#f6f3ff)!important}.trust-visuals{background:linear-gradient(145deg,#f8eaf1,#eee9ff)!important}.trust-visuals img{object-fit:cover!important;border:4px solid rgba(255,255,255,.92)!important;box-shadow:0 12px 30px rgba(91,59,76,.13)!important}
.preview-person h3,.preview-note span,.feature-grid h2,.steps h3,.trust-row b,.trust-copy h2{color:var(--wm-ink)!important}.preview-person p,.preview-note,.feature-grid p,.steps p,.trust-copy p{color:var(--wm-muted)!important}

/* Dashboard base surfaces — artistic, never black and never empty white. */
.dashboard{color:var(--wm-ink)!important}
.random-connect-card,.listener-card-v8,.listener-card,.panel,.membership-card,.list-item,.direct-message-layout,.direct-chat,.settings-card,.security-panel,.coupon-panel,.previous-box,.language-fallback-toggle,.profile-menu-group{
  background:linear-gradient(145deg,rgba(255,253,252,.96),rgba(255,247,251,.93))!important;
  color:var(--wm-ink)!important;border:1px solid var(--wm-line)!important;box-shadow:var(--wm-shadow)!important;
}
.random-connect-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffafc,#f3f0ff)!important}
.random-connect-card:after{content:"";position:absolute;width:180px;height:180px;right:-92px;top:-108px;border-radius:50%;background:radial-gradient(circle,rgba(217,192,255,.38),transparent 67%);pointer-events:none}
.random-connect-copy h1,.random-connect-copy p,.availability-line,.language-fallback-toggle b,.language-fallback-toggle small{color:var(--wm-ink)!important}.random-connect-copy p,.language-fallback-toggle small{color:var(--wm-muted)!important}
.language-fallback-toggle{min-height:64px!important;padding:13px 16px!important}.language-fallback-toggle input{accent-color:var(--wm-pink)!important}
.section-head h2,.section-head h1{color:var(--wm-ink)!important}.section-head p{color:var(--wm-muted)!important}

/* Listener directory — compact and consistently readable. */
.listener-card-v8,.listener-card{border-radius:22px!important;overflow:hidden!important}.listener-card-avatar,.listener-profile-avatar,.customer-photo,.conversation-avatar,.membership-listener img,.call-avatar{background:#fff7fa!important;border:4px solid #fffdfc!important;box-shadow:0 0 0 2px #e9c7d8,0 10px 27px rgba(106,68,87,.12)!important}
.listener-card-v8 h3,.listener-card h3,.listener-card-copy h3,.listener-profile-title h2{color:var(--wm-ink)!important}.listener-card-v8 p,.listener-card p,.listener-card-copy p,.listener-profile-title p{color:var(--wm-muted)!important}
.listener-tags span,.language-chip,.exclusive-tag,.listener-live{background:#fff2f7!important;color:#9d2c62!important;border:1px solid #ebd3df!important}
.listener-status{background:rgba(255,253,252,.94)!important;color:var(--wm-ink)!important;border-color:#e8d9e1!important}.favorite-btn{background:rgba(255,251,253,.95)!important;color:#a93068!important;border-color:#ead8e1!important}

/* Wallet: prominent balance; vertical cards without huge dead space. */
.wallet-heading{align-items:center!important;padding-top:10px!important}.minutes-balance{min-width:145px!important;background:linear-gradient(145deg,#fffafc,#f5f1ff)!important;border:1px solid #e5d3de!important;box-shadow:0 12px 28px rgba(111,69,91,.08)!important}.minutes-balance small{color:#806f79!important}.minutes-balance strong{font-size:31px!important;color:#992b61!important;line-height:1!important}
.plans-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important;overflow:visible!important;padding:0!important}
.wallet-plan-card{position:relative!important;min-width:0!important;min-height:0!important;aspect-ratio:.76!important;padding:17px 14px!important;border-radius:22px!important;background:linear-gradient(160deg,#fffdfc 0%,#fff4f8 58%,#f3efff 100%)!important;border:1px solid #e7d8e1!important;box-shadow:0 13px 31px rgba(105,66,86,.085)!important}
.wallet-plan-card:nth-child(3n+2){background:linear-gradient(160deg,#fffdfc,#f2f6ff)!important}.wallet-plan-card:nth-child(3n){background:linear-gradient(160deg,#fffdfc,#effaf6)!important}.wallet-plan-card:before{content:""!important;display:block!important;position:absolute!important;left:14px!important;right:14px!important;top:13px!important;height:3px!important;border-radius:99px!important;background:linear-gradient(90deg,#dc4b8a,#a38fe4,#75b8a8)!important;opacity:.68!important}
.wallet-plan-minutes b{font-size:clamp(30px,4vw,40px)!important;color:var(--wm-ink)!important}.wallet-plan-minutes span,.wallet-plan-name{color:var(--wm-muted)!important}.wallet-plan-price{font-size:20px!important;color:#982b60!important}.popular-label{background:#fff0f6!important;color:#9c2c62!important;border:1px solid #e8cbd9!important}

/* Profile: own identity sits directly on the art background, not inside a card. */
#tab-profile .customer-profile-flat{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 2px 18px!important;overflow:visible!important}
#tab-profile .customer-profile-flat:after{display:none!important}.customer-profile-summary{background:transparent!important}.customer-profile-identity h2{color:var(--wm-ink)!important}.customer-profile-identity p,.customer-profile-identity small{color:var(--wm-muted)!important}
#tab-profile .profile-menu-group{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}.profile-menu-row{background:transparent!important;border:0!important;border-bottom:1px solid rgba(224,207,216,.78)!important;border-radius:0!important;box-shadow:none!important;color:var(--wm-ink)!important}.profile-menu-row:hover{background:rgba(255,245,250,.7)!important}.profile-menu-row b{color:var(--wm-ink)!important}.profile-menu-row small{color:var(--wm-muted)!important}
.security-panel{background:linear-gradient(145deg,rgba(255,253,252,.88),rgba(248,244,255,.83))!important}.verified-phone-card{background:linear-gradient(145deg,#fff1f7,#f7f2ff)!important;border:1px solid #e7d4df!important;color:var(--wm-ink)!important}.verified-phone-card h2,.verified-phone-card strong{color:var(--wm-ink)!important}.verified-phone-card p{color:var(--wm-muted)!important}.profile-logout{background:linear-gradient(145deg,#fff5f8,#faf3ff)!important;color:#a83369!important;border-color:#e8d5df!important}

/* Forms, support, empty states and messages. */
input,textarea,select,.stack input,.stack textarea,.stack select,.inline-form input,.phone-field.international input,.phone-field.international select{background:rgba(255,253,252,.96)!important;color:var(--wm-ink)!important;border:1px solid #e4d7de!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:#a99aa3!important}.stack label{color:#5b4b55!important}
.empty-state,.profile-no-posts,.chat-first-message{background:linear-gradient(145deg,#fffafc,#f6f3ff)!important;color:var(--wm-ink)!important;border-color:var(--wm-line)!important}.empty-state p,.profile-no-posts,.chat-first-message{color:var(--wm-muted)!important}
#tab-support>.grid-two>.panel{background:linear-gradient(145deg,rgba(255,253,252,.9),rgba(255,247,251,.86))!important;border:1px solid var(--wm-line)!important;border-radius:22px!important;padding:22px!important}.safety-panel{background:linear-gradient(145deg,#fff8fa,#f2f9f6)!important}

/* Listener profile / legal / internal overlays: true app-like full screen on phones. */
.modal:not(.call-modal){background:rgba(232,218,227,.50)!important;backdrop-filter:blur(14px)!important}.modal-card,.auth-card,.legal-card,.support-auth-card,.wallet-checkout-card{background:linear-gradient(155deg,#fffdfc,#fff8fb 58%,#f7f4ff)!important;color:var(--wm-ink)!important;border:1px solid #e7d9e1!important;box-shadow:0 28px 84px rgba(91,58,76,.16)!important}.modal-card h1,.modal-card h2,.legal-card h2{color:var(--wm-ink)!important}.legal-body{color:#655961!important}.close{background:rgba(255,253,252,.96)!important;color:#5b4a54!important;border:1px solid #e4d7de!important;box-shadow:0 7px 20px rgba(96,62,79,.09)!important}
.listener-profile-modal{background:linear-gradient(155deg,#fffdfc,#fff8fb)!important}.listener-profile-banner{background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,252,253,.34)),var(--profile-banner)!important}.listener-profile-title,.listener-profile-actions,.exclusive-posts-head{color:var(--wm-ink)!important}.locked-posts{background:linear-gradient(145deg,#fff7fb,#f4f1ff)!important;color:var(--wm-ink)!important;border:1px dashed #ddbecf!important}.locked-posts .lock-art{background:linear-gradient(145deg,#fffdfc,#fff0f6)!important;color:#b3316d!important;border:1px solid #ead5df!important}.locked-posts small{color:var(--wm-muted)!important}

/* Full-screen post feed remains light and captions stay visible. */
.customer-post-feed,.customer-feed-post,.customer-feed-media{background:#fffaf9!important;color:var(--wm-ink)!important}.customer-post-feed>header,.customer-feed-post footer{background:rgba(255,252,251,.97)!important;color:var(--wm-ink)!important;border-color:#e8dce3!important}.customer-feed-post footer p{color:var(--wm-ink)!important}.customer-feed-like{background:#fff5f8!important;color:#8d2b5d!important;border-color:#e5d2dd!important}.customer-feed-like.liked{background:#d94382!important;color:#fff!important}

/* Calling: porcelain full-screen, all labels visible. */
.call-modal{background:rgba(229,214,223,.48)!important;backdrop-filter:blur(15px)!important}.call-shell{background:linear-gradient(150deg,#fffdfc,#fff6fa 56%,#f2efff)!important;color:var(--wm-ink)!important;border:1px solid #e5d8df!important;box-shadow:0 28px 88px rgba(91,58,77,.17)!important}.call-shell:before{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,250,252,.88)),var(--call-profile-bg) center/cover no-repeat!important;opacity:.42!important}.call-shell:after{background:linear-gradient(180deg,transparent 12%,rgba(255,251,252,.75) 44%,rgba(255,251,252,.98) 67%)!important}.call-top,.call-top span,.call-person h2,.call-person p,.call-person strong,.call-status,.call-timer{color:var(--wm-ink)!important}.chat-box{background:rgba(255,253,252,.86)!important;border-color:#e5d8df!important}.chat-messages{color:var(--wm-ink)!important}.bubble{background:#f6edf2!important;color:var(--wm-ink)!important}.chat-form{border-color:#e6d9e0!important}.chat-form input{background:#fffdfc!important;color:var(--wm-ink)!important}.round-action{background:rgba(255,253,252,.97)!important;color:#5e4b56!important;border:1px solid #e3d6dd!important;box-shadow:0 8px 22px rgba(91,59,76,.08)!important}.round-action small{color:inherit!important}.round-action.end{background:#d95572!important;color:#fff!important;border-color:transparent!important}.restore-call{background:rgba(255,253,252,.97)!important;color:#8e295d!important;border:1px solid #e3d3dc!important}

/* Bottom navigation: translucent porcelain, not a solid dark bar. */
.tabs,body.signed-in .tabs{background:rgba(255,253,252,.90)!important;border-color:#e7dae1!important;box-shadow:0 -8px 28px rgba(94,62,80,.065)!important;backdrop-filter:blur(18px)!important}.tabs button{color:#84737c!important}.tabs button.active{background:linear-gradient(145deg,#fff0f6,#f4f0ff)!important;color:#9e2c63!important;box-shadow:none!important}

@media(max-width:1180px){.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
  .shell{width:100%!important;padding-inline:14px!important}
  .topbar{height:calc(56px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 12px 0!important}
  .trust-visuals{min-height:112px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:7px!important;overflow:hidden!important}.trust-visuals img,.trust-visuals img:nth-child(2),.trust-visuals img:nth-child(3){position:static!important;transform:none!important;width:100%!important;height:98px!important;aspect-ratio:auto!important;border-width:3px!important;border-radius:17px!important;object-fit:cover!important;object-position:center!important}
  .landing{padding-bottom:54px!important}.hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;gap:24px!important;padding:22px 0 34px!important}.hero-copy{padding-inline:4px}.hero h1{font-size:clamp(38px,11vw,52px)!important;line-height:1.01!important;margin:12px 0 17px!important}.hero-lead{font-size:14px!important;line-height:1.6!important}.trust-row{grid-template-columns:1fr!important;margin-top:20px!important}.hero-visual{min-height:0!important;padding:0!important}.phone-preview{width:100%!important;max-width:none!important;transform:none!important;border-radius:25px!important;padding:17px!important}.preview-orbit,.floating-note{display:none!important}.preview-person{padding:22px 0 17px!important}.listener-art{width:96px!important;height:96px!important;border-radius:28px!important}.feature-grid,.steps{grid-template-columns:1fr!important;gap:10px!important}.feature-grid article,.steps article{padding:17px!important;border-radius:18px!important}.how-it-works{padding-top:55px!important}.section-copy h2{font-size:34px!important;margin-bottom:20px!important}.trust-showcase{grid-template-columns:1fr!important;padding:17px!important;border-radius:22px!important}.trust-visuals{min-height:220px!important}
  body.signed-in .dashboard{padding-top:8px!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}.random-connect-card{grid-template-columns:52px minmax(0,1fr)!important;gap:11px!important;padding:15px!important;border-radius:21px!important}.random-connect-mark{width:52px!important;height:52px!important}.random-connect-copy h1{font-size:21px!important;margin:4px 0!important}.random-connect-copy p{display:none!important}.random-connect-card>.button{grid-column:1/-1!important;width:100%!important;min-height:48px!important}.language-fallback-toggle{margin:12px 0!important;border-radius:17px!important}.listener-heading{align-items:center!important;margin:22px 0 12px!important}.listener-heading .eyebrow{display:none!important}.listener-heading h2{font-size:27px!important}.listener-heading #refreshListeners span{display:none!important}
  .listener-grid{grid-template-columns:1fr!important;gap:10px!important}.listener-card-v8{padding:12px!important;border-radius:20px!important}.listener-card-avatar{width:68px!important;height:68px!important}.listener-card-actions .button{min-height:44px!important}
  .wallet-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;margin:18px 0 13px!important;padding-top:0!important}.wallet-heading .eyebrow,.wallet-heading p{display:none!important}.wallet-heading h2{font-size:26px!important;margin:0!important}.minutes-balance{min-width:114px!important;padding:10px 11px!important;border-radius:17px!important}.minutes-balance strong{font-size:23px!important}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.wallet-plan-card{aspect-ratio:.76!important;padding:15px 11px!important;border-radius:19px!important}.wallet-plan-minutes b{font-size:31px!important}.wallet-plan-price{font-size:17px!important}.wallet-plan-card>.button{min-height:43px!important;padding:9px 7px!important;font-size:11px!important}
  #tab-profile .customer-profile-flat{padding:6px 2px 13px!important}.customer-profile-summary{grid-template-columns:78px minmax(0,1fr)!important}.profile-menu-row{min-height:58px!important;padding-inline:5px!important}.profile-menu-row small{display:none!important}.security-panel{border-radius:20px!important;padding:15px!important}.verified-phone-card{grid-template-columns:45px 1fr!important;padding:13px!important}.verified-phone-card>span{width:42px!important;height:42px!important}
  /* Full-screen signed-in detail pages. */
  body.signed-in #listenerProfileModal,body.signed-in #legalModal,body.signed-in #membershipCheckoutModal{padding:0!important;align-items:stretch!important;background:var(--wm-bg)!important}
  body.signed-in #listenerProfileModal .listener-profile-modal,body.signed-in #legalModal .legal-card,body.signed-in #membershipCheckoutModal .wallet-checkout-card{width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;padding:calc(58px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom))!important;box-shadow:none!important;overflow:auto!important}
  body.signed-in #listenerProfileModal .listener-profile-modal{padding:0 0 calc(24px + env(safe-area-inset-bottom))!important}.listener-profile-modal>.close{position:fixed!important;z-index:9!important;right:14px!important;top:calc(12px + env(safe-area-inset-top))!important}.listener-profile-back{position:fixed!important;z-index:9!important;left:14px!important;top:calc(12px + env(safe-area-inset-top))!important;margin:0!important}.listener-profile-banner{height:220px!important}.listener-profile-avatar{width:112px!important;height:112px!important;margin:-57px 0 0 20px!important}.listener-profile-title{padding:12px 20px 0!important}.listener-profile-title h2{font-size:29px!important}.listener-profile-actions,.listener-profile-tags,.call-wallet-note{margin-inline:20px!important;padding-inline:0!important}.exclusive-posts{padding-inline:20px!important}
  .call-modal{padding:0!important}.call-shell{width:100%!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;padding:calc(12px + env(safe-area-inset-top)) 13px calc(12px + env(safe-area-inset-bottom))!important}.call-person{min-height:185px!important}.call-avatar{width:94px!important;height:94px!important}.round-action{width:62px!important;height:62px!important;border-radius:20px!important}
  body.signed-in .tabs{left:0!important;bottom:0!important;width:100%!important;max-width:none!important;transform:none!important;border-width:1px 0 0!important;border-radius:0!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important}.tabs button{min-height:56px!important;padding:5px 2px!important}.tabs button span{font-size:8px!important}
}
@media(max-width:380px){.plans-grid{gap:7px!important}.wallet-plan-card{padding-inline:9px!important}.wallet-plan-minutes b{font-size:28px!important}.top-actions .button{max-width:92px!important}}

/* Final transient surfaces: no black pills/toasts survive the legacy sheet. */
.prelogin-support{background:linear-gradient(145deg,rgba(255,253,252,.97),rgba(247,243,255,.95))!important;color:#92295d!important;border:1px solid #e2d4dc!important;box-shadow:0 12px 34px rgba(94,62,80,.12)!important}
.toast{background:linear-gradient(145deg,#fffdfb,#f7f4ff)!important;color:#5f4d57!important;border:1px solid #e5d9e0!important;box-shadow:0 14px 38px rgba(103,67,86,.13)!important}.toast.error{background:linear-gradient(145deg,#fff2f5,#fff7f8)!important;color:#a13b55!important;border-color:#efced7!important}.toast.success{background:linear-gradient(145deg,#eefaf5,#f8fdfa)!important;color:#28765b!important;border-color:#d6ece3!important}
.customer-photo.uploading:after{background:rgba(225,77,139,.18)!important}.exclusive-post-like{background:rgba(255,250,252,.92)!important;color:#9a2b61!important;border-color:#e6d5de!important;box-shadow:0 7px 18px rgba(103,67,86,.09)!important}.icon-button{background:rgba(255,253,252,.94)!important;color:#92295d!important;border-color:#e3d6dd!important}
/* Legacy payment/help surfaces are also porcelain if they are ever reached. */
.payment-card,.simple-upi-mode,.manual-checkout-panel,.wallet-checkout-summary,.payment-summary div{background:linear-gradient(145deg,#fffdfb,#fff5f9)!important;color:var(--wm-ink)!important;border-color:#e5d8df!important}
.payment-summary .exact-amount,.simple-upi-mode .payment-summary .exact-amount{background:linear-gradient(135deg,#ffeaf3,#f1edff)!important;color:#8f285b!important;border-color:#e2ccda!important}.payment-summary .exact-amount small{color:#806f79!important}.wallet-checkout-minutes{background:linear-gradient(145deg,#fff0f6,#f2efff)!important;border-color:#e6d3df!important}.wallet-checkout-minutes b,.wallet-checkout-summary h2,.wallet-checkout-summary>strong{color:var(--wm-ink)!important}.wallet-checkout-minutes small,.wallet-checkout-summary p,.wallet-checkout-summary>div>small,.wallet-checkout-trust span{color:var(--wm-muted)!important}.wallet-checkout-trust span{background:rgba(255,253,252,.76)!important;border-color:#e5d9e0!important}.premium-paid-button{background:linear-gradient(145deg,#fff0f6,#f1edff)!important;border-color:#e2ccda!important;color:#94295e!important}.exclusive-post{background:linear-gradient(145deg,#fff4f8,#f4f1ff)!important}

/* ===== v8.9.18 requested UI fixes only ===== */
.hero-buttons{display:flex!important;justify-content:center!important;align-items:center!important}
.hero-start-button{width:auto!important;min-width:164px!important;max-width:220px!important;padding-inline:30px!important;border-radius:18px!important}
.phone-preview{transform:rotate(-1.15deg)!important;transform-origin:center!important;margin:10px auto 14px!important}
.phone-preview .preview-head,.phone-preview .preview-person,.phone-preview .preview-call,.phone-preview .preview-note{transform:rotate(1.15deg)!important}
.trust-visuals{position:relative!important;display:block!important;min-height:245px!important;padding:0!important;overflow:visible!important;background:radial-gradient(circle at 50% 45%,rgba(235,207,255,.32),transparent 58%)!important;border:0!important;box-shadow:none!important}
.trust-visuals img{position:absolute!important;width:38%!important;height:auto!important;aspect-ratio:.82!important;object-fit:cover!important;border-radius:22px!important;border:4px solid rgba(255,255,255,.94)!important;box-shadow:0 16px 34px rgba(105,68,87,.14)!important}
.trust-visuals img:nth-child(1){left:7%!important;top:30px!important;transform:rotate(-7deg)!important;z-index:1!important}.trust-visuals img:nth-child(2){left:31%!important;top:5px!important;transform:rotate(2.5deg)!important;z-index:3!important}.trust-visuals img:nth-child(3){right:7%!important;top:36px!important;transform:rotate(7deg)!important;z-index:2!important}
.random-connect-mark{background:linear-gradient(145deg,#fff1f7,#f6efff)!important;color:#ce3677!important;border:1px solid #ebd1df!important;box-shadow:0 9px 24px rgba(164,67,111,.10)!important;padding:11px!important}.random-connect-mark svg{width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.listener-card-open{grid-template-columns:82px minmax(0,1fr)!important;column-gap:0!important}.listener-card-avatar{width:72px!important;height:72px!important;margin-left:4px!important}.listener-card-copy{padding-left:2px!important;padding-right:10px!important}.verified-listener-label{float:none!important;display:block!important;margin-bottom:2px!important}
.wallet-plan-card{padding:22px 15px 17px!important}.wallet-plan-card:before{top:15px!important}.wallet-plan-minutes{display:flex!important;align-items:baseline!important;gap:5px!important;margin-top:9px!important}.wallet-plan-name{margin-top:9px!important}.wallet-plan-price{margin-top:8px!important}.wallet-plan-card>.button{margin-top:auto!important;margin-bottom:0!important}
.coupon-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 0 4px!important;margin-top:22px!important;overflow:visible!important}.coupon-panel:after{display:none!important}.coupon-panel h2{margin-bottom:14px!important}.coupon-panel .inline-form{padding:0!important}
.security-forms{background:transparent!important;border-top:0!important;gap:18px!important;padding-top:16px!important}.security-forms form{background:transparent!important;padding:0!important}.verified-phone-card{margin:0!important;border-radius:22px!important;overflow:hidden!important}
.locked-posts{background:radial-gradient(circle at 50% 28%,rgba(255,155,204,.28),transparent 34%),radial-gradient(circle at 72% 66%,rgba(190,167,255,.24),transparent 38%),linear-gradient(145deg,#fff7fb,#f5f1ff)!important;border:1px solid rgba(219,177,199,.75)!important;box-shadow:0 14px 34px rgba(139,73,106,.10),inset 0 0 42px rgba(255,255,255,.55)!important}.locked-posts .lock-art{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:40px!important;line-height:1!important;color:#c23172!important;text-shadow:0 0 18px rgba(229,68,142,.28)!important}
@media(max-width:760px){.hero-buttons{justify-content:center!important}.hero-start-button{min-width:154px!important;min-height:52px!important}.phone-preview{width:calc(100% - 10px)!important;transform:rotate(-1deg)!important;margin:13px auto 18px!important;padding:18px!important}.phone-preview .preview-head,.phone-preview .preview-person,.phone-preview .preview-call,.phone-preview .preview-note{transform:rotate(1deg)!important}.trust-visuals{min-height:220px!important;margin:3px 0 10px!important}.trust-visuals img{width:39%!important;height:auto!important;aspect-ratio:.82!important}.trust-visuals img:nth-child(1){left:5%!important;top:35px!important}.trust-visuals img:nth-child(2){left:31%!important;top:7px!important}.trust-visuals img:nth-child(3){right:5%!important;top:38px!important}.listener-card-open{grid-template-columns:76px minmax(0,1fr)!important}.listener-card-avatar{width:68px!important;height:68px!important;margin-left:3px!important}.listener-card-copy{padding-left:0!important}.wallet-plan-card{padding:23px 12px 14px!important}.wallet-plan-card:before{left:12px!important;right:12px!important;top:14px!important}.wallet-plan-minutes{margin-top:10px!important}.wallet-plan-card>.button{margin-top:auto!important}}



/* ===== v8.9.18 final requested polish ===== */
html,body{background:#fff8fb!important;color-scheme:light!important;overscroll-behavior-y:none}
.hero-start-button{min-width:205px!important;max-width:250px!important;padding-inline:38px!important}
.phone-preview{transform:rotate(-1.45deg)!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(255,253,252,.97),rgba(255,246,251,.94) 68%,rgba(245,241,255,.94))!important}
.phone-preview .preview-head,.phone-preview .preview-person,.phone-preview .preview-call,.phone-preview .preview-note{transform:rotate(1.45deg)!important}
.trust-visuals{min-height:275px!important;background:transparent!important}
.trust-visuals img{aspect-ratio:.78!important;object-fit:cover!important}
.trust-visuals img:nth-child(1){width:35%!important;left:4%!important;top:44px!important;transform:rotate(-6deg)!important;z-index:1!important}
.trust-visuals img:nth-child(2){width:40%!important;left:30%!important;top:5px!important;transform:rotate(.8deg)!important;z-index:4!important}
.trust-visuals img:nth-child(3){width:35%!important;right:4%!important;top:45px!important;transform:rotate(6deg)!important;z-index:2!important}
.listener-card-open{grid-template-columns:74px minmax(0,1fr)!important;column-gap:8px!important;align-items:center!important}
.listener-card-avatar{width:68px!important;height:68px!important;margin:0!important}
.listener-card-copy{padding:9px 8px 9px 0!important;min-width:0!important}
.listener-card-copy h3{margin:1px 0 3px!important;line-height:1.05!important}
.listener-card-copy>p{margin:0 0 6px!important}
#listenerProfileModal{background:radial-gradient(circle at 10% 8%,rgba(255,215,232,.72),transparent 26%),radial-gradient(circle at 90% 18%,rgba(224,217,255,.65),transparent 26%),linear-gradient(180deg,#fffafc,#fff8fb)!important}
#listenerProfileModal .listener-profile-modal,#listenerProfileModal .listener-profile-head,#listenerProfileModal .exclusive-posts{background:transparent!important;box-shadow:none!important}
#listenerProfileModal .listener-profile-head{border:0!important}
#listenerProfileModal .listener-profile-title{background:transparent!important}
#listenerProfileModal .call-wallet-note{background:rgba(255,248,251,.68)!important}
.locked-posts{background:radial-gradient(circle at 50% 34%,rgba(246,123,184,.30),transparent 34%),radial-gradient(circle at 78% 65%,rgba(189,164,255,.24),transparent 43%),linear-gradient(145deg,rgba(255,243,249,.92),rgba(245,239,255,.92))!important}
.locked-posts .lock-art{background:transparent!important;border:0!important;box-shadow:none!important}
.coupon-panel{background:transparent!important;border:0!important;box-shadow:none!important}
.wallet-plan-minutes{padding-top:5px!important}
.wallet-plan-card{gap:4px!important}
.wallet-plan-card>.button{margin-bottom:2px!important}
@media(max-width:760px){
 .hero-start-button{min-width:190px!important;max-width:230px!important}
 .phone-preview{transform:rotate(-1.15deg)!important;width:calc(100% - 18px)!important}
 .phone-preview .preview-head,.phone-preview .preview-person,.phone-preview .preview-call,.phone-preview .preview-note{transform:rotate(1.15deg)!important}
 .trust-visuals{min-height:220px!important}
 .trust-visuals img:nth-child(1){width:35%!important;left:2%!important;top:40px!important}
 .trust-visuals img:nth-child(2){width:41%!important;left:29.5%!important;top:4px!important}
 .trust-visuals img:nth-child(3){width:35%!important;right:2%!important;top:41px!important}
 .listener-card-open{grid-template-columns:70px minmax(0,1fr)!important;column-gap:7px!important}
 .listener-card-avatar{width:64px!important;height:64px!important}
}


/* ===== v8.9.18 focused bug-fix pass ===== */
/* Native page refresh/pull-to-refresh is allowed; viewport zoom remains disabled by the HTML viewport meta. */
html,body{overscroll-behavior-y:auto!important}

/* Keep the landing CTA comfortably wide without turning it into a full-width bar. */
.hero-start-button{min-width:220px!important;max-width:270px!important;padding-inline:40px!important}

/* The preview keeps the old slightly tilted-card feel, but with breathing room on both sides. */
.phone-preview{width:min(390px,92%)!important;max-width:390px!important;margin:14px auto 20px!important;transform:rotate(-1.25deg)!important;transform-origin:center!important}
.phone-preview .preview-head,.phone-preview .preview-person,.phone-preview .preview-call,.phone-preview .preview-note{transform:rotate(1.25deg)!important}

/* Robust 3-photo portrait collage: no extra bucket/panel behind it, no absolute-position pile-up. */
.trust-visuals{
  position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;
  width:100%!important;max-width:560px!important;min-height:250px!important;margin:0 auto 8px!important;
  padding:12px 5px 0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important
}
.trust-visuals:before,.trust-visuals:after{display:none!important}
.trust-visuals img,.trust-visuals img:nth-child(1),.trust-visuals img:nth-child(2),.trust-visuals img:nth-child(3){
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  flex:0 0 35%!important;width:35%!important;height:auto!important;aspect-ratio:.78!important;object-fit:cover!important;object-position:center!important;
  margin:0!important;border:4px solid #fff!important;border-radius:22px!important;box-shadow:0 13px 30px rgba(105,68,87,.13)!important
}
.trust-visuals img:nth-child(1){z-index:1!important;transform:translateY(31px) rotate(-6deg)!important;margin-right:-6.5%!important}
.trust-visuals img:nth-child(2){z-index:4!important;transform:translateY(0) scale(1.055) rotate(.5deg)!important}
.trust-visuals img:nth-child(3){z-index:2!important;transform:translateY(31px) rotate(6deg)!important;margin-left:-6.5%!important}

@media(max-width:760px){
  .hero-start-button{min-width:218px!important;max-width:258px!important;min-height:51px!important}
  .phone-preview{width:calc(100% - 44px)!important;max-width:360px!important;padding:16px!important;border-radius:29px!important;margin:15px auto 22px!important}
  .phone-preview .preview-person{padding:18px 2px 14px!important}
  .phone-preview .listener-art{width:88px!important;height:88px!important;border-radius:26px!important}
  .phone-preview .preview-person .language-chip{margin-top:14px!important}
  .phone-preview .preview-person h3{font-size:22px!important;line-height:1.15!important;margin:12px 0 7px!important}
  .phone-preview .preview-person p{font-size:13px!important;line-height:1.45!important}
  .phone-preview .preview-call{padding:14px 12px!important;border-radius:17px!important}
  .phone-preview .preview-note{margin-top:12px!important}
  .trust-showcase{padding:18px 16px 22px!important}
  .trust-visuals{max-width:390px!important;min-height:205px!important;padding:8px 2px 0!important;margin:0 auto 5px!important}
  .trust-visuals img,.trust-visuals img:nth-child(1),.trust-visuals img:nth-child(2),.trust-visuals img:nth-child(3){flex-basis:34.5%!important;width:34.5%!important;border-width:3px!important;border-radius:18px!important}
  .trust-visuals img:nth-child(1){transform:translateY(27px) rotate(-6deg)!important;margin-right:-5.8%!important}
  .trust-visuals img:nth-child(2){transform:translateY(0) scale(1.06) rotate(.4deg)!important}
  .trust-visuals img:nth-child(3){transform:translateY(27px) rotate(6deg)!important;margin-left:-5.8%!important}
}

/* MSG91 OTP Widget custom-UI captcha host. Empty when CAPTCHA is not required. */
.wm-msg91-captcha{display:none}.wm-msg91-active .wm-msg91-captcha{display:block;min-width:1px;min-height:1px;position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147483000;padding:8px;border-radius:14px;background:#fff;box-shadow:0 14px 45px rgba(45,31,39,.18);max-width:calc(100vw - 24px);overflow:hidden}

/* v8.9.18: keep the phone auth flow focused — one primary action plus compact text links. */
.auth-link-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:-3px}
.auth-link-row>span{color:#b7a6af;font-size:10px;line-height:1}
.auth-link-row .auth-previous{width:auto!important;min-height:0!important;padding:5px 3px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#9b6680!important;font-size:11px!important;font-weight:800!important}
.auth-link-row .auth-previous:hover{color:#b82f70!important;text-decoration:underline!important}

/* ===== v8.9.18 final responsive / light-surface stabilization ===== */
:root{color-scheme:light!important}
html,body{background:#fffafc!important;color:#392b35!important}
.page-glow{display:none!important}

/* Remove inherited dark-theme controls from the current light UI. */
.phone-auth-step input,.auth-card input,.support-auth-card input,.support-auth-card textarea,.security-forms input{
  background:#fff!important;color:#392b35!important;border-color:#e7dbe2!important;box-shadow:none!important
}
.phone-auth-step label,.auth-card label,.support-auth-card label{color:#57454f!important}
.phone-auth-step .check,.auth-flow .check,.auth-card .check{
  display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;
  padding:12px 13px!important;background:#fff7fb!important;border:1px solid #eadce4!important;border-radius:14px!important;color:#57454f!important
}
.phone-auth-step .check input,.auth-flow .check input,.auth-card .check input{width:20px!important;height:20px!important;margin:0!important;accent-color:#df4d8e!important}
.phone-auth-step .check span,.auth-flow .check span,.auth-card .check span{color:#6f5f68!important;font-size:11px!important;line-height:1.5!important}
.phone-auth-step .check a,.auth-flow .check a,.auth-card .check a{color:#a82f68!important}
.auth-progress-line{background:#eadfe5!important}.auth-progress-line i{background:linear-gradient(90deg,#df4d8e,#b391e5)!important}

/* Keep public pages simple: no oversized decorative canvas behind normal content. */
.topbar{background:rgba(255,253,252,.97)!important;border-bottom:1px solid #eee2e8!important;box-shadow:0 7px 24px rgba(85,52,69,.05)!important;color:#392b35!important}
.topbar .brand{color:#392b35!important}.topbar .brand strong{color:#392b35!important}.topbar .brand small{color:#8b7781!important}
.landing{background:#fffafc!important}.landing .hero,.feature-grid,.trust-showcase,.how-it-works,.public-footer{position:relative;z-index:1}
.feature-grid article,.steps article{box-shadow:none!important}

/* Listener profile is a real responsive page/panel, not a narrow phone card on desktop. */
#listenerProfileModal{background:rgba(72,48,61,.22)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
#listenerProfileModal .listener-profile-modal{background:#fffdfc!important;border:1px solid #eadfe5!important;overflow:auto!important}
#listenerProfileModal .listener-profile-head{background:#fffdfc!important}
.listener-profile-banner{background-size:cover!important;background-repeat:no-repeat!important;background-position:center 34%!important}
.listener-profile-actions .button,.profile-follow-button{box-shadow:none!important}
.listener-profile-back,.listener-profile-modal>.close{background:rgba(255,255,255,.96)!important;border:1px solid #e4d7de!important;color:#5c4853!important;box-shadow:0 7px 20px rgba(77,48,63,.09)!important}

/* Desktop/tablet signed-in navigation belongs with the page header. */
@media(min-width:761px){
  body.signed-in .topbar{height:72px!important;padding-inline:max(24px,calc((100% - 1180px)/2))!important}
  .dashboard.shell{width:min(1180px,calc(100% - 44px))!important;padding-bottom:56px!important}
  body.signed-in .tabs,.dashboard>.tabs{
    position:sticky!important;left:auto!important;right:auto!important;top:82px!important;bottom:auto!important;transform:none!important;
    width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    margin:12px 0 20px!important;padding:7px!important;gap:6px!important;background:rgba(255,253,252,.96)!important;
    border:1px solid #e8dce3!important;border-radius:18px!important;box-shadow:0 9px 28px rgba(83,51,68,.06)!important;z-index:35!important
  }
  body.signed-in .tabs button,.dashboard>.tabs button{min-height:48px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 12px!important;color:#806b76!important;border-radius:12px!important}
  body.signed-in .tabs button svg,.dashboard>.tabs button svg{width:20px!important;height:20px!important}
  body.signed-in .tabs button.active,.dashboard>.tabs button.active{background:#fff0f6!important;color:#a72f68!important;box-shadow:none!important}

  #listenerGrid,#otherLanguageGrid{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;scroll-snap-type:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0!important;padding:0!important}
  .listener-card-v8{min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important;background:#fffdfc!important;border:1px solid #eadfe5!important;box-shadow:none!important}
  .listener-card-open{flex:1!important}

  #listenerProfileModal .listener-profile-modal{width:min(900px,calc(100vw - 56px))!important;max-width:900px!important;height:auto!important;max-height:88dvh!important;border-radius:28px!important;padding:0 0 24px!important;box-shadow:0 30px 90px rgba(60,35,49,.18)!important}
  #listenerProfileModal .listener-profile-head{border:0!important;border-bottom:1px solid #eee3e8!important;padding-bottom:20px!important}
  #listenerProfileModal .listener-profile-banner{height:250px!important;border-radius:28px 28px 0 0!important}
  #listenerProfileModal .listener-profile-avatar{width:112px!important;height:112px!important;margin:-58px 0 0 30px!important}
  #listenerProfileModal .listener-profile-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important;align-items:center!important;padding:14px 30px 0!important}
  #listenerProfileModal .listener-profile-title h2{font-size:34px!important;line-height:1.05!important;margin:4px 0 5px!important}
  #listenerProfileModal .listener-profile-title p{max-width:600px!important;font-size:13px!important;line-height:1.45!important}
  #listenerProfileModal .listener-profile-tags,#listenerProfileModal .listener-profile-actions,#listenerProfileModal .call-wallet-note{margin-inline:30px!important;padding-inline:0!important}
  #listenerProfileModal .listener-profile-tags{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
  #listenerProfileModal .listener-profile-actions{grid-template-columns:repeat(2,minmax(0,190px))!important;justify-content:start!important;margin-top:14px!important}
  #listenerProfileModal .exclusive-posts{padding:22px 30px 8px!important;background:#fffdfc!important}
  #listenerProfileModal .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #listenerProfileModal .listener-profile-back{left:16px!important;top:16px!important}
  #listenerProfileModal .close{right:16px!important;top:16px!important}
  #listenerProfileModal .listener-call-fab{right:28px!important;bottom:26px!important}
}

@media(min-width:761px) and (max-width:1060px){
  #listenerGrid,#otherLanguageGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #listenerProfileModal .listener-profile-modal{width:calc(100vw - 34px)!important;max-height:90dvh!important}
  #listenerProfileModal .listener-profile-banner{height:220px!important}
  #listenerProfileModal .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Public landing spacing for laptops/tablets: avoid content sitting under the sticky header. */
@media(min-width:761px){
  .landing .hero{min-height:620px!important;padding-top:58px!important;padding-bottom:54px!important;gap:clamp(34px,5vw,72px)!important}
  .landing .hero h1{font-size:clamp(48px,5.6vw,74px)!important}
  .how-it-works{padding-top:74px!important}.public-footer{margin-top:70px!important}
}

/* Mobile remains app-like but the profile uses all available space cleanly. */
@media(max-width:760px){
  .topbar{background:rgba(255,253,252,.98)!important}
  #listenerProfileModal{padding:0!important;background:#fffdfc!important;backdrop-filter:none!important}
  #listenerProfileModal .listener-profile-modal{background:#fffdfc!important}
  #listenerProfileModal .listener-profile-banner{background-position:center 32%!important}
  .phone-auth-step .check{background:#fff7fb!important}
}


/* ===== v8.9.18 requested layout + responsive cleanup ===== */
/* Main customer navigation is always locked to the bottom, never inserted in page flow. */
body.signed-in .dashboard{padding-bottom:118px!important}
body.signed-in .tabs,.dashboard>.tabs{
  position:fixed!important;left:50%!important;right:auto!important;bottom:max(14px,env(safe-area-inset-bottom))!important;top:auto!important;
  transform:translateX(-50%)!important;width:min(900px,calc(100vw - 28px))!important;max-width:900px!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:7px!important;
  background:rgba(255,253,252,.96)!important;border:1px solid #e8dce3!important;border-radius:20px!important;
  box-shadow:0 14px 42px rgba(80,48,66,.13)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;z-index:90!important
}
body.signed-in .tabs button,.dashboard>.tabs button{min-width:0!important;min-height:50px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 10px!important;border-radius:13px!important;color:#7e6b75!important}
body.signed-in .tabs button svg,.dashboard>.tabs button svg{width:20px!important;height:20px!important;flex:0 0 auto!important}
body.signed-in .tabs button.active,.dashboard>.tabs button.active{background:#fff0f6!important;color:#a52e67!important}

/* Listener discovery cards: deliberate spacing and balanced information hierarchy. */
#listenerGrid,#otherLanguageGrid{gap:20px!important;margin-top:2px!important}
.listener-card-v8{background:#fffdfc!important;border:1px solid #e8dce3!important;border-radius:24px!important;box-shadow:0 12px 32px rgba(83,51,68,.06)!important;overflow:hidden!important;padding:0!important}
.listener-card-open{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-height:132px!important;padding:18px 18px 12px!important}
.listener-card-avatar{width:78px!important;height:78px!important;margin:0!important;border-width:4px!important}
.listener-card-copy{min-width:0!important;padding:0!important}
.listener-card-copy .verified-listener-label{display:block!important;float:none!important;margin:0 0 3px!important;color:#9b8792!important;font-size:8px!important;letter-spacing:.05em!important}
.listener-card-copy h3{margin:0 0 5px!important;font-size:19px!important;line-height:1.08!important}
.listener-card-copy>p{min-height:0!important;margin:0 0 9px!important;font-size:11px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.listener-tags{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.listener-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0 18px 18px!important}
.listener-card-actions .button{min-height:44px!important;border-radius:14px!important}

/* Wallet packs: 6 on normal laptop/desktop, 5 on compact laptop, 4 on tablet, 2 on phone. */
.plans-grid{display:grid!important;gap:12px!important;align-items:stretch!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
.wallet-plan-card{aspect-ratio:auto!important;min-height:224px!important;height:100%!important;padding:19px 13px 14px!important;border-radius:21px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
.wallet-plan-card:before{left:13px!important;right:13px!important;top:12px!important}
.wallet-plan-minutes{margin-top:9px!important}.wallet-plan-minutes b{font-size:35px!important;line-height:1!important}.wallet-plan-name{margin-top:9px!important;font-size:10px!important}.wallet-plan-price{margin-top:8px!important;font-size:19px!important}.wallet-plan-card>.button{width:100%!important;min-height:42px!important;margin-top:auto!important;padding-inline:8px!important;border-radius:13px!important;font-size:12px!important}
@media(max-width:1120px) and (min-width:941px){.plans-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:940px) and (min-width:761px){.plans-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.wallet-plan-card{min-height:210px!important}}
@media(max-width:760px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wallet-plan-card{min-height:176px!important;padding:17px 13px 13px!important}.wallet-plan-minutes b{font-size:31px!important}}

/* Customer Account & Security: compact verified-phone card, balanced password form and clean destructive actions. */
#tab-profile .profile-layout{width:min(900px,100%)!important;gap:22px!important;padding-bottom:22px!important}
#accountSecurity.security-panel{padding:0!important;border:1px solid #e8dce3!important;border-radius:24px!important;background:#fffdfc!important;box-shadow:0 12px 32px rgba(83,51,68,.05)!important;overflow:hidden!important}
#accountSecurity.security-panel>summary{padding:20px 22px!important;min-height:78px!important}
#accountSecurity .security-forms{display:grid!important;grid-template-columns:minmax(220px,.78fr) minmax(320px,1.22fr)!important;gap:24px!important;padding:22px!important;background:transparent!important;border-top:1px solid #eee3e8!important;align-items:stretch!important}
#accountSecurity .verified-phone-card{margin:0!important;padding:18px!important;border-radius:19px!important;min-height:100%!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:13px!important;align-content:start!important;background:linear-gradient(145deg,#fff5f9,#f7f3ff)!important}
#accountSecurity .verified-phone-card>span{width:42px!important;height:42px!important}
#accountSecurity .verified-phone-card h2{font-size:15px!important;margin:1px 0 5px!important}#accountSecurity .verified-phone-card strong{font-size:14px!important}#accountSecurity .verified-phone-card p{font-size:10.5px!important;line-height:1.55!important;margin-top:8px!important}
#accountSecurity .security-forms form{padding:0!important;background:transparent!important;gap:13px!important}#accountSecurity .security-forms form h2{margin:0 0 2px!important;font-size:18px!important}#accountSecurity .security-forms input{min-height:46px!important;border-radius:13px!important}#accountSecurity .security-forms .button{min-height:46px!important;border-radius:14px!important;margin-top:2px!important}
.profile-danger-links{margin:2px 0 0!important;padding:4px 2px 0!important;text-align:center!important}.profile-danger-links .delete-link{display:inline-flex!important;padding:8px 10px!important;color:#bc4770!important;font-size:11px!important}
.profile-logout{margin-top:4px!important;min-height:66px!important;border-radius:19px!important;padding:14px 18px!important}
@media(max-width:760px){#accountSecurity .security-forms{grid-template-columns:1fr!important;padding:16px!important;gap:16px!important}}

/* Listener profile modal: use the screen well on desktop/tablet and keep actions/navigation clear. */
@media(min-width:761px){
  #listenerProfileModal{padding:24px!important;align-items:center!important}
  #listenerProfileModal .listener-profile-modal{width:min(940px,calc(100vw - 48px))!important;max-width:940px!important;max-height:calc(100dvh - 48px)!important;border-radius:28px!important}
  #listenerProfileModal .listener-profile-banner{height:270px!important}
  #listenerProfileModal .listener-profile-title{padding:16px 30px 0!important;grid-template-columns:minmax(0,1fr) auto!important}
  #listenerProfileModal .listener-profile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(150px,210px))!important;gap:10px!important}
}

/* Never let fixed navigation hide the last controls on any signed-in page. */
#tab-home,#tab-wallet,#tab-subscriptions,#tab-messages,#tab-profile,#tab-history,#tab-following,#tab-notifications,#tab-support{padding-bottom:18px!important}


/* ===== v8.9.18 requested navigation / border / history-facing layout pass ===== */
/* How-it-works must not look like four solid bordered boxes. */
.how-it-works .steps article{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}

/* Signed-in navigation is always a bottom dock, never inserted between page sections. */
body.signed-in .dashboard{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
body.signed-in #tabs,
body.signed-in .dashboard>.tabs{
  position:fixed!important;
  top:auto!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(760px,calc(100vw - 28px))!important;
  max-width:760px!important;
  margin:0!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
  z-index:120!important;
  border:1px solid #e8dbe2!important;
  border-radius:20px!important;
  background:rgba(255,253,252,.96)!important;
  box-shadow:0 14px 42px rgba(79,48,65,.12)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.signed-in #tabs button{min-width:0!important;min-height:50px!important;padding:7px 5px!important;border-radius:13px!important}

/* Keep every signed-in customer surface inside the viewport. */
body.signed-in .dashboard,body.signed-in .tab,body.signed-in .listener-grid,body.signed-in .profile-layout,body.signed-in .plans-grid{min-width:0!important;max-width:100%!important}

@media(max-width:700px){
  body.signed-in #tabs,body.signed-in .dashboard>.tabs{bottom:0!important;width:100%!important;max-width:none!important;border-radius:0!important;border-width:1px 0 0!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important}
  body.signed-in .dashboard{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
}

/* ===== v8.9.19 final nested-page + mobile navigation pass ===== */
/* Root navigation belongs only to the five root customer tabs. Nested screens
   (listener profile, post viewer, checkout, legal, active call) own the viewport. */
body.signed-in.nested-view-open #tabs,
body.signed-in.nested-view-open .dashboard>.tabs{display:none!important}
body.signed-in.nested-view-open .dashboard{padding-bottom:28px!important}

/* Listener profiles are real inner pages on desktop/tablet, not small popups. */
#listenerProfileModal{
  position:fixed!important;inset:0!important;z-index:130!important;
  display:flex!important;align-items:flex-start!important;justify-content:center!important;
  padding:0!important;overflow:auto!important;overscroll-behavior:contain!important;
  background:linear-gradient(180deg,#fffafc 0%,#fff7fb 100%)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#listenerProfileModal.hidden{display:none!important}
#listenerProfileModal .listener-profile-modal{
  position:relative!important;width:min(1180px,100%)!important;max-width:1180px!important;
  min-height:100dvh!important;height:auto!important;max-height:none!important;margin:0 auto!important;
  padding:68px 24px 48px!important;border:0!important;border-radius:0!important;
  overflow:visible!important;background:transparent!important;box-shadow:none!important;
}
#listenerProfileModal #listenerProfileContent{width:100%!important;min-width:0!important}
#listenerProfileModal .listener-profile-head{
  overflow:hidden!important;border:1px solid #eadfe5!important;border-radius:28px!important;
  background:linear-gradient(145deg,#fff,#fff8fb)!important;box-shadow:0 14px 42px rgba(78,45,64,.07)!important;
}
#listenerProfileModal .listener-profile-banner{height:clamp(240px,31vw,360px)!important;border-radius:0!important;background-position:center 32%!important}
#listenerProfileModal .listener-profile-avatar{width:122px!important;height:122px!important;margin:-62px 0 0 30px!important}
#listenerProfileModal .listener-profile-title{padding:14px 30px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:20px!important;align-items:center!important}
#listenerProfileModal .listener-profile-title h2{font-size:clamp(30px,3.5vw,42px)!important;line-height:1.02!important}
#listenerProfileModal .listener-profile-title p{max-width:700px!important;font-size:13px!important;line-height:1.55!important}
#listenerProfileModal .listener-profile-tags,#listenerProfileModal .listener-profile-actions,#listenerProfileModal .call-wallet-note{margin-inline:30px!important}
#listenerProfileModal .listener-profile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(160px,220px))!important;justify-content:start!important;gap:10px!important}
#listenerProfileModal .exclusive-posts{margin-top:20px!important;padding:24px 2px 10px!important;background:transparent!important}
#listenerProfileModal .post-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#listenerProfileModal .listener-profile-back,#listenerProfileModal .close{
  position:fixed!important;top:14px!important;z-index:132!important;width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;margin:0!important;border:1px solid #eadfe5!important;border-radius:14px!important;
  background:rgba(255,253,252,.96)!important;color:#9e3268!important;box-shadow:0 8px 24px rgba(70,43,58,.08)!important;
}
#listenerProfileModal .listener-profile-back{left:max(14px,calc((100vw - 1180px)/2 + 14px))!important}
#listenerProfileModal .close{right:max(14px,calc((100vw - 1180px)/2 + 14px))!important}
#listenerProfileModal .listener-call-fab{position:fixed!important;right:max(22px,calc((100vw - 1180px)/2 + 22px))!important;bottom:24px!important;z-index:132!important}

/* Phones use symbols only in the persistent customer dock. */
@media(max-width:700px){
  body.signed-in #tabs button span,body.signed-in .dashboard>.tabs button span{display:none!important}
  body.signed-in #tabs button,body.signed-in .dashboard>.tabs button{min-height:56px!important;padding:7px!important;gap:0!important}
  body.signed-in #tabs button svg,body.signed-in .dashboard>.tabs button svg{width:24px!important;height:24px!important}
  #listenerProfileModal .listener-profile-modal{padding:64px 0 32px!important}
  #listenerProfileModal .listener-profile-head{border:0!important;border-radius:0!important;box-shadow:none!important}
  #listenerProfileModal .listener-profile-banner{height:220px!important}
  #listenerProfileModal .listener-profile-avatar{width:108px!important;height:108px!important;margin:-54px 0 0 18px!important}
  #listenerProfileModal .listener-profile-title{grid-template-columns:1fr!important;padding:12px 18px 0!important}
  #listenerProfileModal .listener-profile-tags,#listenerProfileModal .listener-profile-actions,#listenerProfileModal .call-wallet-note{margin-inline:18px!important}
  #listenerProfileModal .listener-profile-actions{grid-template-columns:1fr 1fr!important}
  #listenerProfileModal .exclusive-posts{padding-inline:18px!important}
  #listenerProfileModal .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  #listenerProfileModal .listener-profile-back{left:10px!important;top:10px!important}
  #listenerProfileModal .close{right:10px!important;top:10px!important}
  #listenerProfileModal .listener-call-fab{right:16px!important;bottom:18px!important}
}


/* ===== v8.9.20 focused profile + root-navigation patch ===== */
/* Root navigation is never shown during a live/minimized call or inside a subsection. */
body.signed-in.nested-view-open #tabs,
body.signed-in.nested-view-open .dashboard>.tabs,
body.signed-in.call-active #tabs,
body.signed-in.call-active .dashboard>.tabs{display:none!important}
body.signed-in.nested-view-open .dashboard,body.signed-in.call-active .dashboard{padding-bottom:28px!important}

/* ===== v8.9.23 message workspace fit + contrast ===== */
/* Messages own the available app viewport. Only the people list and history scroll. */
body.signed-in.customer-messages-active{
  height:100dvh!important;
  padding-bottom:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.signed-in.customer-messages-active #mainContent{
  height:calc(100dvh - 72px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.signed-in.customer-messages-active .dashboard{
  height:100%!important;
  min-height:0!important;
  padding-top:8px!important;
  padding-bottom:88px!important;
  overflow:hidden!important;
}
#tab-messages.active{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  height:100%!important;
  min-height:0!important;
  padding-bottom:0!important;
  overflow:hidden!important;
}
#tab-messages.active>.section-head{
  min-height:0!important;
  margin:0 0 10px!important;
  flex:0 0 auto!important;
}
#tab-messages.active .direct-message-layout{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
#tab-messages.active .direct-message-layout.no-conversations{
  display:block!important;
  height:100%!important;
  min-height:0!important;
}
#tab-messages.active .direct-message-layout.no-conversations .conversation-list{
  height:100%!important;
}
#tab-messages.active .conversation-list,
#tab-messages.active .direct-messages{
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
}
#tab-messages.active .direct-chat{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
#tab-messages.active .direct-chat-head,
#tab-messages.active .direct-message-form{
  flex:0 0 auto!important;
}
#tab-messages.active .direct-bubble:not(.mine){
  background:#f6eef2!important;
  color:#392b35!important;
}
#tab-messages.active .direct-bubble:not(.mine) p{
  color:#392b35!important;
}
#tab-messages.active .direct-bubble:not(.mine) small{
  color:#75616c!important;
  opacity:1!important;
}
#tab-messages.active .direct-bubble.mine{
  background:#f0448f!important;
  color:#fff!important;
}
#tab-messages.active .direct-bubble.mine p,
#tab-messages.active .direct-bubble.mine small{
  color:#fff!important;
}
#tab-messages.active .direct-message-form input{
  background:#fff!important;
  color:#392b35!important;
}
#tab-messages.active .direct-message-form input::placeholder{
  color:#876f7b!important;
  opacity:1!important;
}
@media(max-width:700px){
  body.signed-in.customer-messages-active #mainContent{
    height:calc(100dvh - 56px - env(safe-area-inset-top))!important;
  }
  body.signed-in.customer-messages-active .dashboard{
    padding-top:5px!important;
    padding-bottom:calc(70px + env(safe-area-inset-bottom))!important;
  }
  #tab-messages.active>.section-head{margin:0 0 7px!important}
  #tab-messages.active .direct-message-layout{border-radius:20px!important}
  #tab-messages.active .conversation-list{scrollbar-gutter:auto!important}
}

/* Follow is a compact profile-header action instead of a full-width row. */
#listenerProfileModal .listener-profile-title{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
#listenerProfileModal .profile-follow-button{
  width:auto!important;min-width:92px!important;max-width:132px!important;min-height:38px!important;
  justify-self:end!important;align-self:center!important;margin:4px 0 0!important;padding:8px 14px!important;
  border-radius:999px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important
}
@media(max-width:700px){
  #listenerProfileModal .listener-profile-title{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}
  #listenerProfileModal .profile-follow-button{min-width:78px!important;max-width:112px!important;min-height:35px!important;padding:7px 12px!important;font-size:11px!important;margin-top:7px!important}
}


/* ===== v8.9.24 Exclusive navigation light/readability fix ===== */
#tab-subscriptions{color:var(--wm-ink,#392b35)!important}
#tab-subscriptions .section-head h2{color:var(--wm-ink,#392b35)!important}
#tab-subscriptions .section-head p{color:var(--wm-muted,#766570)!important}
#tab-subscriptions .membership-card{
  background:linear-gradient(145deg,#fffdfc,#fff7fb)!important;
  color:var(--wm-ink,#392b35)!important;
  border-color:#eadbe3!important;
  box-shadow:0 12px 32px rgba(94,62,80,.07)!important
}
#tab-subscriptions .membership-listener img{border-color:#f0dfe7!important}
#tab-subscriptions .membership-listener span{color:#a62f68!important}
#tab-subscriptions .membership-listener h3{color:var(--wm-ink,#392b35)!important}
#tab-subscriptions .membership-listener p{color:var(--wm-muted,#766570)!important}
#tab-subscriptions .membership-date{
  background:#fff1f6!important;
  border:1px solid #ecd9e3!important
}
#tab-subscriptions .membership-date small{color:var(--wm-muted,#766570)!important}
#tab-subscriptions .membership-date strong{color:var(--wm-ink,#392b35)!important}
#tab-subscriptions .membership-actions .button-soft{
  background:#fff!important;
  color:#92295d!important;
  border-color:#e7d8e0!important
}
#tab-subscriptions .membership-actions .text-action{color:#a62f68!important}
#tab-subscriptions .membership-actions>small{color:var(--wm-muted,#766570)!important}
#tab-subscriptions .empty-state{
  background:linear-gradient(145deg,#fffdfc,#fff7fb)!important;
  color:var(--wm-ink,#392b35)!important;
  border:1px solid #eadbe3!important
}
#tab-subscriptions .empty-state h3{color:var(--wm-ink,#392b35)!important}
#tab-subscriptions .empty-state p{color:var(--wm-muted,#766570)!important}