:root{
 --bg:#fff9f5;--panel:#ffffff;--panel2:#fff1ea;--text:#243044;--muted:#737887;--line:#ecdcd4;
 --brand:#f46f61;--brand2:#ff9b7c;--accent:#6946b8;--success:#21856c;--shadow:0 16px 46px rgba(60,40,35,.10);
 --radius:24px;--font:17px;--control:48px
}
html[data-theme="rose"]{--bg:#fff6f8;--panel2:#ffe8ef;--brand:#e85f85;--brand2:#fb91ac;--accent:#7e5ac8}
html[data-theme="ocean"]{--bg:#f4fbff;--panel2:#e3f5ff;--brand:#2c8db7;--brand2:#61badb;--accent:#6154c9}
html[data-theme="lavender"]{--bg:#faf7ff;--panel2:#efe7ff;--brand:#7c62c8;--brand2:#aa8ee7;--accent:#e06d89}
html[data-theme="mint"]{--bg:#f5fcf8;--panel2:#e5f6ed;--brand:#3f9c7d;--brand2:#79c6aa;--accent:#6c59bd}
html[data-theme="light"]{--bg:#f7f8fb;--panel2:#eef1f6;--brand:#e76f61;--brand2:#ff9d82;--accent:#5e58b7}
html[data-theme="midnight"]{--bg:#141826;--panel:#1e2435;--panel2:#292f43;--text:#f4f5fa;--muted:#b7bdc9;--line:#343c54;--brand:#ff8a74;--brand2:#ffb195;--accent:#aa91ff;--shadow:0 16px 46px rgba(0,0,0,.25)}
html[data-scale="comfortable"]{--font:18px;--control:54px}html[data-scale="large"]{--font:20px;--control:60px}
*{box-sizing:border-box}html{font-size:var(--font)}body{margin:0;background:radial-gradient(circle at 90% -20%,color-mix(in srgb,var(--brand2) 17%,transparent),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1120px,calc(100% - 34px));margin:0 auto;padding:34px 0 100px}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1120px)/2));position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:900;font-size:1.15rem;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 26%,transparent)}
.nav{display:flex;gap:22px;align-items:center}.nav a{color:var(--text);font-weight:750}.nav-cta{background:var(--text);color:var(--panel)!important;padding:10px 16px;border-radius:999px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:62px;min-height:68vh}.hero h1,.pagehead h1,.dashboard-hero h1{font-size:clamp(2.35rem,5vw,4.9rem);line-height:.99;letter-spacing:-.055em;margin:.25em 0}.hero p{font-size:1.15rem;max-width:670px;color:var(--muted)}
.hero-card,.panel,.person-card,.feed-card,.thought-card,.auth-card,.question-card,.prompt-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:34px;transform:rotate(1deg)}.abstract-avatar{height:245px;border-radius:30px;background:linear-gradient(145deg,var(--panel2),color-mix(in srgb,var(--accent) 18%,var(--panel)));display:grid;place-items:center;font-size:5rem;font-weight:900;color:color-mix(in srgb,var(--accent) 65%,var(--text))}
.abstract-avatar.small{height:165px}.abstract-avatar.tiny{width:54px;height:54px;border-radius:18px;font-size:1.4rem}.compat,.score,.plan-pill,.badge{display:inline-flex;background:var(--panel2);border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-weight:850;margin-top:14px}.locked{padding:12px 14px;background:var(--panel2);border-radius:16px;margin-top:14px;color:var(--muted)}
.actions,.inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{min-height:var(--control);border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;padding:10px 17px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 22%,transparent)}.btn.ghost{background:transparent}.btn.small{min-height:38px;padding:7px 10px}
.eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:900;color:var(--brand)}.trust-row,.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.trust-row span,.chips span{padding:7px 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.three,.cards,.pricing,.stats,.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three article,.pricing article,.stats>div{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:22px}.three b{font-size:1.8rem;color:var(--brand)}.pagehead{margin:15px 0 28px}.pagehead h1{font-size:clamp(2rem,4vw,3.5rem)}.pagehead p,.muted{color:var(--muted)}
.panel,.auth-card,.question-card,.thought-card,.prompt-card{padding:25px}.auth-card{max-width:620px;margin:7vh auto}.stack{display:grid;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}label{font-weight:760;display:grid;gap:7px}input,select,textarea{width:100%;min-height:var(--control);border:1px solid var(--line);border-radius:14px;padding:10px 13px;background:var(--panel);color:var(--text);outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}
.check{display:flex;align-items:flex-start;gap:10px;font-weight:600}.check input{width:20px;min-height:20px;margin-top:3px}.question-list{display:grid;gap:18px}.qmeta{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.question-card fieldset{border:1px solid var(--line);border-radius:16px;margin:14px 0;padding:15px}.sticky-save{position:sticky;bottom:18px;z-index:10}
.cards{grid-template-columns:repeat(2,1fr)}.person-card{padding:20px}.feed-card{padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin:18px 0}.dashboard-hero{display:flex;justify-content:space-between;align-items:center}.dashboard-hero h1{font-size:3rem}.stats{margin:18px 0}.stats b{font-size:1.8rem;display:block}.stats span{color:var(--muted)}
.notice{padding:13px 16px;border-radius:16px;background:var(--panel2);border:1px solid var(--line);margin:12px 0}.notice.error{border-color:#e38b93}.notice.success{border-color:#7eb8a6}.notice.warn{border-color:#dbb46c}
.room-head{display:flex;align-items:center;gap:14px}.journey{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.journey span{padding:7px 10px;border-radius:999px;background:var(--panel2);color:var(--muted)}.journey .done{color:var(--success);font-weight:800}.chat{display:grid;gap:11px;padding:18px 0 120px}.bubble{max-width:72%;padding:12px 15px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.bubble.mine{justify-self:end;background:color-mix(in srgb,var(--brand) 11%,var(--panel))}.bubble p{margin:5px 0}.bubble small{color:var(--muted)}.composer{position:sticky;bottom:15px;display:flex;gap:10px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(15px);padding:10px;border-radius:20px}.composer textarea{min-height:54px;max-height:130px}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-tile{aspect-ratio:1;border-radius:20px;overflow:hidden;background:var(--panel2);border:1px solid var(--line);position:relative}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile span{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.62);color:#fff;border-radius:999px;padding:5px 9px;font-size:.7rem}
.pricing article{position:relative}.pricing .featured{border:2px solid var(--brand);transform:translateY(-5px)}.price{font-size:2.2rem;font-weight:950;margin:12px 0}.price small{font-size:.85rem;color:var(--muted)}
.tablewrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:.78rem;color:var(--muted)}
.bottomnav{display:none}.install-fab{position:fixed;right:18px;bottom:20px;z-index:80;border:0;border-radius:999px;padding:13px 17px;background:linear-gradient(135deg,var(--brand),var(--accent));color:white;font-weight:900;box-shadow:var(--shadow);cursor:pointer}
.ai-box{display:grid;gap:14px}.ai-answer{white-space:pre-wrap;background:var(--panel2);border-radius:18px;padding:18px}.reveal-card{text-align:center;padding:28px}.reveal-card h2{font-size:2rem}.danger{color:#a33140}
@media(max-width:760px){
 .shell{width:min(100% - 24px,700px);padding-top:22px}.topbar{height:62px;padding:0 14px}.nav{display:none}.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding:28px 0}.hero-card{transform:none}.three,.cards,.pricing,.stats,.admin-grid,.grid2{grid-template-columns:1fr}.full{grid-column:1}.feed-card{align-items:flex-start;flex-direction:column}.bottomnav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;z-index:70;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;padding:8px;box-shadow:var(--shadow)}.bottomnav a{display:grid;place-items:center;color:var(--muted);font-weight:850;font-size:1.25rem}.bottomnav small{font-size:.66rem}.install-fab{bottom:86px}.composer{bottom:76px}.bubble{max-width:90%}.photo-grid{grid-template-columns:repeat(2,1fr)}.dashboard-hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:3rem}
}

/* V3: softer romance, motion reactions, interactive questionnaire */
.panel,.feed-card,.person-card,.question-card,.prompt-card,.auth-card{position:relative;overflow:hidden}.panel:after,.feed-card:after,.person-card:after,.prompt-card:after{content:'♡';position:absolute;right:18px;top:10px;font-size:2rem;color:color-mix(in srgb,var(--brand) 15%,transparent);pointer-events:none}
.ambient-heart{position:fixed;z-index:-1;color:color-mix(in srgb,var(--brand) 8%,transparent);font-size:9rem;pointer-events:none}.ambient-heart.h1{right:-35px;top:18%}.ambient-heart.h2{left:-25px;bottom:12%;font-size:7rem}.status-bubble{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-weight:750}.motion-emoji{display:inline-grid;place-items:center;min-width:34px;height:34px;font-size:1.45rem;animation:emojiFloat 2.4s ease-in-out infinite}.motion-emoji.pulse{animation:emojiPulse 1.45s ease-in-out infinite}.motion-emoji.wiggle{animation:emojiWiggle 1.8s ease-in-out infinite}.motion-emoji.spark{animation:emojiSpark 1.7s ease-in-out infinite}@keyframes emojiFloat{50%{transform:translateY(-5px) rotate(4deg)}}@keyframes emojiPulse{50%{transform:scale(1.23)}}@keyframes emojiWiggle{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes emojiSpark{50%{filter:drop-shadow(0 0 9px var(--brand));transform:scale(1.15)}}
.reaction-tray{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.reaction-btn{border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:5px 9px;cursor:pointer}.reaction-counts{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.reaction-chip{font-size:.78rem;padding:3px 7px;border-radius:999px;background:var(--panel2);border:1px solid var(--line)}
.q-game-shell{max-width:760px;margin:0 auto}.q-progress{height:9px;background:var(--panel2);border-radius:999px;overflow:hidden;margin:15px 0 28px}.q-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));transition:width .35s}.q-slide{display:none}.q-slide.active{display:block;animation:qIn .28s ease}@keyframes qIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{min-height:92px;padding:15px;border:2px solid var(--line);border-radius:20px;background:var(--panel);cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:800}.choice-card:hover,.choice-card.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--panel));transform:translateY(-2px)}.choice-card input{display:none}.choice-icon{font-size:1.8rem}.q-slider{width:100%;accent-color:var(--brand)}.rank-list{display:grid;gap:9px}.rank-item{padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);cursor:grab}.importance-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.importance-row label{display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:14px;padding:8px 4px;cursor:pointer;font-size:.72rem}.importance-row input{display:none}.importance-row label:has(input:checked){border-color:var(--brand);background:var(--panel2)}.q-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.spark-card{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 11%,var(--panel)),var(--panel));}.wallet-card{background:linear-gradient(145deg,#fff7f7,var(--panel));}.rose-balance{font-size:2.2rem;font-weight:950}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gift-card{text-align:center;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.gift-rose{font-size:3rem}.danger-zone{border:1px solid color-mix(in srgb,#b8324a 50%,var(--line));background:color-mix(in srgb,#b8324a 5%,var(--panel))}.moderation-actions{display:flex;gap:8px;flex-wrap:wrap}.wardrobe-stage{min-height:430px;display:grid;place-items:center;background:radial-gradient(circle,var(--panel2),var(--bg));border-radius:28px;border:1px solid var(--line)}.avatar-look{width:220px;height:390px;position:relative}.avatar-head{position:absolute;left:78px;top:18px;width:64px;height:74px;border-radius:50% 50% 46% 46%;background:#c98f6f}.avatar-hair{position:absolute;left:69px;top:7px;width:83px;height:48px;border-radius:50px 50px 22px 22px;background:#34291f}.avatar-body{position:absolute;left:56px;top:88px;width:108px;height:145px;border-radius:40px 40px 18px 18px;background:var(--outfit,#596bd7)}.avatar-bottom{position:absolute;left:62px;top:217px;width:96px;height:125px;background:var(--bottom,#313a56);clip-path:polygon(0 0,100% 0,82% 100%,55% 100%,50% 36%,44% 100%,18% 100%)}.avatar-dress .avatar-bottom{left:42px;top:186px;width:136px;height:160px;background:var(--outfit,#596bd7);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.avatar-accessory{position:absolute;left:62px;top:115px;font-size:2.3rem}.video-box{width:100%;min-height:260px;background:#18202c;border-radius:24px;display:grid;place-items:center;color:white;overflow:hidden}.video-box video{width:100%;height:100%;object-fit:cover}.call-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.call-controls{display:flex;justify-content:center;gap:10px;margin-top:14px}.call-controls button{border-radius:999px}.verification-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.verify-tile{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.verify-tile .ok{color:var(--success)}
@media(max-width:760px){.choice-grid,.gift-grid,.call-grid,.verification-grid{grid-template-columns:1fr}.importance-row{grid-template-columns:1fr}.q-game-shell{width:100%}.wardrobe-stage{min-height:360px}}


/* V3.1 navigation, notifications, next steps */
.nav-with-badge{position:relative}.mini-badge,.task-dot{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:.62rem;font-weight:950;margin-left:3px}.task-dot{background:var(--accent)}.notification-bell{position:relative;font-size:1.25rem;margin-left:12px}.notification-bell>span{position:absolute;right:-8px;top:-8px;background:#d7485f;color:#fff;border:2px solid var(--bg);border-radius:999px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;font-size:.6rem;font-weight:950}.bottom-badge,.bottom-task{position:absolute;right:15%;top:2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#d7485f;color:#fff;font-size:.58rem}.bottom-task{background:var(--accent)}
.next-step-card,.how-meet-works{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:17px 20px;margin-bottom:18px;box-shadow:var(--shadow)}.next-step-card p{margin:2px 0;color:var(--muted)}.how-meet-works{justify-content:center;box-shadow:none;flex-wrap:wrap}.how-meet-works span{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:750}.task-center{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.notification-list{display:grid;gap:12px;margin-top:18px}.notification-item{position:relative;justify-content:flex-start}.notification-item.unread{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 5%,var(--panel))}.notification-icon{width:46px;height:46px;border-radius:16px;background:var(--panel2);display:grid;place-items:center;font-size:1.35rem;flex:0 0 auto}.unread-dot{position:absolute;right:16px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--brand)}
.look-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start}.expanded-stage{min-height:520px;position:sticky;top:94px;overflow:hidden}.expanded-stage[data-bg="soft"]{background:linear-gradient(145deg,var(--panel2),color-mix(in srgb,var(--brand) 10%,var(--panel)))}.expanded-stage[data-bg="sunset"]{background:linear-gradient(145deg,#ffe1c8,#e4c3e8)}.expanded-stage[data-bg="ocean"]{background:linear-gradient(145deg,#dff6ff,#d7e5ff)}.expanded-stage[data-bg="garden"]{background:linear-gradient(145deg,#e3f6df,#f7e4ed)}.expanded-stage[data-bg="city"]{background:linear-gradient(145deg,#dde2e9,#f4d7d7)}.expanded-stage[data-bg="night"]{background:linear-gradient(145deg,#252c49,#55406d)}.expanded-stage[data-bg="minimal"]{background:var(--panel2)}
.look-tip{margin-top:10px;text-align:center;color:var(--muted);font-size:.82rem}.look-section{padding:16px 0;border-bottom:1px solid var(--line)}.look-section:first-of-type{padding-top:0}.look-section h3{margin:0 0 12px}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-grid input[type=color]{padding:4px;height:52px}
.expanded-avatar{width:220px;height:390px;position:relative;margin:auto;filter:drop-shadow(0 18px 25px rgba(30,30,45,.15));transition:.2s transform}.expanded-avatar.pose-confident{transform:rotate(-1deg) scale(1.02)}.expanded-avatar.pose-playful{transform:rotate(2deg)}.expanded-avatar.pose-elegant{transform:scale(.98)}.expanded-avatar.pose-sporty{transform:rotate(-2deg)}
.expanded-avatar .avatar-head{position:absolute;width:84px;height:96px;border-radius:46% 46% 48% 48%;background:#c88f6d;top:42px;left:68px;z-index:4}.expanded-avatar .avatar-hair{position:absolute;width:94px;height:62px;border-radius:50px 50px 20px 20px;background:var(--hair);top:25px;left:63px;z-index:5}.expanded-avatar[data-hair="long"] .avatar-hair,.expanded-avatar[data-hair="locs"] .avatar-hair,.expanded-avatar[data-hair="braids"] .avatar-hair{height:130px;border-radius:48px 48px 28px 28px}.expanded-avatar[data-hair="afro"] .avatar-hair{width:125px;height:105px;left:48px;top:10px;border-radius:50%}.expanded-avatar[data-hair="bald"] .avatar-hair{display:none}
.expanded-avatar .avatar-body{position:absolute;top:130px;left:43px;width:134px;height:135px;background:var(--outfit);border-radius:34px 34px 22px 22px;z-index:2}.expanded-avatar[data-top="dress"] .avatar-body,.expanded-avatar[data-top="jumpsuit"] .avatar-body{height:210px;border-radius:34px 34px 46px 46px}.expanded-avatar .avatar-bottom{position:absolute;top:252px;left:54px;width:112px;height:106px;background:var(--bottom);border-radius:13px 13px 30px 30px;z-index:1}.expanded-avatar[data-bottom="skirt"] .avatar-bottom{height:82px;width:130px;left:45px;border-radius:10px 10px 55px 55px}.expanded-avatar[data-bottom="none"] .avatar-bottom{display:none}.expanded-avatar .avatar-outer{position:absolute;top:128px;left:34px;width:152px;height:145px;border:5px solid var(--accent);border-bottom:0;border-radius:35px 35px 12px 12px;z-index:3;opacity:0}.expanded-avatar:not([data-outer="none"]) .avatar-outer{opacity:.75}
.expanded-avatar .avatar-shoes{position:absolute;bottom:0;left:81px;font-size:2.7rem;z-index:6}.expanded-avatar .avatar-headwear{position:absolute;top:4px;left:78px;font-size:3rem;z-index:8}.expanded-avatar .avatar-accessory{position:absolute;right:18px;top:150px;font-size:2.1rem;z-index:9}.expanded-avatar .avatar-accessory.second{left:12px;right:auto;top:215px}.expanded-avatar.pattern-stripe .avatar-body{background:repeating-linear-gradient(90deg,var(--outfit) 0 18px,color-mix(in srgb,var(--outfit) 70%,#fff) 18px 24px)}.expanded-avatar.pattern-dots .avatar-body{background-color:var(--outfit);background-image:radial-gradient(color-mix(in srgb,var(--accent) 60%,#fff) 2px,transparent 3px);background-size:18px 18px}.expanded-avatar.pattern-plaid .avatar-body{background:linear-gradient(90deg,transparent 70%,color-mix(in srgb,var(--accent) 45%,transparent) 70%),linear-gradient(0deg,var(--outfit) 72%,color-mix(in srgb,var(--accent) 40%,var(--outfit)) 72%);background-size:25px 25px}.expanded-avatar.pattern-floral .avatar-body:before{content:"🌸  ✿  🌼";position:absolute;inset:20px;color:var(--accent);opacity:.7;line-height:2}.expanded-avatar.pattern-geometric .avatar-body{background:linear-gradient(135deg,var(--outfit) 25%,var(--accent) 25% 35%,var(--outfit) 35% 65%,var(--accent) 65% 75%,var(--outfit) 75%)}.expanded-avatar.pattern-abstract .avatar-body{background:linear-gradient(135deg,var(--outfit),var(--accent),var(--outfit))}
@media(max-width:760px){.notification-bell{margin-left:auto;margin-right:8px}.look-layout{grid-template-columns:1fr}.expanded-stage{position:relative;top:auto;min-height:430px}.color-grid{grid-template-columns:repeat(2,1fr)}.how-meet-works{justify-content:flex-start}}


/* V3.2 — smoother, friendlier mobile UI */
.modern-bottomnav{gap:4px;padding:7px}.modern-bottomnav a{position:relative;border-radius:18px;padding:5px 3px;transition:.18s ease}.modern-bottomnav a.active{background:var(--panel2);color:var(--text)}.modern-bottomnav .nav-icon{width:36px;height:32px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel2) 75%,transparent);font-size:1.05rem;line-height:1}.modern-bottomnav a.active .nav-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 20%,var(--panel)),color-mix(in srgb,var(--accent) 16%,var(--panel)))}.modern-bottomnav small{margin-top:2px;font-weight:800}
.introduction-card{overflow:hidden}.profile-look-link{display:block;color:inherit}.mini-style-stage{display:grid;place-items:center;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,var(--panel2),color-mix(in srgb,var(--accent) 13%,var(--panel)));position:relative}.profile-avatar-card{min-height:250px}.profile-avatar-mini{width:64px;height:64px;border-radius:20px}.compact-avatar{transform:scale(.66);transform-origin:center}.profile-avatar-mini .compact-avatar{transform:scale(.19)}.intro-status{margin:10px 0}.introduction-card .locked{font-size:.82rem}
.expanded-avatar[data-silhouette="femme"] .avatar-head{width:80px;left:70px;border-radius:48%}.expanded-avatar[data-silhouette="femme"] .avatar-body{left:49px;width:122px;border-radius:38px 38px 18px 18px;clip-path:polygon(12% 0,88% 0,76% 52%,92% 100%,8% 100%,24% 52%)}.expanded-avatar[data-silhouette="femme"] .avatar-bottom{left:56px;width:108px}.expanded-avatar[data-silhouette="masc"] .avatar-body{left:38px;width:144px;border-radius:26px 26px 16px 16px}.expanded-avatar[data-silhouette="masc"] .avatar-head{width:88px;left:66px;border-radius:42%}.expanded-avatar[data-hair="crew"] .avatar-hair{height:34px;top:32px;border-radius:35px 35px 8px 8px}.expanded-avatar[data-hair="quiff"] .avatar-hair{height:45px;top:20px;transform:skewX(-10deg);border-radius:45px 55px 12px 10px}.expanded-avatar[data-hair="curly_short"] .avatar-hair{height:58px;top:18px;border-radius:48%}.expanded-avatar[data-hair="bob"] .avatar-hair{height:112px;top:18px;border-radius:48px 48px 32px 32px}.expanded-avatar[data-hair="pixie"] .avatar-hair{height:47px;top:27px;border-radius:50px 35px 18px 12px}
.reveal-avatar-wrap{position:relative;width:86px;height:86px;flex:0 0 auto}.reveal-avatar{width:86px;height:86px;object-fit:cover;border-radius:25px;border:3px solid var(--panel);box-shadow:var(--shadow)}.reveal-percent{position:absolute;right:-6px;bottom:-6px;background:var(--text);color:var(--panel);border:3px solid var(--bg);border-radius:999px;font-size:.67rem;font-weight:950;padding:4px 7px}.reveal-progress-card{margin:14px 0}.reveal-progress-head,.reveal-breakdown{display:flex;justify-content:space-between;gap:12px;align-items:center}.reveal-breakdown{margin-top:8px;color:var(--muted);font-size:.78rem}.q-progress{height:10px;background:var(--panel2);border-radius:999px;overflow:hidden}.q-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:999px}
.managed-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.managed-photo-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow)}.managed-photo-card h3{margin:.7rem 0}.managed-photo-card .inline input{min-width:0}.photo-actions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.danger-btn{border-color:#dd8d95;color:#a52d3d}.religion-box{background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:18px}
.game-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:9px;margin-bottom:14px}.game-tab{white-space:nowrap;border:1px solid var(--line);background:var(--panel);padding:9px 13px;border-radius:999px;color:var(--text);font-weight:800}.game-tab.active{background:var(--panel2);border-color:var(--brand)}.game-card{max-width:760px;margin:auto;text-align:center;padding:38px}.game-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.game-choice{border:1px solid var(--line);background:var(--panel2);border-radius:20px;padding:22px;min-height:110px;color:var(--text);font-weight:850;cursor:pointer;transition:.16s ease}.game-choice:hover{transform:translateY(-2px);border-color:var(--brand)}.game-choice span{display:block;font-size:1.8rem;margin-bottom:7px}.big-bounce{font-size:3rem}.wing-list{display:grid;gap:10px}.wing-row{display:flex;justify-content:space-between;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.wing-row small{display:block;color:var(--muted)}.admin-access-card{border:2px solid color-mix(in srgb,var(--accent) 30%,var(--line))}
@media(max-width:760px){.managed-photo-grid{grid-template-columns:1fr 1fr}.game-options{grid-template-columns:1fr}.profile-avatar-card{min-height:210px}.compact-avatar{transform:scale(.56)}.reveal-breakdown{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.managed-photo-grid{grid-template-columns:1fr}.modern-bottomnav .nav-icon{width:34px;height:30px}.modern-bottomnav small{font-size:.62rem}}

/* V3.3 mobile-first refresh */
:root{--fresh-ink:#26324a;--fresh-muted:#66738d;--glass:rgba(255,255,255,.82)}
body{color:var(--fresh-ink)} h1,h2,h3{letter-spacing:-.025em}.compact-pagehead{margin-bottom:18px}.compact-pagehead h1{font-size:clamp(1.8rem,5vw,3.1rem);margin:.25rem 0}.compact-pagehead p{margin:.3rem 0}
.home-welcome{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 2px 8px}.home-welcome h1{font-size:clamp(1.65rem,5vw,2.7rem);margin:.25rem 0}.home-welcome p{margin:.25rem 0;color:var(--fresh-muted)}.welcome-heart{color:var(--brand)}
.compact-stats{display:flex;gap:8px;overflow:auto;padding:5px 0 14px}.compact-stats span,.compact-stats a{white-space:nowrap;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.78rem;color:var(--fresh-muted)}.compact-stats b{color:var(--fresh-ink)}
.home-pop,.privacy-whisper,.capacity-alert{display:flex;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--panel)),color-mix(in srgb,var(--accent) 8%,var(--panel)));border-radius:22px;padding:14px 16px;margin:12px 0}.home-pop-icon{font-size:1.8rem}.home-pop p,.capacity-alert p{margin:3px 0}.privacy-whisper small{display:block;color:var(--fresh-muted);margin-top:3px}.privacy-whisper>a{margin-left:auto;font-weight:900}
.mini-task-card{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:12px 14px;margin:10px 0}.mini-task-card b{display:block}
.wait-hub{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 8%,var(--panel)),color-mix(in srgb,var(--accent) 10%,var(--panel)));border:1px solid var(--line);border-radius:28px;padding:20px;margin:16px 0}.wait-copy h2{margin:.25rem 0}.wait-copy p{color:var(--fresh-muted);margin:.4rem 0 1rem}.wait-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wait-action{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px;color:var(--fresh-ink)}.wait-action>span{grid-row:1/3;font-size:1.45rem}.wait-action b{font-size:.9rem}.wait-action small{color:var(--fresh-muted)}
.home-grid,.me-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-tile,.me-card{display:flex;gap:11px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px;color:var(--fresh-ink)}.home-tile>span,.me-card>span{width:38px;height:38px;border-radius:14px;background:var(--panel2);display:grid;place-items:center;font-size:1.2rem}.home-tile small,.me-card small{display:block;color:var(--fresh-muted)}.home-tile>a{margin-left:auto;font-weight:900}
.top-actions{display:flex;gap:7px;align-items:center}.help-orb,.notification-bell{width:38px;height:38px;border-radius:15px;border:1px solid rgba(255,255,255,.8);background:linear-gradient(145deg,#fffdf8,#f6f0e5);box-shadow:0 7px 20px rgba(49,57,82,.12);display:grid;place-items:center;color:var(--fresh-ink);font-weight:950}.notification-bell{font-size:1.1rem}.notification-bell>span{top:-5px;right:-6px}
.premium-bottomnav{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,245,236,.96));backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.8);box-shadow:0 -12px 35px rgba(58,65,88,.12);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px}.premium-bottomnav a{border-radius:18px;padding:5px 2px}.premium-bottomnav .nav-icon{width:40px;height:37px;border-radius:15px;background:linear-gradient(145deg,#fffefb,#f4ede0);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 15px rgba(43,51,73,.11);font-size:1.15rem}.premium-bottomnav a.active .nav-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 18%,white),color-mix(in srgb,var(--accent) 15%,white));transform:translateY(-2px)}.premium-bottomnav small{font-weight:850}
.notice{position:relative}.notice-x{position:absolute;right:8px;top:7px;border:0;background:transparent;font-size:1.25rem;color:inherit;cursor:pointer}.app-footer{display:flex;justify-content:center;gap:8px;color:var(--fresh-muted);font-size:.8rem;padding:26px 0 100px}.signout-link{font-weight:850}
.connection-orbit{display:grid;gap:11px}.connection-person{display:grid;grid-template-columns:74px 1fr 26px;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:12px;color:var(--fresh-ink);box-shadow:0 8px 24px rgba(49,57,82,.06)}.connection-avatar{position:relative;width:68px;height:68px;border-radius:50%;overflow:hidden;background:var(--panel2);display:grid;place-items:center}.connection-avatar .profile-avatar-mini{transform:scale(.95)}.stage-dot{position:absolute;right:-2px;bottom:-2px;background:var(--fresh-ink);color:white;border:3px solid var(--panel);border-radius:999px;padding:3px 6px;font-size:.58rem;font-weight:950}.connection-meta h3{margin:.15rem 0}.connection-meta p{margin:.2rem 0;color:var(--fresh-muted);font-size:.82rem}.open-room{font-size:1.8rem}
.room-identity{display:grid;grid-template-columns:74px 1fr 40px;gap:12px;align-items:center;margin-bottom:10px}.connection-avatar-large{position:relative;width:70px;height:70px;border-radius:22px;overflow:hidden;background:var(--panel2)}.connection-avatar-large .reveal-avatar{width:70px;height:70px;border-radius:22px}.room-identity h1{font-size:1.65rem;margin:.1rem 0}.room-help{width:36px;height:36px;border-radius:14px;background:var(--panel2);display:grid;place-items:center;font-weight:950}.reveal-mini{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:10px 13px;margin:8px 0}.reveal-mini>div:first-child{display:flex;justify-content:space-between;font-size:.82rem}.composer-priority{position:sticky;top:76px;z-index:10;background:var(--panel);border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));box-shadow:0 12px 30px rgba(49,57,82,.12);border-radius:22px;padding:10px;margin:12px 0}.composer-priority textarea{min-height:64px;border:0;background:var(--panel2);border-radius:14px}.composer-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:7px}.voice-inline{width:42px;height:42px;border-radius:15px;border:1px solid var(--line);background:var(--panel2);font-size:1.2rem}.composer-priority small{display:block;color:var(--fresh-muted);margin-top:4px}.room-tools{display:flex;gap:7px;overflow:auto;padding:6px 0}.room-tools a,.room-tools button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 11px;color:var(--fresh-ink);font-weight:800}.voice-policy-note{font-size:.77rem;color:var(--fresh-muted);padding:5px 2px 10px}.chat-first{margin-top:8px}.room-bottom-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.post-reveal-nudge{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#fff4f4,#f7eeff);border:1px solid var(--line);border-radius:20px;padding:12px;margin:9px 0}.post-reveal-nudge small{display:block;color:var(--fresh-muted)}.post-reveal-nudge a{margin-left:auto;font-weight:900}
.notification-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.notice-inline{font-size:.82rem;background:var(--panel2);border-radius:999px;padding:8px 11px}.notification-main{display:flex;gap:12px;align-items:flex-start;flex:1;color:inherit}.notification-item{display:flex}.notification-dismiss{margin-left:auto;width:34px;height:34px;border:0;background:transparent;font-size:1.25rem;color:var(--fresh-muted)}
.preference-panel h2{margin-top:22px}.alias-options,.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.alias-options input,.size-options input,.theme-swatches input{position:absolute;opacity:0}.alias-options span,.size-options span{display:block;border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center;background:var(--panel2)}.alias-options input:checked+span,.size-options input:checked+span{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 15%,transparent)}.size-options b{display:block}.size-options label:nth-child(2) b{font-size:1.25rem}.size-options label:nth-child(3) b{font-size:1.5rem}.theme-swatches{display:flex;gap:8px;overflow:auto;padding:5px}.theme-option{min-width:64px;text-align:center}.theme-dot{width:42px;height:42px;border-radius:15px;display:block;margin:auto;border:3px solid transparent;box-shadow:0 5px 14px rgba(0,0,0,.08)}.theme-warm .theme-dot{background:linear-gradient(135deg,#fff1df,#ff9883)}.theme-rose .theme-dot{background:linear-gradient(135deg,#ffe3ec,#dc7fa2)}.theme-ocean .theme-dot{background:linear-gradient(135deg,#dff6ff,#70aee8)}.theme-lavender .theme-dot{background:linear-gradient(135deg,#eee5ff,#9b8bde)}.theme-mint .theme-dot{background:linear-gradient(135deg,#e5fff6,#73c8a9)}.theme-light .theme-dot{background:#fff}.theme-midnight .theme-dot{background:#27304a}.theme-system .theme-dot{background:linear-gradient(135deg,#fff 50%,#27304a 50%)}.theme-option input:checked+.theme-dot{border-color:var(--brand)}
.visual-picks{display:none}.reward-track{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.reward-track>div{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:13px;text-align:center}.reward-track b{display:block;font-size:1.25rem}.reward-track small{color:var(--fresh-muted)}.copy-row{display:flex;gap:8px}.copy-row input{min-width:0}.share-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.share-buttons a,.share-buttons button{border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:9px 12px;color:var(--fresh-ink);font-weight:800}.roadmap{display:grid;gap:9px}.roadmap details{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:13px}.roadmap summary{display:flex;gap:10px;align-items:center;cursor:pointer}.roadmap summary span{width:30px;height:30px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;font-weight:950}.roadmap p{color:var(--fresh-muted);margin:.8rem 0 .2rem 40px}.together-grid{display:grid;gap:12px}.together-card{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:15px}.together-icon{width:48px;height:48px;border-radius:17px;background:var(--panel2);display:grid;place-items:center;font-size:1.35rem}.together-card h2{font-size:1.15rem;margin:.2rem 0}.together-card p{color:var(--fresh-muted);margin:.25rem 0}.scramble{font-size:1.7rem;letter-spacing:.12em;font-weight:900}
@media(max-width:760px){.shell{padding-left:14px;padding-right:14px}.topbar{padding:8px 12px}.brand span:last-child{display:none}.nav{display:none}.home-welcome{padding-top:8px}.home-welcome p{font-size:.84rem}.wait-hub{padding:15px}.wait-actions{grid-template-columns:1fr}.home-grid,.me-grid{grid-template-columns:1fr 1fr}.visual-picks{display:flex;gap:7px;overflow:auto;padding:7px 0}.visual-pick{white-space:nowrap;border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:9px 11px;color:var(--fresh-ink)}.visual-pick.selected{background:color-mix(in srgb,var(--brand) 12%,var(--panel));border-color:var(--brand)}.mobile-hidden-select{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.expanded-stage{min-height:350px}.look-layout{gap:10px}.look-section{padding:11px 0}.look-section h3{font-size:1rem}.room-identity{margin-top:2px}.composer-priority{top:62px}.alias-options{grid-template-columns:1fr}.together-card{grid-template-columns:48px 1fr}.together-card form{grid-column:2}.app-footer{padding-bottom:105px}}
@media(max-width:480px){.compact-pagehead h1{font-size:1.75rem}.home-grid,.me-grid{grid-template-columns:1fr}.home-welcome .plan-pill{font-size:.7rem}.reward-track{grid-template-columns:1fr 1fr 1fr}.together-card{padding:12px}}


/* V3.4 mobile polish */
.premium-bottomnav{
    left:10px;
    right:10px;
    width:auto;
    max-width:690px;
    margin:0 auto;
    bottom:10px;
    border-radius:28px;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,242,231,.97));
    box-shadow:0 12px 34px rgba(39,48,76,.16), inset 0 1px 0 rgba(255,255,255,.9);
}
.premium-bottomnav a{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#667085;
}
.premium-bottomnav .nav-icon{
    width:48px;
    height:43px;
    display:grid;
    place-items:center;
    border-radius:17px;
    background:linear-gradient(145deg,#fffdf9,#efe7d8);
    border:1px solid rgba(255,255,255,.95);
    box-shadow:0 7px 18px rgba(41,50,76,.13);
}
.premium-bottomnav .nav-icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
    display:block;
}
.premium-bottomnav a.active{
    color:#584fc3;
}
.premium-bottomnav a.active .nav-icon{
    background:linear-gradient(145deg,#f8efff,#e8e4ff);
    box-shadow:0 8px 20px rgba(88,79,195,.18);
}
.premium-bottomnav small{
    font-size:.69rem;
    line-height:1;
}
.bottom-badge,.bottom-task{
    right:6px;
    top:-2px;
    min-width:20px;
    height:20px;
    border:2px solid #fffaf4;
}

.theme-swatches{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:visible;
    gap:10px;
}
.theme-option{
    min-width:0;
    padding:7px 3px;
    border-radius:16px;
}
.theme-option small{
    display:block;
    margin-top:4px;
}

.setup-checklist-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
}
.task-count-bubble{
    width:40px;
    height:40px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#6a61db,#8d79ed);
    color:white;
    font-weight:950;
}
.setup-task-row{
    display:grid;
    grid-template-columns:32px 1fr 16px;
    gap:10px;
    align-items:center;
    padding:12px 0;
    border-top:1px solid var(--line);
    color:var(--text);
}
.setup-task-row small{
    display:block;
    color:var(--muted);
    margin-top:3px;
}
.setup-task-icon{
    width:28px;
    height:28px;
    border-radius:11px;
    background:var(--panel2);
    display:grid;
    place-items:center;
}

.visual-look-layout{
    align-items:start;
}
.visual-look-preview{
    position:sticky;
    top:76px;
}
.visual-look-form{
    display:grid;
    gap:0;
}
.look-choice-section{
    padding:14px 0 18px;
    border-bottom:1px solid var(--line);
}
.look-choice-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:9px;
}
.look-choice-title h3{
    margin:0;
}
.look-choice-title span{
    color:var(--muted);
    font-size:.74rem;
}
.look-option-strip{
    display:flex;
    gap:9px;
    overflow-x:auto;
    padding:4px 3px 10px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}
.look-option-card{
    flex:0 0 94px;
    min-height:102px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--panel2);
    color:var(--text);
    padding:8px 7px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:6px;
    text-align:center;
    scroll-snap-align:start;
}
.look-option-card.selected{
    border-color:var(--brand);
    background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,var(--panel)),color-mix(in srgb,var(--accent) 8%,var(--panel)));
    box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent);
}
.look-option-preview{
    width:58px;
    height:52px;
    border-radius:15px;
    background:white;
    display:grid;
    place-items:center;
    font-size:1.7rem;
    box-shadow:0 4px 12px rgba(30,40,65,.08);
}
.look-option-card b{
    font-size:.72rem;
    line-height:1.15;
}
.look-save{
    position:sticky;
    bottom:90px;
    z-index:6;
    margin-top:16px;
    box-shadow:0 10px 30px rgba(75,66,190,.2);
}

