/* Product shell, discovery, rooms and profile. Load after premium-ui.css.
   Game scenes and communications keep their own visual treatment. */
:root { color-scheme: light; --muted: #646070; --accent: #7138be; --accent-soft: #f0eafa; --lime: #7138be; --green: #157453; --line: #e9e5ed; }
body { background: #f7f6f9; }
.romeo-shell { --ink: #292332; --muted: #646070; --bg: #fbfafc; --surface: #fff; --surface-2: #f4f1f7; --surface-3: #ebe5f1; --line: #e9e5ed; background: #fbfafc; }
.romeo-shell .main { min-width: 0; background: #fbfafc; }
.romeo-shell #page { min-width: 0; }
.romeo-shell .sidebar { background: #fff; border-right: 1px solid var(--line); }
.sidebar .nav-item { min-height: 46px; border-radius: 10px; color: #646070; }
.sidebar .nav-item.active { background: #f0eafa; color: #622ba9; box-shadow: none; }
.sidebar .secondary-nav { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 16px; }
.sidebar .account-mini { color: #292332; }
.sidebar .account-mini small { color: #646070; }
.romeo-shell .topbar { display: flex; border-bottom: 1px solid var(--line); margin-bottom: 28px; background: transparent; }
.romeo-shell .icon-btn { min-width: 44px; min-height: 44px; color: #646070; }
.romeo-shell .coin-pill { min-height: 44px; background: #fff; border: 1px solid var(--line); color: #58416f; box-shadow: none; }
.romeo-shell :is(button,a,[role=button]):focus-visible { outline: 3px solid #7138be; outline-offset: 3px; }
.romeo-shell .btn.primary { background: #7138be; color: #fff; box-shadow: none; }
.romeo-shell .btn.primary:hover { background: #602ca4; }
.romeo-shell .btn.secondary { background: #fff; border: 1px solid #d8d0df; color: #4c3b60; box-shadow: none; }
.romeo-shell .btn { min-height: 44px; }
.product-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 24px; }
.product-heading h1 { font-size: 28px; line-height: 1.2; letter-spacing: -.035em; }
.product-heading p { color: #646070; font-size: 13px; line-height: 1.6; margin-top: 6px; }
.product-heading > div { min-width: 0; }
.product-heading > button { flex-shrink: 0; }
.amar-home .amar-promo-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; padding: 0; margin-bottom: 26px; overflow: visible; }
.amar-home .amar-promo { display: flex; flex-direction: column; justify-content: start; gap: 5px; min-width: 0; width: auto; min-height: 112px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: none; color: #292332; text-align: left; align-items: start; }
.amar-home .amar-promo:before,.amar-home .amar-promo:after { display: none; }
.amar-home .amar-promo-art { position: static; display: grid; place-items: center; color: #7138be; background: #f0eafa; width: 34px; height: 34px; border-radius: 10px; transform: none; margin-bottom: 8px; }
.amar-home .amar-promo-art svg { width: 20px; height: 20px; filter: none; }
.amar-home .amar-promo strong { color: #292332; font-size: 13px; text-shadow: none; }
.amar-home .amar-promo small { color: #646070; font-size: 11px; }
.amar-home .amar-home-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; padding-inline: 0; }
.amar-home .list-toolbar { min-width: 0; margin: 0; }
.amar-home .text-tabs { gap: 22px; overflow-x: auto; }
.romeo-shell .text-tabs button { min-height: 48px; color: #646070; font-size: 14px; }
.romeo-shell .text-tabs button.active { color: #622ba9; }
.amar-home .amar-home-actions { display: flex; flex-shrink: 0; }
.amar-home .amar-people-list { border-top: 1px solid var(--line); }
.amar-home .amar-person { display: grid; grid-template-columns: 72px minmax(0,1fr) 64px; align-items: center; padding: 22px 0; gap: 16px; border-bottom: 1px solid var(--line); }
.amar-home .amar-person-avatar { width: 72px; height: 72px; padding: 0; background: transparent; }
.amar-home .amar-person-avatar .avatar { width: 72px; height: 72px; border-radius: 14px; }
.amar-home .amar-person-copy { min-width: 0; }
.amar-home .amar-person-name { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: transparent; color: #292332; font-size: 16px; font-weight: 650; text-align: left; overflow-wrap: anywhere; }
.amar-home .amar-person-copy p { color: #646070; line-height: 1.6; }
.amar-home .amar-person-tags { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; color: #646070; margin-top: 7px; font-size: 11px; }
.amar-home .amar-person-action { min-height: 44px; min-width: 62px; border: 0; border-radius: 22px; background: #f0eafa; color: #7138be; font-size: 12px; box-shadow: none; }
.romeo-shell .demo-label { color: #725015; background: #fff7e8; border-color: #ead7b4; white-space: normal; }
.romeo-shell .feed-end { color: #646070; }
.romeo-shell :is(.empty,.amar-empty) { color: #646070; min-height: 230px; padding: 40px 24px; border: 1px dashed #d8d0df; border-radius: 16px; background: #fff; }
.romeo-shell .empty p { max-width: 360px; font-size: 13px; line-height: 1.7; }
.romeo-shell .empty h3 { color: #292332; }
.romeo-shell .empty .btn { margin-top: 8px; }
.romeo-shell .category-tabs button { min-height: 44px; color: #646070; background: #f0edf4; }
.romeo-shell .category-tabs button.active { background: #ede4f8; color: #622ba9; }
.romeo-shell .room-empty-band { background: transparent; padding: 0; }
.romeo-shell .room-card { background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; box-shadow: none; }
.romeo-shell .room-photo { border-radius: 0; }
.romeo-shell .room-body { padding: 14px; }
.romeo-shell .room-description { color: #646070; }
.romeo-shell .activity-row { padding: 16px; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 10px; }
.romeo-shell .activity-symbol { background: #f0eafa; color: #7138be; flex-shrink: 0; }
.romeo-shell .activity-copy { min-width: 0; flex: 1; }
.romeo-shell .activity-copy > span { color: #646070; line-height: 1.6; }
.romeo-shell .conversation { min-width: 0; }
.romeo-shell .conversation :is(h3,p) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.romeo-shell .conversation aside { max-width: 115px; color: #646070; }
.romeo-shell .amar-own-cover { padding: 18px 22px; background: #eee7f5; min-height: 0; border-radius: 18px; }
.romeo-shell .amar-own-cover:before,.romeo-shell .amar-own-cover:after { display: none; }
.romeo-shell .amar-own-toolbar { gap: 8px; flex-wrap: wrap; }
.romeo-shell .amar-own-toolbar .btn { color: #4c3b60; min-height: 44px; background: #ffffffbf; }
.romeo-shell .amar-own-toolbar .icon-btn { width: 44px; height: 44px; color: #4c3b60; }
.romeo-shell .amar-own-identity { margin-top: 66px; padding: 46px 20px 18px; border-color: #e4dceb; box-shadow: none; }
.romeo-shell .amar-own-identity p { color: #646070; overflow-wrap: anywhere; line-height: 1.6; }
.romeo-shell .amar-own-identity h1 { overflow-wrap: anywhere; }
.romeo-shell .amar-own-stats :is(span,button) { color: #646070; }
.romeo-shell .amar-own-stats button { min-height: 44px; background: #f0eafa; color: #622ba9; }
.romeo-shell .amar-own-shortcuts { margin: 16px 0; border: 1px solid var(--line); border-radius: 14px; }
.romeo-shell .amar-own-shortcuts button { color: #51465c; }
.romeo-shell .amar-own-shortcuts button > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #f0eafa; color: #7138be; }
.romeo-shell .amar-own-shortcuts svg { width: 21px; height: 21px; }
.romeo-shell .amar-own-tabs { padding-inline: 4px; gap: 28px; background: #fbfafc; }
.romeo-shell .amar-own-tabs button { color: #646070; }
.romeo-shell .amar-own-tabs button.active { color: #622ba9; }
.romeo-shell .amar-own-tabs button.active:after { background: #7138be; }
.romeo-shell :is(.amar-own-info,.amar-own-moments) { margin-top: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; }
.romeo-shell .amar-own-info .amar-verification-grid button { min-height: 52px; color: #5e526c; background: #f4f1f7; font-size: 12px; }
.romeo-shell .amar-own-info :is(dt,small) { color: #646070; }
.romeo-shell .amar-own-info dd { overflow-wrap: anywhere; min-width: 0; }
.romeo-shell .amar-own-account-tools { margin-top: 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.romeo-shell .setting-row { color: #51465c; }
@media (min-width: 701px) {
  .romeo-shell { max-width: 1440px; }
  .romeo-shell .main { padding: 0 clamp(24px,4vw,56px) 40px; }
  .amar-home,.romeo-rooms,.romeo-people,.romeo-messages,.romeo-moments { max-width: 960px; margin-inline: auto; }
}
@media (max-width: 700px) {
  .romeo-shell .main { padding: 0 16px calc(100px + env(safe-area-inset-bottom)); }
  .romeo-shell .topbar { min-height: 76px; margin-bottom: 22px; gap: 10px; }
  .romeo-shell .topbar .pingora-logo { width: 116px!important; height: 42px!important; }
  .product-heading { margin-bottom: 20px; gap: 10px; }
  .product-heading h1 { font-size: 26px; }
  .product-heading p { max-width: 220px; font-size: 12px; }
  .product-heading .btn { padding: 10px; font-size: 12px; }
  .amar-home .amar-promo-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 20px; }
  .amar-home .amar-promo { min-height: 100px; padding: 12px; border-radius: 12px; }
  .amar-home .amar-home-toolbar { flex-wrap: wrap; }
  .amar-home .list-toolbar { flex: 1 1 200px; }
  .amar-home .amar-people-list { padding: 0; }
  .amar-home .amar-person { grid-template-columns: 56px minmax(0,1fr) 62px; gap: 12px; padding: 20px 0; }
  .amar-home .amar-person-avatar { width: 56px; height: 64px; }
  .amar-home .amar-person-avatar .avatar { width: 56px; height: 64px; }
  .amar-home .amar-person-name { font-size: 15px; }
  .romeo-shell .mobile-nav { background: #fff; border-top: 1px solid #e9e5ed; box-shadow: 0 -4px 20px #29233205; }
  .romeo-shell .mobile-nav button { min-height: 48px; color: #646070; }
  .romeo-shell .mobile-nav button.active { color: #622ba9; }
  .romeo-shell .amar-own-cover { padding: 12px; border-radius: 14px; }
  .romeo-shell .amar-own-toolbar { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 4px; }
  .romeo-shell .amar-own-toolbar > span { display: none; }
  .romeo-shell .amar-own-toolbar .btn { flex-direction: column; gap: 3px; padding: 7px 2px; font-size: 10px; border-radius: 12px; }
  .romeo-shell .amar-own-toolbar .btn svg { width: 18px; height: 18px; }
  .romeo-shell .amar-own-toolbar .icon-btn { justify-self: center; }
  .romeo-shell .amar-own-identity { padding-inline: 14px; }
  .romeo-shell .amar-own-stats { margin-inline: 0; }
  .romeo-shell .amar-own-stats > div { min-width: 0; }
  .romeo-shell .amar-own-info { padding: 16px; }
  .romeo-shell .amar-own-tabs { justify-content: space-between; gap: 16px; }
  .romeo-shell .conversation aside { max-width: 76px; }
}
@media (prefers-reduced-motion: reduce) {
  .romeo-shell *, .romeo-shell *:before, .romeo-shell *:after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}

.verified-user-label{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:#e5f1ec;color:#245a45;font-size:11px;font-weight:600;line-height:1.5}
.sr-only:not(:focus):not(:active){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* Profile and preferences use the light product surface, including failure states. */
#profile-form .field label,.romeo-preferences .field label{color:#5e5269}
#profile-form .field input,#profile-form .field textarea,#profile-form .field select,.romeo-preferences .field input,.romeo-preferences .field textarea,.romeo-preferences .field select{color:#292332;background:#fff;border-color:#d6cadd}
#profile-form .form-error,.romeo-preferences .form-error{color:#8f2944;background:#fbeef1;border:1px solid #e3b3c2}
#profile-form .form-error:focus,.romeo-preferences .form-error:focus{outline:2px solid #7138be;outline-offset:3px}

#post-form .field label{color:#5e5269}#post-form .field textarea{color:#292332;background:#fff;border-color:#d6cadd}
#post-form .form-error{color:#8f2944;background:#fbeef1;border:1px solid #e3b3c2}#post-form .form-error:focus{outline:2px solid #7138be;outline-offset:3px}
#post-form .post-pending-note{color:#5e5269;font-size:.85rem;line-height:1.65;margin:12px 0}#post-preview img{max-width:100%;max-height:260px;object-fit:contain}#post-form textarea[readonly]{background:#f5f0f9}

#create-room-form .field label{color:#5e5269}#create-room-form .field input,#create-room-form .field textarea,#create-room-form .field select{color:#292332;background:#fff;border-color:#d6cadd}
#create-room-form .form-error,.room-permission .form-error{color:#8f2944;background:#fbeef1;border:1px solid #e3b3c2}#create-room-form .form-error:focus{outline:2px solid #7138be;outline-offset:3px}.room-pending-note,.room-permission p{color:#5e5269;font-size:.85rem;line-height:1.7;margin:12px 0}

:is(#password-form,#delete-account-form) .field label{color:#5e5269}:is(#password-form,#delete-account-form) .field input{color:#292332;background:#fff;border-color:#d6cadd}:is(#password-form,#delete-account-form) .form-error{color:#8f2944;background:#fbeef1;border:1px solid #e3b3c2}:is(#password-form,#delete-account-form) .form-error:focus{outline:2px solid #7138be;outline-offset:3px}

#delete-account-form .btn.danger{background:#9b2445;color:#fff;min-height:44px}

.sessions-panel{color:#292332}.sessions-panel>p,.sessions-panel .session-row p,.sessions-panel small{color:#5e5269}.sessions-panel .session-row>div{min-width:0;overflow-wrap:anywhere}.sessions-panel .icon-btn{min-width:44px;min-height:44px}.sessions-panel .form-error{color:#8f2944;background:#fbeef1;padding:12px;border-radius:12px}.sessions-panel .form-error:focus{outline:2px solid #7138be;outline-offset:3px}

.notifications-panel{color:#292332}.notifications-panel p,.notifications-panel small{color:#5e5269}.notifications-panel .notification-row{min-height:60px;width:100%;text-align:left}.notifications-panel .notification-row>span{min-width:0;overflow-wrap:anywhere}.notifications-panel .btn{min-height:44px;margin-top:10px}.notifications-panel .form-error{color:#8f2944;background:#fbeef1;padding:12px;border-radius:12px}.notifications-panel .form-error:focus{outline:2px solid #7138be;outline-offset:3px}.notifications-status,.notifications-empty{font-size:.9rem;line-height:1.65}

.comments-panel{color:#292332}.comments-panel p,.comments-panel small,.comments-panel label{color:#5e5269}.comments-panel .comment-row>div{min-width:0;overflow-wrap:anywhere}.comments-panel textarea{width:100%;color:#292332;background:#fff;border-color:#d6cadd}.comments-panel textarea[readonly]{background:#f5f0f9}.comments-panel .btn{min-height:44px;margin-top:10px}.comments-panel .form-error{color:#8f2944;background:#fbeef1;padding:12px;border-radius:12px}.comments-panel .form-error:focus{outline:2px solid #7138be;outline-offset:3px}.comment-pending,.comment-status,.comments-empty{font-size:.9rem;line-height:1.65}

.comments-history-status{font-size:.85rem;line-height:1.6}.comments-panel .comments-log:focus-visible{outline:2px solid #7138be;outline-offset:3px}.comments-history .form-error[hidden]{display:none}

.profile-safety{color:#292332}.profile-safety p,.profile-safety small{color:#5e5269}.profile-safety .btn{min-height:44px}.profile-safety .form-error{color:#8f2944;background:#fbeef1;padding:12px;border-radius:12px}.profile-safety .form-error:focus{outline:2px solid #7138be;outline-offset:3px}.profile-safety .conversation>div{min-width:0;overflow-wrap:anywhere}.profile-safety .btn.danger{background:#9b2445;color:#fff}

.profile-safety .amar-public-stats span,.profile-safety .amar-public-tabs button,.profile-safety .amar-public-info dt,.profile-safety .amar-verification-grid span{color:#5e5269}.profile-safety .amar-public-tabs button.active{color:#8f235a}

.profile-content-controls{padding:12px 0}.profile-content-status{font-size:.85rem;line-height:1.6}.profile-content-controls button{min-height:44px}

.album-viewer{color:#292332}.album-viewer p{color:#5e5269;overflow-wrap:anywhere}.album-image-frame{min-height:160px;display:grid;place-items:center;background:#f5f0f9;border-radius:16px;overflow:hidden}.album-full-image{max-width:100%;max-height:55dvh;object-fit:contain}.album-full-image[hidden]{display:none}.album-viewer .btn{min-height:44px;margin-top:12px}.album-viewer .form-error{padding:12px;background:#fbeef1;color:#8f2944;border-radius:12px}.album-viewer .form-error:focus{outline:2px solid #7138be;outline-offset:3px}

.story-panel{color:#292332}.story-panel p,.story-panel small{color:#5e5269}.story-panel .btn{min-height:44px;margin-top:12px}.story-panel .form-error{padding:12px;color:#8f2944;background:#fbeef1;border-radius:12px}.story-panel .form-error:focus{outline:2px solid #7138be;outline-offset:3px}.story-panel .story-photo[hidden]{display:none}

.auth-panel{color:#29212e;min-width:0}.auth-panel p,.auth-panel label,.auth-panel small{color:#5e4c58}.auth-panel .eyebrow,.auth-panel a{color:#972043}.auth-panel input,.auth-panel select{color:#29212e;background:#fff;border-color:#927c89}.auth-panel input::placeholder{color:#685a64;opacity:1}.auth-panel .auth-tabs button{min-height:44px;color:#5e4c58;background:#faf7f3}.auth-panel .auth-tabs button.active,.auth-panel .btn.primary{background:#ac244c;color:#fff}.auth-panel .btn{min-height:44px}.auth-panel .terms-check{min-height:44px}.auth-panel .form-error{padding:12px;background:#fbeef1;color:#8f2944;border-radius:12px}.auth-panel .form-error:focus,.auth-panel :is(input,select,button,a):focus-visible{outline:2px solid #ac244c;outline-offset:3px}.auth-panel #auth-pending{font-size:.85rem;line-height:1.6}.auth-panel .auth-disclosure{font-size:.85rem;line-height:1.6}
.modal .auth-panel .field :is(input,select){background:#fff;border-color:#927c89;color:#29212e}
.auth-panel{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}.auth-panel h2{font-size:1.5rem;line-height:1.25;margin:18px 0 8px}.auth-panel .auth-tabs{display:flex;gap:8px}.auth-panel .auth-tabs button{flex:1;width:auto;min-width:0;padding:10px 12px;border-radius:12px;font:inherit;font-size:.9rem;white-space:normal;overflow-wrap:anywhere}

.gender-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.82rem;font-weight:650}.gender-filter-row .text-tabs{gap:14px;overflow:auto}.gender-filter-row .text-tabs button{min-height:40px;padding:8px 0;font-size:.82rem}.gender-filter-row .text-tabs button.active:after{height:2px}
@media(max-width:420px){.gender-filter-row{gap:8px}.gender-filter-row .text-tabs{gap:12px}.gender-filter-row .text-tabs button{font-size:.76rem}}

/* Auth sheet: keep this visual treatment isolated from the signed-in flows. */
.modal:has(.auth-panel){width:min(100%,460px);padding:32px;border:1px solid #eee3e7;border-radius:26px;background:radial-gradient(ellipse at 92% 0%,#f9e9ed 0,transparent 36%),#fffdfa;box-shadow:0 28px 90px #20121f38}
.modal-backdrop:has(.auth-panel){background:#21152280;backdrop-filter:blur(9px) saturate(.84)}
.auth-panel .pingora-auth-logo{width:min(210px,68vw);height:64px;margin:0 0 22px;object-position:left center}
.auth-panel .eyebrow{margin:0 0 9px;font-size:.67rem;letter-spacing:.15em;font-weight:850}
.auth-panel h2{margin:0 0 7px;font-size:clamp(1.45rem,5vw,1.7rem);letter-spacing:-.035em}
.auth-panel>p{margin:0 0 20px;font-size:.93rem;line-height:1.55}
.auth-panel .auth-tabs{gap:5px;margin:0 0 20px;padding:4px;border:1px solid #eee5e8;border-radius:16px;background:#f7f2f3}
.auth-panel .auth-tabs button{min-height:46px;padding:9px 10px;border:0;border-radius:12px;background:transparent;color:#685b64;font-size:.88rem;font-weight:700;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.auth-panel .auth-tabs button.active{background:#fff;color:#8f2143;box-shadow:0 2px 8px #3c18200f}
.auth-panel .field{gap:7px;margin-bottom:15px}
.auth-panel .field label{font-size:.82rem;font-weight:700;color:#40343c}
.auth-panel .field :is(input,select){min-height:50px;padding:12px 14px;border:1px solid #d8cbd0;border-radius:14px;background:#fffdfa;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease}
.auth-panel .field :is(input,select):focus{border-color:#ac244c;outline:0;box-shadow:0 0 0 4px #ac244c1b}
.auth-panel .field :is(input,select)::placeholder{color:#82757d;opacity:1}
.auth-panel .field small{font-size:.74rem;line-height:1.45}
.auth-panel .auth-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-panel .terms-check{gap:11px;margin:2px 0 12px;color:#554751;font-size:.82rem;line-height:1.55}
.auth-panel .terms-check input{width:20px;height:20px;flex:none;accent-color:#9d2446}
.auth-panel .auth-disclosure{margin:0 0 16px;font-size:.79rem;line-height:1.55}
.auth-panel .btn.primary{min-height:50px;border-radius:15px;background:linear-gradient(105deg,#a81f48,#c43b5c);box-shadow:0 8px 18px #a8294a2e;font-size:.95rem;font-weight:750;transition:transform .16s ease,box-shadow .16s ease}
.auth-panel .btn.primary:hover{transform:translateY(-1px);box-shadow:0 11px 22px #a8294a38}
.auth-panel #auth-pending{margin:0 0 12px;padding:10px 12px;border:1px solid #e8d9e0;border-radius:12px;background:#faf3f5}
.auth-panel .form-error{border:1px solid #f0d4dc}
@media(max-width:600px){
  .modal-backdrop:has(.auth-panel){padding:0;align-items:flex-end}
  .modal:has(.auth-panel){width:100%;max-width:none;max-height:min(94dvh,900px);padding:27px 20px max(22px,env(safe-area-inset-bottom));border:1px solid #f1e5e9;border-bottom:0;border-radius:28px 28px 0 0;overscroll-behavior:contain}
  .auth-panel .pingora-auth-logo{height:58px;margin-bottom:19px}
  .auth-panel .auth-field-grid{gap:9px}
}
@media(max-width:360px){
  .modal:has(.auth-panel){padding-inline:16px}
  .auth-panel .auth-field-grid{grid-template-columns:1fr;gap:0}
  .auth-panel .auth-tabs button{padding-inline:7px;font-size:.82rem}
}
@media(prefers-reduced-motion:reduce){.auth-panel .auth-tabs button,.auth-panel .field :is(input,select),.auth-panel .btn.primary{transition:none}}

/* Registration follow-up keeps the unavailable-email state readable on the light sheet. */
.modal:has(.verification-panel){width:min(100%,460px);padding:32px;border:1px solid #eee3e7;border-radius:26px;background:radial-gradient(ellipse at 92% 0%,#f9e9ed 0,transparent 36%),#fffdfa;box-shadow:0 28px 90px #20121f38;color:#29212e}
.modal-backdrop:has(.verification-panel){background:#21152280;backdrop-filter:blur(9px) saturate(.84)}
body:has(.verification-panel) #toasts{top:max(12px,env(safe-area-inset-top));right:16px;bottom:auto;left:16px;z-index:120}
.verification-panel{min-width:0;color:#29212e;font:500 15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.verification-panel .verification-symbol{display:grid;width:48px;height:48px;place-items:center;margin:0 0 14px;border:1px solid #e5c4cf;border-radius:16px;background:linear-gradient(145deg,#fbedf1,#fff7f7);color:#9d2146}
.verification-panel .verification-symbol svg{width:23px;height:23px}
.verification-panel h2{margin:0 0 8px;color:#29212e;font-size:1.45rem;line-height:1.25;letter-spacing:-.035em}
.verification-panel>p{margin:0 0 11px;color:#5e5260;font-size:.93rem;line-height:1.6;overflow-wrap:anywhere}
.verification-panel .verification-address{display:inline-block;max-width:100%;margin:0 0 14px;padding:6px 10px;border:1px solid #eadde2;border-radius:10px;background:#fff;color:#51434b;font-size:.84rem;overflow-wrap:anywhere}
.verification-panel .notice{margin:8px 0 15px;padding:13px 14px;border:1px solid #e5d0a8;border-left:3px solid #94652a;border-radius:13px;background:#fff8e9;color:#514337;font-size:.86rem;line-height:1.6}
.verification-panel .field{gap:7px;margin:8px 0 13px}
.verification-panel .field label{color:#40343c;font-size:.84rem;font-weight:700}
.verification-panel .field input{min-height:50px;border:1px solid #d8cbd0;border-radius:14px;background:#fffdfa;color:#29212e;font-size:16px}
.verification-panel .btn{min-height:48px;white-space:normal;line-height:1.4}
.verification-panel .btn.primary{border-radius:14px;background:linear-gradient(105deg,#a81f48,#c43b5c);color:#fff;font-weight:750}
.verification-panel .btn.text{min-height:48px;padding:10px 16px;margin-top:5px;color:#79203e;font-weight:700}
@media(max-width:600px){
  .modal-backdrop:has(.verification-panel){padding:0;align-items:flex-end}
  .modal:has(.verification-panel){width:100%;max-width:none;max-height:min(94dvh,900px);padding:30px 20px max(22px,env(safe-area-inset-bottom));border:1px solid #f1e5e9;border-bottom:0;border-radius:28px 28px 0 0;overscroll-behavior:contain}
}
@media(max-width:360px){.modal:has(.verification-panel){padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.verification-panel .btn{transition:none}}