:root{--bg:#08080a;--panel:#121216;--panel2:#18181d;--text:#f7f3ec;--muted:#97969f;--gold:#d6b36a;--gold2:#f0d69d;--line:#29292f;--green:#61d493}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#020203;color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{width:min(100%,480px);min-height:100vh;margin:auto;background:linear-gradient(180deg,#111016 0,#09090c 32%,#08080a 100%);position:relative;padding-bottom:82px;overflow:hidden}.app-shell:before{content:"";position:absolute;inset:0 0 auto;height:320px;background:radial-gradient(circle at 76% -15%,rgba(214,179,106,.18),transparent 48%);pointer-events:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:26px 20px 16px;position:sticky;top:0;z-index:5;background:linear-gradient(180deg,rgba(8,8,10,.99),rgba(8,8,10,.82),transparent)}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.22em;color:var(--gold)}h1{font-size:29px;letter-spacing:-.03em;margin:5px 0 0}.icon-btn,.back-btn,.profile-btn,.round-action{border:1px solid var(--line);background:rgba(24,24,29,.88);color:var(--text);border-radius:50%;width:42px;height:42px;font-size:20px;backdrop-filter:blur(12px)}.subscription-banner{margin:0 16px 20px;padding:16px;border:1px solid rgba(214,179,106,.32);border-radius:20px;background:linear-gradient(135deg,rgba(214,179,106,.18),rgba(255,255,255,.025));display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 40px rgba(0,0,0,.22)}.subscription-banner strong,.subscription-banner span{display:block}.subscription-banner strong{font-size:14px}.subscription-banner span{font-size:11px;color:#b3b0b6;margin-top:5px}.subscription-banner button,.product-box button,.primary-cta,.send-btn{border:0;border-radius:13px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#18120a;font-weight:800;padding:11px 14px;box-shadow:0 8px 24px rgba(214,179,106,.16)}.section-title-row{display:flex;justify-content:space-between;align-items:center;padding:0 20px 10px}.section-title-row h2{font-size:14px;letter-spacing:.03em}.section-title-row span{font-size:11px;color:var(--green)}.companion-list{padding:0 12px}.companion-card{display:grid;grid-template-columns:72px 1fr auto;gap:13px;align-items:center;padding:13px 9px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;transition:.2s}.companion-card:active{transform:scale(.985);background:rgba(255,255,255,.02)}.avatar-wrap{position:relative}.avatar-wrap img{width:72px;height:72px;border-radius:24px;object-fit:cover;display:block;box-shadow:0 12px 30px rgba(0,0,0,.3)}.avatar-wrap i{position:absolute;right:-1px;bottom:2px;width:14px;height:14px;border:3px solid #0c0c0f;border-radius:50%;background:var(--green)}.companion-copy{min-width:0}.name-line{display:flex;align-items:center;gap:8px}.companion-card h3{margin:0;font-size:17px}.name-line span{font-size:8px;letter-spacing:.13em;color:var(--gold);border:1px solid rgba(214,179,106,.28);border-radius:999px;padding:4px 6px}.companion-card p{margin:6px 0 8px;color:#a6a5ad;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:245px}.mini-tags{display:flex;gap:6px}.mini-tags b{font-size:9px;font-weight:500;color:#bbb9c0;background:#17171c;border-radius:999px;padding:4px 7px}.time{font-size:10px;color:#777681;align-self:start;margin-top:5px}.screen{display:none}.screen.active{display:block}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);padding:10px 24px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,13,.94);border-top:1px solid var(--line);display:flex;justify-content:space-around;backdrop-filter:blur(20px);z-index:8}.bottom-nav button{border:0;background:none;color:#777680;font-size:11px;display:flex;flex-direction:column;gap:4px}.bottom-nav button span{font-size:20px}.bottom-nav button.active{color:var(--gold)}.chat-header{display:grid;grid-template-columns:42px 48px 1fr 42px;gap:10px;align-items:center;padding:14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,9,12,.95);backdrop-filter:blur(18px);z-index:4}.chat-header img{width:48px;height:48px;border-radius:17px;object-fit:cover}.chat-title-wrap strong,.chat-title-wrap span{display:block}.chat-title-wrap span{font-size:11px;color:var(--muted);margin-top:3px}.chat-title-wrap i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.chat-area{height:calc(100vh - 150px);overflow-y:auto;padding:18px 15px 120px;background:radial-gradient(circle at 50% 0,rgba(214,179,106,.055),transparent 32%)}.chat-date{text-align:center;font-size:10px;color:#777780;margin:6px 0 18px}.msg{display:flex;gap:8px;margin:12px 0;align-items:flex-end}.msg>img{width:30px;height:30px;border-radius:10px;object-fit:cover}.msg.them{justify-content:flex-start}.msg.me{justify-content:flex-end}.msg small{display:block;font-size:9px;color:#686871;margin:4px 4px 0}.me small{text-align:right}.bubble{max-width:300px;padding:12px 14px;border-radius:18px;font-size:14px;line-height:1.5}.them .bubble{background:#1a1a20;border:1px solid rgba(255,255,255,.04);border-bottom-left-radius:5px}.me .bubble{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17110a;border-bottom-right-radius:5px}.memory-card{margin:22px auto;width:86%;padding:12px 14px;border:1px solid rgba(214,179,106,.22);border-radius:14px;background:rgba(214,179,106,.055);text-align:center}.memory-card span{display:block;font-size:9px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}.memory-card strong{display:block;font-size:11px;font-weight:500;color:#b8b5bc;margin-top:5px;line-height:1.45}.chat-input-wrap{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:44px 1fr auto;gap:8px;background:rgba(13,13,17,.97);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:9}.chat-input-wrap input{border:1px solid var(--line);background:#17171d;border-radius:22px;color:#fff;padding:0 16px;font-size:15px;outline:none}.modal{display:none;position:fixed;inset:0;z-index:20}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,480px);background:#111116;border-radius:28px 28px 0 0;overflow:auto;max-height:94vh;box-shadow:0 -30px 80px rgba(0,0,0,.55)}.close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.42);color:#fff;font-size:24px;z-index:2}.profile-image{width:100%;height:385px;object-fit:cover;display:block}.sheet-content{padding:24px}.sheet-content h2{font-size:30px;margin:6px 0 13px;letter-spacing:-.03em}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid rgba(214,179,106,.32);background:rgba(214,179,106,.07);color:var(--gold2);font-size:10px;padding:7px 10px;border-radius:999px}.profile-bio,.profile-details{color:#c4c2c8;line-height:1.68;font-size:14px}.profile-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.profile-details{margin-bottom:0}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.spec-grid div{background:#18181d;border:1px solid rgba(255,255,255,.05);border-radius:13px;padding:11px}.spec-grid span,.spec-grid strong{display:block}.spec-grid span{font-size:9px;color:#777780;text-transform:uppercase;letter-spacing:.08em}.spec-grid strong{font-size:12px;margin-top:5px}.product-box{position:sticky;bottom:0;margin-top:22px;border:1px solid rgba(214,179,106,.24);background:rgba(24,24,29,.96);backdrop-filter:blur(16px);padding:15px;border-radius:18px;display:flex;align-items:center;justify-content:space-between}.product-box span,.product-box strong{display:block}.product-box span{font-size:10px;color:var(--muted);margin-bottom:4px}.product-box strong{font-size:20px}.membership-sheet{padding:32px 22px 28px}.membership-hero{text-align:center;padding:12px 20px}.membership-hero>span{font-size:42px;color:var(--gold)}.membership-hero h2{font-size:28px;margin:8px 0}.membership-hero p{color:var(--muted)}.plan-price{text-align:center;margin:18px 0}.plan-price strong{font-size:42px}.plan-price span{color:var(--muted)}.membership-sheet ul{list-style:none;padding:0;margin:22px 0}.membership-sheet li{padding:12px 0;border-bottom:1px solid var(--line)}.membership-sheet li:before{content:'✓';color:var(--gold);margin-right:10px}.primary-cta{width:100%;font-size:16px;padding:15px}.membership-sheet small{display:block;text-align:center;color:var(--muted);margin-top:12px}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);background:#f5efe3;color:#17110a;padding:11px 16px;border-radius:999px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.bottom-nav,.chat-input-wrap{bottom:24px;border-radius:0 0 30px 30px}}
/* v2: Dolls + Account */
.filter-row{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto}.filter-row button{border:1px solid var(--line);background:#131319;color:#92919a;padding:9px 15px;border-radius:999px;white-space:nowrap}.filter-row button.active{color:#17110a;background:var(--gold2);border-color:transparent;font-weight:800}.doll-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 22px}.doll-card{background:#121217;border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;box-shadow:0 16px 32px rgba(0,0,0,.18)}.doll-image{position:relative;aspect-ratio:3/4;overflow:hidden}.doll-image img{width:100%;height:100%;object-fit:cover}.doll-image>span{position:absolute;left:10px;top:10px;font-size:8px;letter-spacing:.12em;background:rgba(8,8,10,.76);border:1px solid rgba(214,179,106,.35);color:var(--gold2);padding:6px 8px;border-radius:999px;backdrop-filter:blur(10px)}.doll-image button{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(8,8,10,.7);color:white;font-size:17px}.doll-copy{display:flex;align-items:start;justify-content:space-between;gap:8px;padding:12px 12px 8px}.doll-copy h3{margin:0;font-size:16px}.doll-copy p{margin:5px 0 0;color:#85848c;font-size:9px;line-height:1.4}.doll-copy>strong{color:var(--gold2);font-size:13px}.doll-meta{display:flex;gap:6px;padding:0 12px 12px}.doll-meta span{font-size:8px;background:#1b1b21;color:#aaa8b0;padding:5px 7px;border-radius:999px}.detail-hero{position:relative;height:58vh;min-height:440px}.detail-hero>img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 42%,#09090c 100%)}.floating-back{position:absolute;top:18px;left:16px;z-index:3;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(8,8,10,.6);color:#fff;font-size:26px;backdrop-filter:blur(12px)}.detail-overlay{position:absolute;z-index:2;left:20px;right:20px;bottom:24px}.detail-overlay h2{font-size:38px;margin:6px 0 12px}.detail-body{padding:0 20px 110px}.price-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0 20px;border-bottom:1px solid var(--line)}.price-row span,.price-row strong{display:block}.price-row span{font-size:10px;color:var(--muted)}.price-row strong{font-size:28px}.rating{color:var(--gold);letter-spacing:.06em}.rating small{color:#aaa8b0}.lead,.detail-section p{font-size:14px;line-height:1.75;color:#c3c1c8}.detail-section{padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}.gift-card{margin-top:22px;padding:16px;border-radius:18px;border:1px solid rgba(214,179,106,.3);background:linear-gradient(135deg,rgba(214,179,106,.13),rgba(255,255,255,.02))}.gift-card strong,.gift-card span{display:block}.gift-card span{font-size:11px;color:#aeadb4;margin-top:6px;line-height:1.5}.detail-actions{position:fixed;z-index:9;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);display:grid;grid-template-columns:1fr 1.15fr;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(10,10,13,.96);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.detail-actions button{border-radius:14px;padding:14px 10px;font-weight:800}.detail-actions button:first-child{border:1px solid rgba(214,179,106,.5);background:transparent;color:var(--gold2)}.detail-actions button:last-child{border:0;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17110a}.account-head{display:flex;align-items:center;gap:14px;padding:6px 20px 20px}.account-avatar{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17110a;font-size:26px;font-weight:900}.account-head h2{margin:4px 0;font-size:24px}.account-head p{margin:0;color:var(--muted);font-size:11px}.membership-card{margin:0 16px 24px;padding:18px;border-radius:22px;background:linear-gradient(145deg,#25211a,#111116);border:1px solid rgba(214,179,106,.32);box-shadow:0 18px 45px rgba(0,0,0,.28)}.membership-card-top{display:flex;justify-content:space-between;align-items:center}.membership-card-top span,.membership-card-top strong{display:block}.membership-card-top span{font-size:9px;letter-spacing:.14em;color:var(--gold)}.membership-card-top strong{font-size:26px;margin-top:5px}.membership-card-top button,.empty-dolls button{border:0;border-radius:12px;background:var(--gold2);color:#17110a;font-weight:800;padding:10px 14px}.usage{margin-top:20px}.usage>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#aaa8b0}.bar{height:7px;border-radius:999px;background:#29282a;margin-top:9px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}.benefit-mini{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.benefit-mini span{font-size:8px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#aaa8b0}.account-title{font-size:14px;margin:24px 20px 12px}.empty-dolls{margin:0 16px;padding:25px 18px;text-align:center;border-radius:20px;border:1px dashed #33333a;background:#111116}.empty-dolls>div{font-size:28px;color:var(--gold)}.empty-dolls strong{display:block;margin-top:8px}.empty-dolls p{font-size:11px;color:var(--muted);line-height:1.5}.settings-list{margin:0 16px 20px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.settings-list button{width:100%;display:flex;justify-content:space-between;padding:15px;border:0;border-bottom:1px solid var(--line);background:#131318;color:#eee;text-align:left}.settings-list button:last-child{border-bottom:0}.settings-list b{font-weight:500;color:#7f7e86}
@media(max-width:360px){.doll-grid{grid-template-columns:1fr}.doll-image{aspect-ratio:4/5}}