.dual-connection-visual{
    display:flex;
    gap:6px;
    align-items:center;
}
.room-look-mini{
    width:54px;
    height:70px;
    border-radius:18px;
    overflow:hidden;
    background:var(--panel2);
    position:relative;
}
.room-look-mini .profile-avatar-mini{
    transform:scale(.83);
    transform-origin:center;
}
.room-look-mini small{
    position:absolute;
    left:3px;
    right:3px;
    bottom:2px;
    text-align:center;
    font-size:.48rem;
    font-weight:900;
    background:rgba(255,255,255,.84);
    border-radius:999px;
}
.room-identity{
    grid-template-columns:132px 1fr 40px;
}

.trust-badges{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin:5px 0 8px;
}
.trust-badge{
    display:inline-flex;
    gap:4px;
    align-items:center;
    border:1px solid var(--line);
    background:var(--panel2);
    border-radius:999px;
    padding:4px 7px;
    font-size:.62rem;
    color:var(--muted);
}
.trust-badge b{
    color:#5b55bc;
}

.verify-tile-head{
    display:flex;
    justify-content:space-between;
    gap:7px;
    align-items:center;
}
.required-pill,.optional-pill{
    border-radius:999px;
    padding:3px 7px;
    font-size:.58rem;
    font-weight:900;
}
.required-pill{
    background:#fff0e8;
    color:#a74d28;
}
.optional-pill{
    background:var(--panel2);
    color:var(--muted);
}
.verification-setting-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.setting-toggle{
    display:flex;
    gap:10px;
    align-items:flex-start;
    border:1px solid var(--line);
    border-radius:17px;
    padding:12px;
    background:var(--panel2);
}
.setting-toggle input[type=checkbox]{
    width:22px;
    min-height:22px;
}
.setting-toggle small{
    display:block;
    color:var(--muted);
    margin-top:3px;
}

