/* LustWire: a quieter, more readable finish for the creator and Meet views. */
:root { --muted:#816d7c; --line:#e6dce2; --surface-shadow:0 8px 28px #4d243b08; }
html { scrollbar-gutter:stable; }
body { -webkit-font-smoothing:antialiased; }
button, a, input, select, textarea { -webkit-tap-highlight-color:transparent; }
button:disabled { cursor:default; opacity:.55; }
[hidden] { display:none !important; }
:focus-visible { outline:2px solid #a34871; outline-offset:4px; }
button, input, textarea, select { font-family:var(--sans); }
input::placeholder, textarea::placeholder { color:#a18a99; opacity:1; }
.section { scroll-margin-top:96px; }
.section-heading h2 { font-size:clamp(32px,3vw,40px); letter-spacing:-.6px; }
.section-heading p { color:#877181; font-size:13px; line-height:1.8; }
.section-heading .eyebrow { font-size:10px; letter-spacing:1.7px; }
.section-heading>.text-link { min-height:44px; font-size:12px; }
.button { min-height:46px; font-size:12px; transition:background .18s,box-shadow .18s,transform .18s; }
.button-primary { background:#a34365; box-shadow:0 5px 14px #9b3d6015; }
.button-primary:hover { background:#913752; box-shadow:0 7px 20px #9b3d6024; }
.text-link { min-height:44px; }
.icon-button, .round-button, .post-action { min-width:44px; min-height:44px; }
.topbar { box-shadow:0 3px 16px #42243a03; }
.topbar .search-field { min-height:44px; }
.search-field input { font-size:13px; }
.header-actions .button { min-height:44px; font-size:11px; }
.account-button { width:44px; height:44px; }
.sidebar-label { font-size:9px; color:#a392a5; }
.side-nav { gap:5px; margin-bottom:23px; }
.side-nav a, .side-nav button { font-size:12px; min-height:46px; color:#baa8bd; }
.side-nav a.active { background:#d692b410; color:#f0c9db; border-radius:9px; }
.sidebar-promo p { font-size:10px; color:#b8a0b8; }
.sidebar-promo>.button { min-height:44px; font-size:10px; }
.sidebar-install { font-size:11px; }
.sidebar-legal { color:#a089a8; font-size:8px; }
.hero { border:1px solid #fff4; box-shadow:0 12px 36px #41213714; }
.hero-copy>p { font-size:13px; line-height:1.85; max-width:350px; color:#e2cedb; }
.hero .eyebrow { font-size:9px; }
.hero-actions>.button { min-height:48px; font-size:11px; }
.hero-actions>.text-link { min-height:46px; font-size:11px; }
.hero-creator strong { font-size:11px; }
.hero-creator small { font-size:9px; }
.pills .pill { min-height:44px; font-size:11px; padding-inline:18px; }
.curated-label { font-size:9px; color:#94798e; }
.creator-grid { align-items:stretch; }
.creator-card { box-shadow:var(--surface-shadow); display:flex; flex-direction:column; }
.creator-cover { flex-shrink:0; }
.creator-body { display:flex; flex-direction:column; flex:1; padding:17px 15px; }
.creator-name-row h3 { font-size:14px; overflow-wrap:anywhere; }
.creator-meta { font-size:10px; color:#8e7387; }
.creator-description { color:#8c7184; font-size:11px; line-height:1.8; margin:12px 0 17px; }
.creator-body>.button { margin-top:auto; min-height:44px; font-size:11px; }
.room-status { font-size:8px; letter-spacing:.8px; background:#251723a6; }
.follow-button { width:44px; height:44px; }
.preview-caption { color:#987e90; font-size:10px; line-height:1.9; }
.post-card { box-shadow:var(--surface-shadow); }
.post-identity { min-width:0; }
.post-identity strong { font-size:13px; overflow-wrap:anywhere; }
.post-identity small { font-size:10px; line-height:1.8; color:#987c91; }
.post-header>.icon-button { flex-shrink:0; }
.post-copy>p { color:#76576d; font-size:13px; line-height:1.9; overflow-wrap:anywhere; white-space:pre-wrap; }
.post-action { color:#98738b; font-size:11px; }
.post-action-end { font-size:10px; }
.feed-tabs button { font-size:12px; }
.post-media { isolation:isolate; }
.local-media>img, .local-media>video { background:#251a26; }
.creator-invite p, .sidebar-note p { font-size:11px; }
.creator-invite small { font-size:10px; }
.sidebar-note h3 { font-size:12px; }
.sidebar-note>.text-link { font-size:11px; }
.support-banner p { color:#8f6e85; font-size:13px; line-height:1.8; }
.support-options strong { font-size:14px; }
.support-options small { font-size:11px; color:#9d7b91; line-height:1.6; }
.support-options button { min-height:88px; }
.footer-main>span, .footer-main button { font-size:11px; }
.footer-bottom { font-size:10px; color:#92768b; line-height:1.8; }
.footer-main>div { flex-wrap:wrap; }
.app-dialog, .composer-dialog { border-color:#e5d1de; }
.dialog-copy, .platform-dialog .small-note { color:#8c6d82; font-size:13px; line-height:1.85; }
.app-dialog>.eyebrow { font-size:10px; }
.dialog-close { width:44px; height:44px; }
.platform-form label, .field-label { font-size:12px; color:#805970; }
.platform-form .check-row { font-size:12px!important; color:#87657b; }
.platform-form input:focus, .platform-form textarea:focus, .platform-form select:focus { background:#fff; border-color:#b87899; }
.platform-form .form-error, .form-error { color:#963e5c; background:#fff3f6; border-color:#edc4d3; font-size:12px; line-height:1.7; }
.platform-form .form-error:empty { display:none; }
.platform-form input:disabled { color:#9e8c98; }
.platform-form textarea { min-height:110px; }
.composer-header { border-bottom-color:#ecdee6; }
.composer-footer p { font-size:11px; color:#927187; }
.drop-zone { transition:background .2s,border-color .2s; }
.drop-zone small { font-size:11px; }
.profile-body>.profile-handle { font-size:12px; }
.profile-actions>.button, .account-tools>.button { min-height:46px; font-size:12px; }
.meet-deck-panel { box-shadow:var(--surface-shadow); background:radial-gradient(ellipse at 80% 0,#f6e5ed66,transparent 60%),#fbf8fa; }
.meet-state { font-size:11px; color:#97758a; }
.meet-label { font-size:14px; }
.meet-matches-button { font-size:12px; }
.meet-card-name h3 { font-size:45px; }
.meet-card-body>p { font-size:13px; color:#7f5a72; }
.meet-card-meta { font-size:11px; color:#98617e; }
.meet-tags>span { font-size:10px; padding:7px 11px; }
.meet-card-photo { background:radial-gradient(ellipse at 25% 0,#976f89,#2c1b2c); }
.image-fallback { position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 0,#a97e99,#493047);color:#f0d9e8;font:400 70px var(--serif);z-index:-1; }
.creator-cover>.image-fallback { z-index:0; }
.meet-avatar,.meet-big-avatar { position:relative;isolation:isolate; }
.meet-avatar>.image-fallback,.meet-big-avatar>.image-fallback { font-size:24px; }
.meet-privacy { color:#96778a; font-size:10px; max-width:400px; margin-inline:auto; }
.meet-swipe-actions>button>span { font-size:10px; }
.meet-swipe-actions>.meet-preferences>span { font-size:8px; }
.meet-rail-heading>.eyebrow { font-size:9px; }
.meet-no-matches>strong { font-size:12px; color:#95728a; }
.meet-no-matches>p, .meet-rail-note>p { font-size:11px; color:#a08095; }
.meet-rail-note>.text-link { font-size:11px; }
.meet-match-person strong { font-size:12px; }
.meet-match-person>span { font-size:10px; }
.meet-form-intro { color:#8d6b81; font-size:13px; }
.meet-profile-form label { font-size:12px; }
.meet-photo-editor>small { font-size:11px; }
.meet-loading>.icon { animation:meet-breathe 1.4s ease-in-out infinite; }
@keyframes meet-breathe { 50%{opacity:.35;transform:scale(.92)} }
.messenger-status { font-size:12px; line-height:1.7; color:#9b758d; margin:-5px 0 19px; min-height:20px; }
.thread-sidebar { scrollbar-width:thin; }
.thread-sidebar>.small-note { padding:8px; }
.person-result { display:flex; flex-direction:column; gap:6px; font-size:12px; }
.person-result>strong { font-size:12px; font-weight:500; }
.person-result>span { font-size:10px; line-height:1.7; }
.person-result:disabled { opacity:.7; background:#f4edf1; color:#9c8192; }
.thread-item { min-height:76px; padding-block:16px; }
.thread-item strong { font-size:12px; }
.thread-item span { font-size:11px; line-height:1.6; }
.thread-heading strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.thread-heading .icon-button { width:44px; height:44px; }
.thread-messages { overscroll-behavior:contain; }
.direct-bubble p { font-size:13px; line-height:1.75; }
.direct-bubble small { font-size:9px; }
.direct-form>.round-button { width:44px; height:44px; }
.conversation-welcome { margin:auto; padding:25px 15px; text-align:center; color:#ae819e; }
.conversation-welcome>.icon { width:35px; height:35px; }
.conversation-welcome>h3 { font:400 31px/1.2 var(--serif); color:#8a5776; margin:18px 0 13px; }
.conversation-welcome>p { max-width:260px; margin:auto; font-size:12px; line-height:1.85; color:#a18297; }
.conversation-unavailable { padding:20px; background:#fbf2f7; border:1px solid #eed8e5; border-radius:10px; font-size:13px; line-height:1.8; color:#996d86; }
.toast[popover] { top:auto; right:auto; margin:0; overflow:visible; }
.toast { font-size:12px; line-height:1.7; padding:13px 19px; }
.toast::backdrop { background:transparent; pointer-events:none; }
.mobile-nav>a, .mobile-nav>button { font-size:10px; color:#a17a93; }
.mobile-meet>.meet-nav-icon { transition:background .2s,box-shadow .2s; }
.mobile-meet.active>.meet-nav-icon { background:#a34365; color:white; box-shadow:0 4px 12px #a3436525; }
@media(min-width:1500px) { .container{width:min(1300px,calc(100% - 96px))}.hero{min-height:450px}.hero h1{font-size:76px}.creator-cover{height:290px} }
@media(max-width:1100px) and (min-width:901px) { .topbar{gap:13px}.topbar .search-field{width:230px}.header-actions .button{padding-inline:13px} }
@media(max-width:900px) { .section{scroll-margin-top:88px}.pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.pills .pill{flex-shrink:0}.hero-copy>p{font-size:13px}.creator-body{padding:15px 12px}.creator-name-row h3{font-size:13px}.creator-description{font-size:11px}.creator-meta{font-size:10px}.header-actions .login-button{font-size:11px}.mobile-nav{padding-top:8px}.meet-card-photo{height:360px}.toast{bottom:calc(96px + env(safe-area-inset-bottom))}.meet-filters input,.meet-filters select{font-size:16px} }
@media(max-width:680px) {
  .container{width:calc(100% - 30px)}.topbar{padding-inline:15px}.header-actions .join-button{font-size:11px;padding-inline:13px}.header-actions .install-short{width:44px}.account-button{margin-left:0}
  .hero{padding:29px 24px;min-height:510px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:clamp(49px,14vw,62px);line-height:1.02}.hero-copy>p{font-size:13px;max-width:320px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions>.button{font-size:11px;min-height:48px}.hero-actions>.text-link{font-size:11px}
  .section-heading{gap:10px;flex-wrap:wrap}.section-heading h2{font-size:35px}.section-heading p{font-size:12px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.25px}.section-heading>.text-link{font-size:11px}.meet-section>.section-heading{gap:0}
  .creator-grid{gap:12px}.creator-cover{height:220px}.creator-name-row h3{font-size:13px}.creator-body{padding:15px 12px}.creator-description{font-size:11px;line-height:1.75;margin-bottom:15px}.creator-body>.button{font-size:11px}.room-status{font-size:7px;max-width:calc(100% - 55px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px}
  .preview-caption{font-size:10px;margin-top:14px}.post-identity strong{font-size:13px}.post-identity small{font-size:10px}.post-copy>p{font-size:13px}.post-action{font-size:11px;padding-inline:6px}.post-action-end{font-size:10px}.post-media{min-height:300px}.local-media>img,.local-media>video{max-height:530px}
  .feed-tabs{gap:22px}.feed-tabs button{font-size:12px}.feed-section .section-heading .desktop-compose{min-height:44px}.support-banner{padding:29px 24px}.support-banner h2{font-size:43px}.support-banner p{font-size:13px}.support-options strong{font-size:14px}.support-options small{font-size:11px}
  .footer-bottom{font-size:10px}.footer-main button{font-size:11px}.footer-main>div{gap:18px}.footer-main{padding-bottom:12px}.footer-main>.brand{font-size:25px}
  .meet-deck-panel{padding:18px 11px}.meet-filters{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px}.meet-filters>label:first-child{grid-column:1/-1}.meet-filters>label:nth-child(2){max-width:none}.meet-filters>label:nth-child(2)>select{font-size:16px;padding-inline:10px}.meet-filters>label:first-child>.icon{display:block}.meet-filters input{padding-inline:10px}.meet-filters>label:first-child{padding-inline:11px}
  .meet-state{font-size:11px;margin-top:12px;min-height:38px}.meet-card-photo{height:clamp(265px,43dvh,370px)}.meet-card-name h3{font-size:40px}.meet-card-body{padding:19px}.meet-card-body>p{font-size:13px}.meet-card-meta{font-size:10px}.meet-tags>span{font-size:10px}.meet-privacy{font-size:10px;max-width:285px;align-items:flex-start}.meet-privacy>.icon{margin-top:3px;flex-shrink:0}.meet-swipe-actions{margin-top:25px}
  .meet-dialog{padding-inline:21px}.meet-profile-form input:not([type=checkbox]),.meet-profile-form select,.meet-profile-form textarea{font-size:16px}.meet-profile-form label{font-size:11px}.meet-profile-form .small-note{font-size:11px}.meet-interest>span{font-size:11px}.meet-photo-editor>small{font-size:11px}
  .platform-dialog{max-height:calc(100dvh - 16px);overflow:auto}.platform-form .check-row{font-size:12px!important}.platform-form .small-note{font-size:11px}.messenger-status{font-size:11px;line-height:1.75;margin-bottom:17px}.messages-dialog>h2{margin-bottom:19px}.messenger{height:min(65dvh,560px)}.direct-form>input{font-size:16px}.thread-heading{gap:5px}.thread-heading strong{font-size:13px}.direct-bubble{max-width:90%}.direct-bubble p{font-size:13px}.thread-item{min-height:76px}.conversation-welcome>h3{font-size:32px}.call-text-row{font-size:12px}
}
@media(max-width:370px) { .mobile-brand{font-size:22px;gap:5px}.mobile-brand img{width:27px;height:27px}.mobile-brand .brand-accent{font-size:26px}.topbar{gap:8px}.header-actions .join-button{font-size:10px;padding-inline:10px}.header-actions .install-short{display:none}.creator-cover{height:190px}.creator-body{padding:13px 10px}.creator-name-row h3{font-size:12px}.creator-meta{font-size:9px}.room-status{font-size:6px}.post-action-end{font-size:9px}.hero{padding-inline:22px}.meet-form-two{grid-template-columns:1fr} }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important} }

.creator-cover.has-no-photo { background:radial-gradient(ellipse at 24% 18%,#eac4d7,transparent 65%),linear-gradient(135deg,#b17c99,#63405d); }
.creator-cover.has-no-photo .cover-monogram { display:block; color:#fff9; font:400 92px/1 var(--serif); }
.run-app-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:20px 48px 0; padding:18px 22px; border:1px solid #ead8e3; border-radius:12px; background:#fff8fc; color:#784660; }
.run-app-banner strong,.run-app-banner small { display:block; }
.run-app-banner strong { font-size:13px; margin-bottom:5px; }
.run-app-banner small { font-size:11px; line-height:1.6; }
.run-app-banner>div { display:flex; align-items:center; gap:20px; flex-shrink:0; }
.run-app-banner .text-link,.run-app-banner .button { font-size:11px; }
.account-card { padding:20px; margin-top:18px; border:1px solid #eadce5; border-radius:12px; background:#fffbfd; }
.account-card h3 { margin:0; font:400 26px/1.2 var(--serif); color:#83516f; }
.account-card .small-note { margin:0; }
.owner-grant { display:grid; gap:6px; padding:18px 0; border-top:1px solid #eadce5; margin-top:16px; color:#80516d; overflow-wrap:anywhere; }
.owner-grant strong { font-size:13px; }.owner-grant small{font-size:11px}.owner-grant>.text-link{justify-self:start}
.account-dialog>h2 { padding-right:20px; }
.account-cover-preview { display:block; width:min(100%,300px); height:260px; object-fit:cover; border-radius:12px; margin:20px auto 12px; }
.account-export { margin-top:22px; width:100%; }
.recovery-key { display:block; width:100%; min-height:120px; padding:16px; margin:20px 0; resize:none; font:14px/1.8 monospace; color:#744b65; background:#fcf4f9; border:1px solid #e9cfdf; border-radius:10px; overflow-wrap:anywhere; }
.welcome-actions { display:grid; gap:12px; margin-top:22px; }
.welcome-action { display:block; padding:20px; color:#80516d; background:#fcf4f9; border:1px solid #e9d8e3; border-radius:12px; text-decoration:none; }
.welcome-action strong,.welcome-action small { display:block; }
.welcome-action strong { font-size:14px; margin-bottom:7px; }
.welcome-action small { font-size:12px; line-height:1.8; }
.start-steps { padding-left:24px; color:#8c6a80; font-size:14px; line-height:1.9; }
.start-steps li { padding:6px 0 6px 6px; }
.thread-heading #threadCall { display:flex; width:auto; gap:7px; padding:0 12px; border-radius:8px; background:#fbf2f7; border:1px solid #ead2df; }
.thread-heading #threadCall[hidden] { display:none; }
.thread-heading #threadCall>span { font-size:11px; white-space:nowrap; }
.gif-picker-button { flex-shrink:0; width:44px; height:44px; background:#fcf1f7; border:1px solid #e8cadb; border-radius:9px; font-size:11px; font-weight:700; color:#975575; }
.gif-picker-button[aria-pressed=true] { background:#a64d76; color:white; }
.direct-form { flex-wrap:nowrap; }.direct-form>input:not([type=file]){min-width:0}
.direct-form>input[type=file][hidden] { display:none; }
.message-gif { position:relative; display:flex; flex-direction:column; align-items:flex-start; width:min(240px,100%); margin:8px 0; overflow:hidden; }
.message-gif>img { display:block; width:auto; max-width:100%; height:auto; max-height:260px; border-radius:10px; object-fit:contain; }
.message-gif>img[hidden] { display:none; }
.gif-play { margin-top:6px; background:transparent; border:0; color:inherit; font-size:10px; padding:4px 2px; text-decoration:underline; text-underline-offset:3px; }
.gif-draft { display:flex; align-items:center; gap:14px; padding:12px 16px; border-top:1px solid #ead2df; background:#fff8fc; color:#8e5a77; max-height:160px; overflow:auto; }
.gif-draft[hidden] { display:none; }.gif-draft .message-gif{width:100px;flex-shrink:0;margin:0}.gif-draft .message-gif>img{max-height:100px}.gif-draft-details{display:grid;gap:6px;min-width:0}.gif-draft-details strong{font-size:11px;overflow-wrap:anywhere}.gif-draft-details small{font-size:10px}.gif-draft-details .text-link{justify-self:start;font-size:10px}
.direct-form,.gif-draft { flex-shrink:0; }
.call-text-row .message-gif { max-width:180px; }
.message-reactions { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-top:9px; }
.reaction-chip { border:1px solid #dcc3d4; border-radius:20px; padding:5px 9px; background:#fff9fd; color:#885972; font-size:11px; min-height:30px; }
.reaction-chip[aria-pressed=true] { background:#f2dae7; border-color:#bd82a1; }
.reaction-picker { position:relative; }.reaction-picker>summary { cursor:pointer; list-style:none; font-size:10px; opacity:.85; padding:8px 5px; }.reaction-picker>summary::-webkit-details-marker{display:none}
.reaction-choices { display:flex; flex-wrap:wrap; gap:3px; padding:7px; margin-top:3px; border:1px solid #dec5d5; border-radius:10px; background:#fff8fc; }
.reaction-choices>button { display:grid; place-items:center; min-width:38px; min-height:38px; border:0; background:transparent; border-radius:8px; font-size:20px; }.reaction-choices>button:hover{background:#f3e1ec}
.message-receipt { display:block; font-size:9px; opacity:.7; margin-top:6px; }
.thread-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px 12px; align-items:center; flex-shrink:0; padding:12px 16px; border-bottom:1px solid #eadbe5; background:#fffbfd; }
.thread-search[hidden] { display:none; }.thread-search>input{width:100%;min-width:0;min-height:42px;border:1px solid #e6d2df;border-radius:8px;padding:10px 12px;color:#714760;background:white;font-size:12px}.thread-search>.text-link{font-size:11px;min-height:42px}.thread-search-count{grid-column:1/-1;font-size:10px;color:#96728a}.thread-search-count:empty{display:none}
.message-day { align-self:center; text-align:center; color:#987a8e; font-size:10px; letter-spacing:.3px; margin:8px 0 2px; }
.message-tools { display:flex; gap:12px; flex-wrap:wrap; margin:2px 0 -5px; }.message-tools>button{background:transparent;border:0;min-height:40px;padding:5px 2px;font-size:10px;color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.85}.message-tools>button[data-message-action=delete]{color:#a24c70}
.direct-bubble.message-deleted { background:#f7f1f5; border:1px dashed #dfcddb; color:#9f8395; }.direct-bubble.message-deleted>p{font-style:italic;color:#9f8395}
.message-report-copy { margin:4px 0 12px; padding:13px 16px; border-left:3px solid #c58ea9; background:#fcf3f8; color:#80516d; font-size:13px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; max-height:240px; overflow:auto; }
@media(max-width:680px) { .thread-search{padding:10px}.thread-search>input{font-size:16px}.message-tools>button{min-height:44px;font-size:11px}.message-day{font-size:10px}.message-report-copy{font-size:13px} }
@media(max-width:900px) { .run-app-banner{margin:16px 24px 0;flex-wrap:wrap;gap:12px}.run-app-banner>div{width:100%;justify-content:space-between;gap:12px} }
@media(max-width:680px) { .run-app-banner{margin:14px 15px 0;padding:16px}.run-app-banner small{font-size:11px}.account-card{padding:16px}.account-dialog input,.account-dialog textarea{font-size:16px}.recovery-key{font-size:14px!important}.account-dialog>.small-note{line-height:1.8} }