.signup-caveat{
    display:grid;
    gap:4px;
    padding:12px 14px;
    border-radius:17px;
    background:linear-gradient(145deg,#fff7ed,#fffdf9);
    border:1px solid #ecdcc9;
    margin:12px 0;
    font-size:.8rem;
}
.signup-caveat span{
    color:#6a7184;
}

.choice-card .choice-label,
.importance-label{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    color:var(--text) !important;
    -webkit-text-fill-color:var(--text) !important;
}
.choice-card{
    color:var(--text) !important;
    -webkit-text-fill-color:var(--text) !important;
}
.question-card{
    color:var(--text);
}
.question-card h2,
.question-card p,
.question-card span,
.question-card label{
    -webkit-font-smoothing:antialiased;
}

@media(max-width:760px){
    .theme-swatches{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:7px;
    }
    .theme-dot{
        width:38px;
        height:38px;
    }
    .premium-bottomnav{
        left:9px;
        right:9px;
        bottom:8px;
    }
    .premium-bottomnav .nav-icon{
        width:46px;
        height:41px;
    }
    .visual-look-layout{
        grid-template-columns:1fr;
    }
    .visual-look-preview{
        position:sticky;
        top:58px;
        z-index:8;
        background:var(--bg);
        padding:5px 0 9px;
    }
    .visual-look-preview .expanded-stage{
        min-height:255px;
    }
    .visual-look-preview .expanded-avatar{
        transform:scale(.63);
        transform-origin:center;
        margin:-65px auto;
    }
    .visual-look-form{
        padding:15px;
    }
    .look-option-card{
        flex-basis:88px;
        min-height:96px;
    }
    .look-option-preview{
        width:52px;
        height:48px;
    }
    .color-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .verification-setting-grid{
        grid-template-columns:1fr 1fr;
    }
    .room-identity{
        grid-template-columns:126px 1fr 36px;
    }
}
@media(max-width:430px){
    .premium-bottomnav .nav-icon{
        width:43px;
        height:39px;
    }
    .premium-bottomnav .nav-icon svg{
        width:22px;
        height:22px;
    }
    .theme-swatches{
        grid-template-columns:repeat(4,1fr);
    }
    .theme-option small{
        font-size:.66rem;
    }
    .verification-setting-grid{
        grid-template-columns:1fr;
    }
}


/* V3.4.1 — Profile Look usability + collapsible mobile chrome */

.look-mobile-savebar{
    display:none;
}
.look-save-bottom{
    width:100%;
    margin-top:18px;
}
.look-current{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    justify-content:center;
    margin-top:8px;
}
.look-current span{
    background:var(--panel2);
    border:1px solid var(--line);
    border-radius:999px;
    padding:4px 8px;
    font-size:.66rem;
    color:var(--muted);
}

/* Force real horizontal touch scrolling instead of flex squeezing. */
.look-option-strip{
    width:100%;
    max-width:100%;
    overflow-x:auto !important;
    overflow-y:hidden;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:9px;
    padding:4px 3px 12px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    touch-action:pan-x;
    scroll-snap-type:x proximity;
}
.look-option-strip::after{
    content:"";
    flex:0 0 24px;
}
.look-option-card{
    flex:0 0 96px !important;
    width:96px;
    max-width:96px;
    scroll-snap-align:start;
}

/* Make every clothing choice change the avatar, not only labels. */
.expanded-avatar[data-top="blouse"] .avatar-body{
    border-radius:42px 42px 25px 25px;
    width:126px;
    left:47px;
}
.expanded-avatar[data-top="shirt"] .avatar-body{
    border-radius:22px;
    box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent);
}
.expanded-avatar[data-top="shirt"] .avatar-body::after{
    content:"";
    position:absolute;
    left:50%;
    top:8px;
    bottom:8px;
    border-left:2px solid color-mix(in srgb,#fff 55%,var(--accent));
}
.expanded-avatar[data-top="polo"] .avatar-body{
    border-radius:24px 24px 18px 18px;
}
.expanded-avatar[data-top="polo"] .avatar-body::before{
    content:"";
    position:absolute;
    top:0;
    left:43px;
    width:48px;
    height:22px;
    background:color-mix(in srgb,var(--accent) 45%,var(--outfit));
    clip-path:polygon(0 0,50% 100%,100% 0);
}
.expanded-avatar[data-top="tee"] .avatar-body{
    border-radius:18px 18px 28px 28px;
}
.expanded-avatar[data-top="sweater"] .avatar-body{
    border-radius:32px;
    box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--outfit) 82%,#fff);
}
.expanded-avatar[data-top="hoodie"] .avatar-body{
    border-radius:34px 34px 22px 22px;
}
.expanded-avatar[data-top="hoodie"] .avatar-body::before{
    content:"";
    position:absolute;
    width:58px;
    height:34px;
    left:38px;
    top:-17px;
    border:7px solid color-mix(in srgb,var(--outfit) 82%,#fff);
    border-bottom:0;
    border-radius:40px 40px 0 0;
}
.expanded-avatar[data-top="camisole"] .avatar-body{
    width:104px;
    left:58px;
    border-radius:24px;
}
.expanded-avatar[data-top="tunic"] .avatar-body{
    height:175px;
    border-radius:30px 30px 42px 42px;
}
.expanded-avatar[data-top="dress"] .avatar-body{
    height:205px;
    width:145px;
    left:38px;
    clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);
}
.expanded-avatar[data-top="jumpsuit"] .avatar-body{
    height:205px;
    width:132px;
    left:44px;
    border-radius:28px 28px 18px 18px;
}
.expanded-avatar[data-top="suit"] .avatar-body{
    border-radius:22px;
    background:linear-gradient(90deg,var(--outfit) 49%,color-mix(in srgb,var(--outfit) 80%,#fff) 50%);
}
.expanded-avatar[data-top="suit"] .avatar-body::before{
    content:"◆";
    position:absolute;
    left:50%;
    top:14px;
    transform:translateX(-50%);
    color:var(--accent);
    font-size:18px;
}

.expanded-avatar[data-bottom="trousers"] .avatar-bottom{
    border-radius:10px 10px 24px 24px;
}
.expanded-avatar[data-bottom="jeans"] .avatar-bottom{
    background:linear-gradient(90deg,#496f9d 49%,#3f628c 50%);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.13);
}
.expanded-avatar[data-bottom="skirt"] .avatar-bottom{
    height:82px;
    width:132px;
    left:44px;
    border-radius:10px 10px 58px 58px;
}
.expanded-avatar[data-bottom="shorts"] .avatar-bottom{
    height:66px;
    border-radius:12px 12px 22px 22px;
}
.expanded-avatar[data-bottom="leggings"] .avatar-bottom{
    width:88px;
    left:66px;
    border-radius:10px 10px 16px 16px;
}
.expanded-avatar[data-bottom="chinos"] .avatar-bottom{
    background:#b79c72;
}
.expanded-avatar[data-bottom="wide_leg"] .avatar-bottom{
    width:136px;
    left:42px;
    border-radius:9px 9px 34px 34px;
}
.expanded-avatar[data-bottom="cargo"] .avatar-bottom{
    border-radius:12px 12px 20px 20px;
}
.expanded-avatar[data-bottom="cargo"] .avatar-bottom::before,
.expanded-avatar[data-bottom="cargo"] .avatar-bottom::after{
    content:"";
    position:absolute;
    top:36px;
    width:24px;
    height:18px;
    background:color-mix(in srgb,var(--bottom) 75%,#000);
    border-radius:4px;
}
.expanded-avatar[data-bottom="cargo"] .avatar-bottom::before{left:8px}
.expanded-avatar[data-bottom="cargo"] .avatar-bottom::after{right:8px}

.avatar-prop{
    position:absolute;
    z-index:10;
    width:46px;
    height:46px;
    border-radius:16px;
    background:rgba(255,255,255,.88);
    display:grid;
    place-items:center;
    font-size:1.65rem;
    box-shadow:0 5px 14px rgba(30,40,65,.12);
}
.avatar-prop:empty{
    display:none;
}
.avatar-prop.prop-one{
    left:-6px;
    top:84px;
}
.avatar-prop.prop-two{
    right:-6px;
    top:92px;
}

/* Distinct hair silhouettes */
.expanded-avatar[data-hair="fade"] .avatar-hair{
    height:34px;
    top:32px;
    border-radius:36px 36px 12px 12px;
}
.expanded-avatar[data-hair="waves"] .avatar-hair{
    height:48px;
    border-radius:50% 50% 28% 28%;
    background:
      repeating-radial-gradient(circle at 50% 110%,var(--hair) 0 8px,color-mix(in srgb,var(--hair) 75%,#fff) 9px 11px);
}
.expanded-avatar[data-hair="crew"] .avatar-hair{
    height:28px;
    top:34px;
    border-radius:24px 24px 9px 9px;
}
.expanded-avatar[data-hair="quiff"] .avatar-hair{
    height:46px;
    width:102px;
    left:60px;
    top:18px;
    transform:skewX(-12deg);
}
.expanded-avatar[data-hair="curly_short"] .avatar-hair,
.expanded-avatar[data-hair="curls"] .avatar-hair{
    border-radius:50%;
    background:
      radial-gradient(circle at 18px 18px,var(--hair) 0 10px,transparent 11px),
      radial-gradient(circle at 46px 15px,var(--hair) 0 12px,transparent 13px),
      radial-gradient(circle at 76px 20px,var(--hair) 0 11px,transparent 12px),
      var(--hair);
}
.expanded-avatar[data-hair="braids"] .avatar-hair,
.expanded-avatar[data-hair="locs"] .avatar-hair{
    width:112px;
    left:54px;
    height:136px;
    border-radius:48px 48px 20px 20px;
}
.expanded-avatar[data-hair="bob"] .avatar-hair{
    height:112px;
    width:106px;
    left:57px;
    border-radius:50px 50px 35px 35px;
}
.expanded-avatar[data-hair="pixie"] .avatar-hair{
    height:44px;
    top:26px;
    width:96px;
    left:62px;
    border-radius:50px 34px 16px 12px;
}
.expanded-avatar[data-hair="long"] .avatar-hair{
    width:116px;
    left:52px;
    height:150px;
    border-radius:50px 50px 34px 34px;
}
.expanded-avatar[data-hair="bald"] .avatar-hair{
    display:none;
}

/* menu collapse / compact header */
.mobile-nav-collapse{
    display:none;
}
.bottomnav-collapsed .premium-bottomnav{
    transform:translateY(calc(100% + 28px));
    pointer-events:none;
    opacity:0;
}
.bottomnav-collapsed .mobile-nav-collapse{
    bottom:12px;
}
.mobile-header-compact .topbar{
    transform:translateY(-4px);
    min-height:52px;
}
.mobile-header-compact .brand-mark,
.mobile-header-compact .help-orb,
.mobile-header-compact .notification-bell{
    transform:scale(.88);
}

@media(max-width:760px){
    body{
        padding-bottom:92px;
    }

    .look-mobile-savebar{
        display:flex;
        justify-content:flex-end;
        position:sticky;
        top:58px;
        z-index:14;
        margin:-4px -2px 8px;
        padding:7px 0;
        background:linear-gradient(180deg,var(--bg) 75%,transparent);
    }
    .look-mobile-savebar .btn{
        min-height:42px;
        padding:9px 15px;
        box-shadow:0 7px 18px rgba(75,66,190,.18);
    }

    .look-save-bottom{
        display:block;
        margin-bottom:18px;
    }

    .visual-look-preview{
        position:relative !important;
        top:auto !important;
        z-index:2 !important;
        padding-bottom:4px;
    }

    .visual-look-preview .expanded-stage{
        min-height:300px !important;
    }

    .visual-look-preview .expanded-avatar{
        transform:scale(.68) !important;
        transform-origin:center !important;
        margin:-48px auto !important;
    }

    .look-option-strip{
        margin-left:0;
        margin-right:0;
    }

    .look-option-card{
        flex-basis:90px !important;
        width:90px !important;
        max-width:90px !important;
    }

    .mobile-nav-collapse{
        display:grid;
        place-items:center;
        position:fixed;
        right:18px;
        bottom:89px;
        z-index:80;
        width:38px;
        height:28px;
        border:1px solid rgba(255,255,255,.95);
        border-radius:14px;
        background:linear-gradient(145deg,#fffdf8,#eee6d8);
        color:#5b6071;
        box-shadow:0 7px 18px rgba(35,44,70,.14);
    }

    .mobile-nav-collapse span{
        line-height:1;
        font-size:1rem;
        font-weight:950;
    }

    .premium-bottomnav{
        transition:transform .22s ease,opacity .18s ease;
    }

    .topbar{
        min-height:58px;
        transition:min-height .18s ease,transform .18s ease;
    }

    .brand-mark,
    .help-orb,
    .notification-bell{
        transition:transform .18s ease;
    }
}


/* V3.4.2 — hard fix for Profile Look scrolling and save visibility */

/*
 * A generic rule in the base stylesheet sets .panel { overflow:hidden }.
 * That is useful for decorative cards but is a poor fit for the Profile Look
 * editor because it clips/complicates horizontally scrollable controls.
 */
.visual-look-form{
    overflow:visible !important;
    min-width:0;
}
.visual-look-form::after{
    display:none !important;
}
.look-choice-section{
    min-width:0;
    overflow:visible;
}

/* Arrow shell gives users a second way to move horizontally on iOS. */
.look-strip-shell{
    position:relative;
    width:100%;
    min-width:0;
    padding:0 34px;
}
.look-option-strip{
    position:relative;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px;
    overflow-x:scroll !important;
    overflow-y:hidden !important;
    padding:5px 4px 13px;
    margin:0;
    -webkit-overflow-scrolling:touch;
    touch-action:auto !important;
    overscroll-behavior:auto !important;
    scroll-snap-type:x proximity;
    scrollbar-width:auto;
}
.look-option-strip::-webkit-scrollbar{
    height:6px;
}
.look-option-strip::-webkit-scrollbar-thumb{
    background:color-mix(in srgb,var(--brand) 35%,#d8dbe5);
    border-radius:999px;
}
.look-option-strip::-webkit-scrollbar-track{
    background:color-mix(in srgb,var(--panel2) 85%,transparent);
    border-radius:999px;
}
.look-option-strip::after{
    content:"";
    flex:0 0 10px;
}
.look-option-card{
    flex:0 0 100px !important;
    width:100px !important;
    max-width:100px !important;
    min-width:100px !important;
    -webkit-user-select:none;
    user-select:none;
    touch-action:manipulation;
}
.look-strip-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-58%);
    z-index:5;
    width:31px;
    height:52px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.94);
    color:var(--text);
    box-shadow:0 5px 16px rgba(35,44,70,.11);
    font-size:1.65rem;
    line-height:1;
}
.look-strip-arrow.left{left:0}
.look-strip-arrow.right{right:0}

/*
 * Fixed mobile save button: does not depend on the user reaching the start
 * or end of the long form and stays above the bottom navigation.
 */
.mobile-look-save-fab{
    display:none;
}
@media(max-width:760px){
    .mobile-look-save-fab{
        display:flex !important;
        align-items:center;
        justify-content:center;
        gap:7px;
        position:fixed !important;
        right:16px;
        bottom:112px;
        z-index:140;
        min-height:46px;
        padding:10px 16px;
        border:0;
        border-radius:999px;
        color:#fff;
        background:linear-gradient(135deg,var(--brand),#6f5de0);
        box-shadow:0 10px 25px rgba(75,66,190,.30);
        font-weight:900;
        font-size:.88rem;
    }
    .mobile-look-save-fab span{
        width:22px;
        height:22px;
        border-radius:50%;
        background:rgba(255,255,255,.2);
        display:grid;
        place-items:center;
    }

    .bottomnav-collapsed .mobile-look-save-fab{
        bottom:52px;
    }

    /* Remove the older sticky save bar completely. */
    .look-mobile-savebar{
        display:none !important;
        position:static !important;
    }

    /*
     * Stop sticky elements on this editor. They were causing the
     * 'page sticking' sensation on short iPhone screens.
     */
    .visual-look-preview,
    .visual-look-preview .expanded-stage,
    .visual-look-form,
    .look-save,
    .look-save-bottom{
        position:relative !important;
        top:auto !important;
        bottom:auto !important;
    }

    .visual-look-preview{
        z-index:1 !important;
    }

    .visual-look-preview .expanded-stage{
        min-height:285px !important;
    }

    .visual-look-form{
        padding:13px !important;
        overflow:visible !important;
    }

    .look-choice-section{
        padding:12px 0 15px;
    }

    .look-strip-shell{
        padding-left:31px;
        padding-right:31px;
    }

    .look-strip-arrow{
        width:28px;
        height:48px;
    }

    .look-option-card{
        flex-basis:94px !important;
        width:94px !important;
        max-width:94px !important;
        min-width:94px !important;
    }

    /*
     * Give the page enough bottom breathing room for both the save button
     * and navigation, without obscuring the colour controls.
     */
    .visual-look-form{
        padding-bottom:85px !important;
    }
}

/* Very small iPhones */
@media(max-width:390px){
    .mobile-look-save-fab{
        right:12px;
        bottom:108px;
        min-height:43px;
        padding:8px 13px;
        font-size:.82rem;
    }

    .look-strip-shell{
        padding-left:28px;
        padding-right:28px;
    }

    .look-strip-arrow{
        width:26px;
        height:45px;
    }

    .look-option-card{
        flex-basis:88px !important;
        width:88px !important;
        max-width:88px !important;
        min-width:88px !important;
    }
}


/* V3.4.3 — Connect composer and profile header */

.compact-room-identity{
    grid-template-columns:132px minmax(0,1fr) 38px;
    align-items:center;
}
.dual-connection-visual{
    overflow:visible;
}
.room-look-mini.has-look{
    width:58px;
    height:72px;
    flex:0 0 58px;
    border:1px solid var(--line);
    box-shadow:0 5px 14px rgba(36,45,70,.08);
}
.room-look-mini.has-look .profile-avatar-mini{
    width:58px;
    height:58px;
}
.room-look-mini.has-look .compact-avatar{
    transform:scale(.18);
    transform-origin:center;
}

.conversation-boost{
    display:flex;
    flex-direction:column;
    gap:7px;
    background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--accent) 5%,var(--panel)));
    border:1px solid var(--line);
    border-radius:18px;
    padding:11px 13px;
    margin:8px 0 10px;
}
.conversation-boost-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}
.conversation-boost-head b{
    display:block;
}
.conversation-idea-output:not(:empty){
    border-top:1px solid var(--line);
    padding-top:8px;
}

.rich-composer{
    position:relative !important;
    top:auto !important;
    padding:11px !important;
    overflow:visible !important;
}
.rich-toolbar{
    display:flex;
    gap:5px;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:7px;
}
.rich-toolbar button{
    min-width:36px;
    min-height:34px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--panel2);
    color:var(--text);
    padding:5px 8px;
    font-size:.78rem;
}
.toolbar-divider{
    height:24px;
    border-left:1px solid var(--line);
    margin:0 2px;
}
.rich-editor{
    width:100%;
    box-sizing:border-box;
    min-height:118px;
    max-height:260px;
    overflow-y:auto;
    background:var(--panel2);
    border:1px solid transparent;
    border-radius:16px;
    padding:12px 13px;
    color:var(--text);
    line-height:1.45;
    outline:none;
    -webkit-user-select:text;
    user-select:text;
}
.rich-editor:focus{
    border-color:color-mix(in srgb,var(--brand) 55%,var(--line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent);
}
.rich-editor:empty::before{
    content:attr(data-placeholder);
    color:var(--muted);
    pointer-events:none;
}
.rich-editor p{
    margin:.25rem 0;
}
.rich-editor ul,
.rich-editor ol{
    padding-left:1.4rem;
}
.composer-privacy-note{
    margin-top:7px;
    color:var(--muted);
    font-size:.72rem;
    line-height:1.35;
}
.composer-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-top:8px;
}
.composer-actions{
    margin:0 !important;
}
.send-message-btn{
    min-width:82px;
}
.rich-message{
    line-height:1.45;
    word-break:break-word;
}
.rich-message p{
    margin:.2rem 0;
}
.rich-message ul,
.rich-message ol{
    padding-left:1.25rem;
    margin:.3rem 0;
}
.rich-message a,
.rich-message img{
    display:none !important;
}

@media(max-width:760px){
    .compact-room-identity{
        grid-template-columns:122px minmax(0,1fr) 34px;
        gap:8px;
    }
    .room-look-mini.has-look{
        width:52px;
        height:66px;
        flex-basis:52px;
    }
    .room-look-mini.has-look .profile-avatar-mini{
        width:52px;
        height:53px;
    }
    .conversation-boost{
        padding:9px 10px;
    }
    .conversation-boost-head{
        align-items:flex-start;
    }
    .conversation-boost-head .btn{
        padding:7px 9px;
        font-size:.72rem;
    }
    .rich-editor{
        min-height:130px;
        max-height:230px;
    }
    .rich-toolbar{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:3px;
    }
    .rich-toolbar button{
        flex:0 0 auto;
    }
    .composer-footer{
        align-items:flex-end;
    }
}


/* V3.4.4 — Connect mobile layout repair */

/*
 * The legacy .composer rules use a multi-column layout.
 * Rich Composer must be a simple vertical stack.
 */
.rich-composer,
.composer.rich-composer,
.composer-priority.rich-composer{
    display:block !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:12px !important;
    margin:10px 0 12px !important;
    position:relative !important;
    inset:auto !important;
    overflow:visible !important;
}

.rich-composer > *{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}

.rich-toolbar{
    display:flex !important;
    width:100% !important;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
    margin:0 0 8px !important;
}

.rich-editor{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    min-height:132px !important;
    box-sizing:border-box !important;
    margin:0 !important;
}

.composer-privacy-note{
    display:block !important;
    width:100% !important;
    margin:8px 0 0 !important;
    padding:7px 9px;
    border-radius:12px;
    background:color-mix(in srgb,var(--panel2) 72%,transparent);
    font-size:.72rem;
    line-height:1.35;
    color:var(--muted);
}

.composer-footer{
    display:flex !important;
    width:100% !important;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-top:9px !important;
}

.composer-actions{
    display:flex !important;
    margin-left:auto !important;
    width:auto !important;
    flex:0 0 auto;
    gap:8px;
}

.send-message-btn{
    min-width:92px;
    min-height:44px;
}

.voice-inline{
    flex:0 0 44px;
    width:44px !important;
    height:44px;
}

/* Header: keep real-photo progress + profile look compact and visible. */
.compact-room-identity{
    display:grid !important;
    grid-template-columns:118px minmax(0,1fr) 34px !important;
    gap:9px !important;
    align-items:center !important;
    margin:4px 0 10px !important;
}

.dual-connection-visual{
    display:flex !important;
    gap:6px !important;
    width:118px !important;
    min-width:118px !important;
    align-items:center !important;
    overflow:visible !important;
}

.connection-avatar-large{
    width:58px !important;
    height:64px !important;
    flex:0 0 58px !important;
    border-radius:19px !important;
}

.connection-avatar-large .reveal-avatar{
    width:58px !important;
    height:64px !important;
    border-radius:19px !important;
}

.room-look-mini.has-look{
    display:block !important;
    position:relative !important;
    width:54px !important;
    height:64px !important;
    flex:0 0 54px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:linear-gradient(145deg,var(--panel2),color-mix(in srgb,var(--accent) 7%,var(--panel)));
}

/* The mini Profile Look previously inherited a tiny scale intended for badges.
   Enlarge it enough to be recognizable here. */
.room-look-mini.has-look .mini-style-stage{
    width:54px !important;
    height:54px !important;
    min-height:54px !important;
    border-radius:16px !important;
    overflow:hidden !important;
}

.room-look-mini.has-look .profile-avatar-mini{
    width:54px !important;
    height:54px !important;
    min-height:54px !important;
    overflow:hidden !important;
}

.room-look-mini.has-look .compact-avatar{
    transform:scale(.30) !important;
    transform-origin:50% 25% !important;
    margin:-21px 0 0 -21px !important;
}

.room-look-mini.has-look small{
    position:absolute !important;
    left:3px !important;
    right:3px !important;
    bottom:2px !important;
    width:auto !important;
    padding:2px 3px !important;
    font-size:.46rem !important;
    line-height:1 !important;
    background:rgba(255,255,255,.88) !important;
    color:#444 !important;
    border-radius:999px !important;
    text-align:center !important;
}

/* Do not let alias/title force the whole header wider than the viewport. */
.compact-room-identity > div:nth-child(2){
    min-width:0 !important;
}
.compact-room-identity h1{
    margin:.1rem 0 .2rem !important;
    font-size:clamp(1.35rem,6vw,1.9rem) !important;
    line-height:1.04 !important;
    overflow-wrap:anywhere;
}

/* Conversation idea sits above the composer but stays compact. */
.conversation-boost{
    margin:7px 0 8px !important;
    padding:9px 10px !important;
}
.conversation-boost-head{
    display:flex;
    align-items:center;
    gap:8px;
}
.conversation-boost-head > div{
    min-width:0;
}
.conversation-boost-head .eyebrow{
    font-size:.61rem;
}
.conversation-boost-head b{
    font-size:.82rem;
}
.conversation-boost-head .btn{
    margin-left:auto;
    flex:0 0 auto;
}

/* Tighten secondary actions so the first messages appear sooner. */
.room-tools{
    padding:3px 0 !important;
    margin:2px 0 !important;
}
.voice-policy-note{
    padding:4px 2px 7px !important;
}
.chat-first{
    margin-top:5px !important;
}

@media(max-width:760px){
    .rich-composer{
        padding:10px !important;
        border-radius:20px !important;
    }

    .rich-toolbar{
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        padding-bottom:3px;
    }

    .rich-toolbar button{
        flex:0 0 auto !important;
    }

    .rich-editor{
        min-height:138px !important;
        max-height:250px !important;
    }

    .composer-footer{
        align-items:center !important;
    }

    .compact-room-identity{
        grid-template-columns:114px minmax(0,1fr) 32px !important;
    }

    .dual-connection-visual{
        width:114px !important;
        min-width:114px !important;
    }

    .connection-avatar-large{
        width:56px !important;
        height:61px !important;
        flex-basis:56px !important;
    }

    .connection-avatar-large .reveal-avatar{
        width:56px !important;
        height:61px !important;
    }

    .room-look-mini.has-look{
        width:52px !important;
        height:61px !important;
        flex-basis:52px !important;
    }

    .room-look-mini.has-look .mini-style-stage,
    .room-look-mini.has-look .profile-avatar-mini{
        width:52px !important;
        height:52px !important;
        min-height:52px !important;
    }
}

@media(max-width:390px){
    .compact-room-identity{
        grid-template-columns:106px minmax(0,1fr) 30px !important;
        gap:7px !important;
    }

    .dual-connection-visual{
        width:106px !important;
        min-width:106px !important;
        gap:4px !important;
    }

    .connection-avatar-large{
        width:52px !important;
        height:58px !important;
        flex-basis:52px !important;
    }

    .connection-avatar-large .reveal-avatar{
        width:52px !important;
        height:58px !important;
    }

    .room-look-mini.has-look{
        width:50px !important;
        height:58px !important;
        flex-basis:50px !important;
    }

    .compact-room-identity h1{
        font-size:1.32rem !important;
    }

    .conversation-boost-head b{
        display:none;
    }

    .composer-privacy-note{
        font-size:.68rem;
    }
}


/* V3.4.5 — reliable mini Profile Look and clickable connection identity */

.room-profile-link{
    color:inherit;
    text-decoration:none;
}
.room-profile-link:active,
.room-profile-link:hover{
    text-decoration:underline;
    text-decoration-thickness:2px;
    text-underline-offset:3px;
}

.room-look-mini.has-look{
    text-decoration:none;
    color:inherit;
}

.compact-profile-look{
    position:relative;
    width:100%;
    height:100%;
    min-height:52px;
    overflow:hidden;
    border-radius:15px;
    background:linear-gradient(145deg,#f8f1ff,#ecf8ff);
}
.compact-look-head{
    position:absolute;
    left:50%;
    top:10px;
    transform:translateX(-50%);
    width:17px;
    height:17px;
    border-radius:50%;
    background:#e6b28d;
    z-index:3;
}
.compact-look-hair{
    position:absolute;
    left:50%;
    top:5px;
    transform:translateX(-50%);
    width:24px;
    height:13px;
    background:var(--mini-hair);
    border-radius:15px 15px 6px 6px;
    z-index:4;
}
.compact-profile-look.hair-long .compact-look-hair,
.compact-profile-look.hair-braids .compact-look-hair,
.compact-profile-look.hair-locs .compact-look-hair{
    height:29px;
    width:27px;
    border-radius:16px 16px 10px 10px;
}
.compact-profile-look.hair-afro .compact-look-hair{
    width:30px;
    height:20px;
    border-radius:50%;
    top:1px;
}
.compact-profile-look.hair-bald .compact-look-hair{
    display:none;
}
.compact-look-body{
    position:absolute;
    left:50%;
    top:27px;
    transform:translateX(-50%);
    width:31px;
    height:19px;
    border-radius:10px 10px 6px 6px;
    background:var(--mini-top);
}
.compact-profile-look[data-silhouette="femme"] .compact-look-body{
    width:34px;
    clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);
}
.compact-profile-look[data-silhouette="masc"] .compact-look-body{
    width:36px;
    border-radius:7px;
}
.compact-look-bottom{
    position:absolute;
    left:50%;
    top:43px;
    transform:translateX(-50%);
    width:24px;
    height:9px;
    border-radius:4px;
    background:var(--mini-bottom);
}
.compact-look-headwear,
.compact-look-accessory{
    position:absolute;
    z-index:8;
    font-size:10px;
    line-height:1;
}
.compact-look-headwear{right:1px;top:1px}
.compact-look-accessory{left:1px;top:22px}
.compact-look-accessory.second{left:auto;right:1px;top:23px}

.age-preference-card{
    background:var(--panel2);
    border:1px solid var(--line);
    border-radius:18px;
    padding:15px;
}
.age-range-fields{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:9px;
    align-items:end;
}
.age-range-fields>span{
    padding-bottom:14px;
    color:var(--muted);
    font-weight:850;
}
.age-range-fields.compact{
    max-width:520px;
}
@media(max-width:390px){
    .age-range-fields{
        grid-template-columns:1fr 22px 1fr;
        gap:5px;
    }
}


/* =========================================================
   COUPLR DARK THEME — polished Midnight mode
   ========================================================= */

html[data-theme="midnight"]{
    color-scheme:dark;

    --bg:#0d1020;
    --panel:#151a2d;
    --panel2:#1d2339;
    --text:#f7f4fb;
    --muted:#aeb5c8;
    --line:#2d3550;

    --brand:#ff7f8f;
    --brand2:#ffaf98;
    --accent:#b39cff;
    --success:#59c9a5;

    --shadow:
        0 18px 52px rgba(0,0,0,.38),
        0 1px 0 rgba(255,255,255,.025) inset;
}

/* Background */
html[data-theme="midnight"] body{
    background:
        radial-gradient(
            circle at 92% -8%,
            rgba(179,156,255,.18),
            transparent 34%
        ),
        radial-gradient(
            circle at -10% 28%,
            rgba(255,127,143,.11),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #0d1020 0%,
            #101426 55%,
            #0b0e1b 100%
        );
    background-attachment:fixed;
}

/* Ambient hearts become subtle light accents */
html[data-theme="midnight"] .ambient-heart{
    color:rgba(255,152,170,.12);
    filter:drop-shadow(0 0 18px rgba(179,156,255,.1));
}

/* Header */
html[data-theme="midnight"] .topbar{
    background:rgba(13,16,32,.84);
    border-bottom-color:rgba(111,124,161,.20);
    box-shadow:0 10px 28px rgba(0,0,0,.12);
}

html[data-theme="midnight"] .brand-mark{
    background:
        linear-gradient(
            135deg,
            #ff758c,
            #8d79f4
        );
    box-shadow:
        0 9px 24px rgba(141,121,244,.27),
        0 0 0 1px rgba(255,255,255,.08) inset;
}

html[data-theme="midnight"] .nav a{
    color:#e8e8f1;
}

html[data-theme="midnight"] .nav a:hover{
    color:#ffffff;
}

html[data-theme="midnight"] .nav-cta{
    background:#f3effb;
    color:#141728 !important;
}

/* Cards and panels */
html[data-theme="midnight"] .panel,
html[data-theme="midnight"] .me-card,
html[data-theme="midnight"] .intro-card,
html[data-theme="midnight"] .question-card,
html[data-theme="midnight"] .conversation-boost,
html[data-theme="midnight"] .setup-checklist,
html[data-theme="midnight"] .verify-tile,
html[data-theme="midnight"] .reward-track>div,
html[data-theme="midnight"] .together-card,
html[data-theme="midnight"] .roadmap details{
    background:
        linear-gradient(
            145deg,
            rgba(26,32,53,.97),
            rgba(20,25,43,.97)
        );
    border-color:rgba(100,112,150,.26);
    box-shadow:
        0 14px 35px rgba(0,0,0,.22),
        0 1px 0 rgba(255,255,255,.03) inset;
}

/* Inputs */
html[data-theme="midnight"] input,
html[data-theme="midnight"] select,
html[data-theme="midnight"] textarea,
html[data-theme="midnight"] .rich-editor{
    background:#111629;
    color:#f7f4fb;
    border-color:#303955;
    box-shadow:0 1px 0 rgba(255,255,255,.025) inset;
}

html[data-theme="midnight"] input::placeholder,
html[data-theme="midnight"] textarea::placeholder,
html[data-theme="midnight"] .rich-editor:empty::before{
    color:#7f899f;
}

html[data-theme="midnight"] input:focus,
html[data-theme="midnight"] select:focus,
html[data-theme="midnight"] textarea:focus,
html[data-theme="midnight"] .rich-editor:focus{
    border-color:#8d79e8;
    box-shadow:
        0 0 0 3px rgba(141,121,232,.16),
        0 8px 25px rgba(0,0,0,.16);
}

/* Buttons */
html[data-theme="midnight"] .btn{
    border-color:#39425f;
    background:#202740;
    color:#f4f1fa;
}

html[data-theme="midnight"] .btn:hover{
    background:#282f4a;
    border-color:#4b5576;
}

html[data-theme="midnight"] .btn.primary{
    border-color:transparent;
    background:
        linear-gradient(
            135deg,
            #ff758c,
            #8e79ed
        );
    color:#fff;
    box-shadow:
        0 10px 28px rgba(123,103,222,.25);
}

html[data-theme="midnight"] .btn.ghost{
    background:rgba(255,255,255,.035);
    color:#e9e6f2;
}

html[data-theme="midnight"] .btn.danger{
    background:#41202d;
    border-color:#653246;
    color:#ffdbe3;
}

/* Links and small accents */
html[data-theme="midnight"] a{
    color:#c4b6ff;
}

html[data-theme="midnight"] .eyebrow{
    color:#ff9bad;
}

html[data-theme="midnight"] .muted,
html[data-theme="midnight"] small{
    color:#a9b0c3;
}

/* Status / notices */
html[data-theme="midnight"] .notice{
    background:#171e32;
    border-color:#34405f;
}

html[data-theme="midnight"] .notice.success{
    background:#122b2a;
    border-color:#286a5c;
    color:#d6fff2;
}

html[data-theme="midnight"] .notice.warn{
    background:#302719;
    border-color:#685334;
    color:#ffe8bd;
}

html[data-theme="midnight"] .notice.error{
    background:#321a25;
    border-color:#71364b;
    color:#ffd9e2;
}

/* Dashboard hero */
html[data-theme="midnight"] .dashboard-hero,
html[data-theme="midnight"] .hero-card{
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(179,156,255,.18),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #1a2035,
            #12172a
        );
    border-color:#2e3855;
}

/* Chat */
html[data-theme="midnight"] .chat{
    background:transparent;
}

html[data-theme="midnight"] .bubble{
    background:#1d243a;
    border-color:#303a57;
    color:#f3f1f7;
    box-shadow:0 8px 22px rgba(0,0,0,.16);
}

html[data-theme="midnight"] .bubble.mine{
    background:
        linear-gradient(
            145deg,
            #382f68,
            #2b2751
        );
    border-color:#514879;
}

html[data-theme="midnight"] .reaction-chip{
    background:#252d46;
    border-color:#3b4564;
}

html[data-theme="midnight"] .reaction-tray button{
    background:#20283f;
    border-color:#36405d;
}

html[data-theme="midnight"] .composer-privacy-note{
    background:#151c31;
    border:1px solid #29344f;
}

html[data-theme="midnight"] .rich-toolbar button{
    background:#1b2238;
    border-color:#303a57;
    color:#ece8f5;
}

/* Bottom navigation — darker glass, brighter active state */
html[data-theme="midnight"] .premium-bottomnav{
    background:
        linear-gradient(
            180deg,
            rgba(29,34,55,.97),
            rgba(16,20,35,.98)
        );
    border:1px solid rgba(99,111,148,.24);
    box-shadow:
        0 15px 38px rgba(0,0,0,.42),
        0 1px 0 rgba(255,255,255,.04) inset;
}

html[data-theme="midnight"] .premium-bottomnav a{
    color:#939bb0;
}

html[data-theme="midnight"] .premium-bottomnav .nav-icon{
    background:
        linear-gradient(
            145deg,
            #252d47,
            #181e32
        );
    border-color:#313b59;
    box-shadow:
        0 7px 18px rgba(0,0,0,.26),
        0 1px 0 rgba(255,255,255,.025) inset;
}

html[data-theme="midnight"] .premium-bottomnav a.active{
    color:#d7cdff;
}

html[data-theme="midnight"] .premium-bottomnav a.active .nav-icon{
    background:
        linear-gradient(
            145deg,
            #493f79,
            #2b2958
        );
    border-color:#665a9e;
    box-shadow:
        0 8px 22px rgba(108,89,198,.27),
        0 0 0 1px rgba(255,255,255,.025) inset;
}

html[data-theme="midnight"] .mobile-nav-collapse{
    background:#1e263d;
    color:#d7dbee;
    border-color:#34405f;
}

/* Badges */
html[data-theme="midnight"] .trust-badge,
html[data-theme="midnight"] .required-pill,
html[data-theme="midnight"] .optional-pill{
    background:#202840;
    border-color:#36415f;
    color:#cfd3df;
}

html[data-theme="midnight"] .trust-badge b{
    color:#c4b6ff;
}

html[data-theme="midnight"] .task-count-bubble{
    background:
        linear-gradient(
            145deg,
            #8d79ed,
            #c573a9
        );
}

html[data-theme="midnight"] .setup-task-icon{
    background:#242c45;
}

/* Profile Look editor */
html[data-theme="midnight"] .wardrobe-stage,
html[data-theme="midnight"] .expanded-stage{
    background:
        radial-gradient(
            circle at 50% 12%,
            rgba(179,156,255,.17),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #202942,
            #141a2d
        );
    border-color:#34415f;
}

html[data-theme="midnight"] .look-option-card{
    background:#1b2238;
    border-color:#303a57;
    color:#f4f1f8;
}

html[data-theme="midnight"] .look-option-card.selected{
    background:
        linear-gradient(
            145deg,
            #352f61,
            #272449
        );
    border-color:#8d79e8;
    box-shadow:
        0 0 0 2px rgba(141,121,232,.14);
}

html[data-theme="midnight"] .look-option-preview{
    background:#252d46;
    box-shadow:0 6px 16px rgba(0,0,0,.20);
}

html[data-theme="midnight"] .look-strip-arrow{
    background:#20283f;
    border-color:#35405f;
    color:#efeaf9;
}

html[data-theme="midnight"] .look-current span{
    background:#202840;
    border-color:#35405f;
}

/* Theme selector itself */
html[data-theme="midnight"] .theme-option{
    color:#d9d9e4;
}

html[data-theme="midnight"] .theme-midnight .theme-dot{
    background:
        radial-gradient(
            circle at 70% 30%,
            #d4c8ff 0 11%,
            transparent 12%
        ),
        radial-gradient(
            circle at 70% 30%,
            rgba(212,200,255,.20) 0 24%,
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #1d2540,
            #090c19
        );
    border:1px solid #3a4566;
    box-shadow:
        0 7px 18px rgba(0,0,0,.28);
}

/* Tables */
html[data-theme="midnight"] .tablewrap{
    border-color:#2e3853;
    background:#141a2c;
}

html[data-theme="midnight"] table{
    color:#eceaf2;
}

html[data-theme="midnight"] th{
    color:#b8bfd0;
    background:#181f34;
}

html[data-theme="midnight"] td,
html[data-theme="midnight"] th{
    border-bottom-color:#2a334d;
}

/* Modal / overlays */
html[data-theme="midnight"] .modal,
html[data-theme="midnight"] .modal-card,
html[data-theme="midnight"] dialog{
    background:#171d31;
    color:#f5f2f9;
    border-color:#303a56;
}

/* Scrollbar */
html[data-theme="midnight"]{
    scrollbar-color:#4a5473 #111527;
}

html[data-theme="midnight"] ::-webkit-scrollbar-track{
    background:#111527;
}

html[data-theme="midnight"] ::-webkit-scrollbar-thumb{
    background:#414b69;
    border-radius:999px;
}

html[data-theme="midnight"] ::-webkit-scrollbar-thumb:hover{
    background:#53607f;
}

/* Selection */
html[data-theme="midnight"] ::selection{
    background:#7562bf;
    color:#fff;
}

/* iOS / PWA polish */
@media(max-width:760px){
    html[data-theme="midnight"] .topbar{
        background:rgba(13,16,32,.90);
    }

    html[data-theme="midnight"] .mobile-look-save-fab{
        background:
            linear-gradient(
                135deg,
                #ff758c,
                #7d6add
            );
        box-shadow:
            0 11px 28px rgba(0,0,0,.35);
    }
}


/* =========================================================
   COUPLR SIMPLE HOME
   ========================================================= */

.simple-home-hello{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin:4px 0 16px;
}

.simple-home-hello h1{
    margin:.16rem 0 .2rem;
    font-size:clamp(1.75rem,5vw,2.45rem);
}

.simple-home-hello h1 span{
    color:var(--brand);
}

.simple-home-hello p{
    margin:0;
    color:var(--muted);
    font-size:.95rem;
}

.simple-home-notifications{
    position:relative;
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:17px;
    background:var(--panel);
    text-decoration:none;
    box-shadow:var(--shadow);
    font-size:1.12rem;
}

.simple-home-notifications b{
    position:absolute;
    right:-4px;
    top:-5px;
    min-width:20px;
    height:20px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:var(--brand);
    color:#fff;
    border:2px solid var(--bg);
    font-size:.62rem;
}

.simple-next-card{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    padding:18px;
    border:1px solid var(--line);
    border-radius:24px;
    background:
        radial-gradient(
            circle at 95% 5%,
            color-mix(
                in srgb,
                var(--accent) 12%,
                transparent
            ),
            transparent 34%
        ),
        var(--panel);
    box-shadow:var(--shadow);
    margin-bottom:14px;
}

.simple-next-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:20px;
    background:
        linear-gradient(
            145deg,
            color-mix(
                in srgb,
                var(--brand) 15%,
                var(--panel2)
            ),
            var(--panel2)
        );
    font-size:1.55rem;
}

.simple-next-copy{
    min-width:0;
}

.simple-next-copy h2{
    margin:.15rem 0 .3rem;
    font-size:1.24rem;
}

.simple-next-copy p{
    margin:0;
    color:var(--muted);
    line-height:1.4;
}

.simple-next-btn{
    white-space:nowrap;
}

.simple-alert-card{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    border:1px solid var(--line);
    border-radius:17px;
    padding:11px 12px;
    background:var(--panel2);
    margin-bottom:14px;
}

.simple-alert-card small{
    display:block;
    color:var(--muted);
    margin-top:2px;
}

.simple-home-main{
    display:grid;
    gap:10px;
}

.simple-main-card{
    position:relative;
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto 18px;
    gap:12px;
    align-items:center;
    min-height:72px;
    border:1px solid var(--line);
    border-radius:20px;
    padding:11px 13px;
    background:var(--panel);
    color:var(--text);
    text-decoration:none;
    box-shadow:0 6px 20px rgba(35,45,70,.05);
}

.simple-main-card:active{
    transform:scale(.992);
}

.simple-main-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:var(--panel2);
    font-size:1.25rem;
}

.simple-main-card b{
    display:block;
    font-size:1rem;
}

.simple-main-card small{
    display:block;
    color:var(--muted);
    margin-top:2px;
}

.simple-main-card strong{
    min-width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:var(--brand);
    color:#fff;
    font-size:.7rem;
}

.simple-main-card i{
    font-style:normal;
    color:var(--muted);
    font-size:1.4rem;
}

.simple-privacy-tip{
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    margin:13px 0;
    padding:9px 11px;
    border-radius:15px;
    background:
        color-mix(
            in srgb,
            var(--panel2) 78%,
            transparent
        );
    font-size:.76rem;
}

.simple-privacy-tip p{
    margin:0;
    color:var(--muted);
}

.simple-privacy-tip b{
    color:var(--text);
}

.simple-privacy-tip a{
    font-weight:850;
}

.simple-more{
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--panel);
    overflow:hidden;
    margin-bottom:14px;
}

.simple-more summary{
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:14px 16px;
    cursor:pointer;
    font-weight:900;
}

.simple-more summary::-webkit-details-marker{
    display:none;
}

.simple-more[open] summary{
    border-bottom:1px solid var(--line);
}

.simple-more-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:11px;
}

.simple-more-grid a{
    display:grid;
    grid-template-columns:35px minmax(0,1fr);
    gap:8px;
    align-items:center;
    padding:10px;
    border:1px solid var(--line);
    border-radius:15px;
    background:var(--panel2);
    color:var(--text);
    text-decoration:none;
}

.simple-more-grid a>span{
    grid-row:1 / span 2;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:var(--panel);
}

.simple-more-grid b{
    font-size:.78rem;
}

.simple-more-grid small{
    color:var(--muted);
    font-size:.65rem;
}

html[data-theme="midnight"] .simple-next-card,
html[data-theme="midnight"] .simple-main-card,
html[data-theme="midnight"] .simple-more{
    background:
        linear-gradient(
            145deg,
            rgba(26,32,53,.97),
            rgba(20,25,43,.97)
        );
}

html[data-theme="midnight"] .simple-home-notifications,
html[data-theme="midnight"] .simple-alert-card,
html[data-theme="midnight"] .simple-main-icon,
html[data-theme="midnight"] .simple-more-grid a{
    background:#1d2339;
}

html[data-theme="midnight"] .simple-more-grid a>span{
    background:#252d46;
}

@media(max-width:760px){

    .simple-home-hello{
        margin-top:0;
        margin-bottom:12px;
    }

    .simple-home-hello h1{
        font-size:1.62rem;
    }

    .simple-home-hello p{
        font-size:.82rem;
    }

    .simple-next-card{
        grid-template-columns:48px minmax(0,1fr);
        padding:14px;
        border-radius:21px;
    }

    .simple-next-icon{
        width:48px;
        height:48px;
        border-radius:17px;
        font-size:1.25rem;
    }

    .simple-next-copy h2{
        font-size:1.08rem;
    }

    .simple-next-copy p{
        font-size:.79rem;
    }

    .simple-next-btn{
        grid-column:1 / -1;
        width:100%;
        min-height:46px;
    }

    .simple-alert-card{
        grid-template-columns:30px minmax(0,1fr) auto;
    }

    .simple-main-card{
        min-height:68px;
        grid-template-columns:48px minmax(0,1fr) auto 14px;
        padding:9px 11px;
    }

    .simple-main-icon{
        width:44px;
        height:44px;
    }

    .simple-main-card b{
        font-size:.94rem;
    }

    .simple-main-card small{
        font-size:.69rem;
    }

    .simple-more-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:390px){

    .simple-home-notifications{
        width:44px;
        height:44px;
        flex-basis:44px;
    }

    .simple-main-card{
        grid-template-columns:44px minmax(0,1fr) auto 12px;
        gap:9px;
    }

    .simple-main-icon{
        width:41px;
        height:41px;
    }

    .simple-more-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   COUPLR HELP — VALUE & DIFFERENTIATION
   ========================================================= */

.help-difference-hero{
    text-align:center;
    max-width:760px;
    margin:4px auto 18px;
}
.help-difference-hero h1{
    margin:.2rem 0 .45rem;
    font-size:clamp(2rem,6vw,3.2rem);
}
.help-difference-hero p{
    margin:0 auto;
    max-width:650px;
    color:var(--muted);
    font-size:1rem;
    line-height:1.55;
}
.help-value-card{
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    gap:15px;
    align-items:center;
}
.help-value-icon{
    width:66px;height:66px;
    display:grid;place-items:center;
    border-radius:22px;
    font-size:2rem;
    background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 14%,var(--panel2)),color-mix(in srgb,var(--accent) 16%,var(--panel2)));
}
.help-value-card h2{
    margin:.1rem 0 .35rem;
}
.help-value-card p{
    margin:0;color:var(--muted);line-height:1.55;
}
.help-value-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:10px 0;
}
.help-value-grid article{
    border:1px solid var(--line);
    background:var(--panel);
    border-radius:20px;
    padding:15px;
    box-shadow:0 8px 24px rgba(30,40,65,.05);
}
.help-value-grid article>span{
    width:42px;height:42px;
    display:grid;place-items:center;
    border-radius:14px;
    background:var(--panel2);
    font-size:1.2rem;
}
.help-value-grid h3{
    margin:.65rem 0 .3rem;
}
.help-value-grid p{
    margin:0;color:var(--muted);line-height:1.5;font-size:.9rem;
}
.help-approach-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    margin-top:14px;
}
.help-approach-steps>div{
    min-width:0;
    border:1px solid var(--line);
    border-radius:16px;
    padding:11px;
    background:var(--panel2);
}
.help-approach-steps b{
    width:28px;height:28px;
    display:grid;place-items:center;
    border-radius:999px;
    background:linear-gradient(135deg,var(--brand),var(--accent));
    color:#fff;
    font-size:.7rem;
    margin-bottom:7px;
}
.help-approach-steps span{
    display:block;
    font-weight:900;
    margin-bottom:3px;
}
.help-approach-steps small{
    color:var(--muted);
    line-height:1.35;
}
.help-philosophy p,
.help-not-secret p,
.help-safety-note p{
    color:var(--muted);
    line-height:1.6;
}
.help-not-secret{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:13px;
}
.help-secret-mark{
    width:52px;height:52px;
    display:grid;place-items:center;
    border-radius:18px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 17%,var(--panel2)),var(--panel2));
    font-size:1.4rem;
}
html[data-theme="midnight"] .help-value-grid article,
html[data-theme="midnight"] .help-value-card,
html[data-theme="midnight"] .help-approach,
html[data-theme="midnight"] .help-philosophy,
html[data-theme="midnight"] .help-not-secret,
html[data-theme="midnight"] .help-safety-note{
    background:linear-gradient(145deg,rgba(26,32,53,.97),rgba(20,25,43,.97));
}
html[data-theme="midnight"] .help-value-grid article>span,
html[data-theme="midnight"] .help-approach-steps>div{
    background:#1d2339;
}

@media(max-width:760px){
    .help-value-card{
        grid-template-columns:52px minmax(0,1fr);
    }
    .help-value-icon{
        width:52px;height:52px;border-radius:17px;
    }
    .help-value-grid{
        grid-template-columns:1fr;
    }
    .help-approach-steps{
        grid-template-columns:1fr 1fr;
    }
    .help-approach-steps>div:last-child{
        grid-column:1/-1;
    }
}

@media(max-width:390px){
    .help-approach-steps{
        grid-template-columns:1fr;
    }
    .help-approach-steps>div:last-child{
        grid-column:auto;
    }
}