/* NEXO Liquid Glass. Shared by live WKWebView pages and the bundled iPhone theme.
   1. Tokens  2. Surfaces  3. Navigation  4. Content  5. Forms  6. Accessibility.
   Existing forms, timelines, wallpaper, routes and interaction handlers are retained. */

/* 1. Adaptive tokens. Text sits on a denser frosted layer than navigation. */
body.nexo-liquid[data-nexo-glass="1"] {
 --lg-bg:#f1f3fb; --lg-ink:#202438; --lg-muted:#565e76; --lg-accent:#5141b7;
 --lg-glass:rgb(255 255 255 / .72); --lg-content:rgb(255 255 255 / .88);
 --lg-solid:#fdfdff; --lg-field:rgb(241 243 250 / .92); --lg-soft:#eae7fa;
 --lg-edge:rgb(255 255 255 / .22); --lg-line:rgb(58 64 94 / .14);
 --lg-shadow:0 8px 32px rgb(36 42 86 / .07),inset 0 1px 0 rgb(255 255 255 / .22);
 --lg-danger:#b02347; --lg-radius:24px; --lg-control:16px; --lg-blur:24px;
 --lg-body:calc(17px * var(--lg-text-scale,1)); --lg-caption:calc(13px * var(--lg-text-scale,1));
 --lg-tabs-space:calc(104px + (var(--lg-text-scale,1) - 1) * 48px);
 --nx-bg:var(--lg-bg)!important; --nx-surface:var(--lg-content)!important;
 --nx-text:var(--lg-ink)!important; --nx-muted:var(--lg-muted)!important;
 --nx-line:var(--lg-line)!important; --nx-accent:var(--lg-accent)!important;
 --nx-soft:var(--lg-soft)!important; --nx-danger:var(--lg-danger)!important;
 --ink:var(--lg-ink); --muted:var(--lg-muted); --accent:var(--lg-accent); --line:var(--lg-line);
 background:radial-gradient(ellipse at 0 0,#e4dff8,transparent 55%),radial-gradient(ellipse at 100% 35%,#dcf0f3,transparent 55%),var(--lg-bg)!important;
 color:var(--lg-ink); color-scheme:light; font:400 var(--lg-body)/1.6 -apple-system,BlinkMacSystemFont,"Thonburi",sans-serif;
 -webkit-text-size-adjust:100%;
}
body.nexo-liquid[data-nexo-glass="1"] *,body.nexo-liquid[data-nexo-glass="1"] *::before,body.nexo-liquid[data-nexo-glass="1"] *::after {box-sizing:border-box;}
html:has(>body.nexo-liquid[data-nexo-glass="1"]) {background:#f1f3fb;color-scheme:light;}
body.nexo-liquid[data-nexo-glass="1"] [hidden] {display:none!important;}
body.nexo-liquid[data-nexo-glass="1"] :is(h1,h2,h3,p) {overflow-wrap:anywhere;}
body.nexo-liquid[data-nexo-glass="1"] h1 {font-size:calc(clamp(28px,6vw,34px) * var(--lg-text-scale,1));line-height:1.25;letter-spacing:-.025em;color:var(--lg-ink);}
body.nexo-liquid[data-nexo-glass="1"] h2 {font-size:calc(22px * var(--lg-text-scale,1));line-height:1.35;color:var(--lg-ink);}
body.nexo-liquid[data-nexo-glass="1"] h3 {font-size:calc(19px * var(--lg-text-scale,1));line-height:1.4;color:var(--lg-ink);}
body.nexo-liquid[data-nexo-glass="1"] :is(small,.muted,.form-note,.footnote) {font-size:var(--lg-caption);color:var(--lg-muted);}
body.nexo-liquid[data-nexo-glass="1"] :is(button,input,textarea,select) {font-family:inherit;}

/* 2. Reusable surface components, scoped to the app. No blur over image pixels. */
body.nexo-liquid[data-nexo-glass="1"] :is(.card,.form-card,.feed-card,.profile-section,.profile-shortcut,.profile-showcase,.person,.feed-friend-results,.origin-panel,.origin-event,.bot-card,.bots-card,.notification-item,.location-panel,.location-card,.nexo-appearance-button) {
 background:var(--lg-content);color:var(--lg-ink);border:1px solid var(--lg-edge);border-radius:var(--lg-radius);
 box-shadow:var(--lg-shadow);-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(125%);backdrop-filter:blur(var(--lg-blur)) saturate(125%);
 padding:24px;margin-block:16px;
}
body.nexo-liquid[data-nexo-glass="1"] :is(.member-header,.conversation-heading,.origin-project-chat-heading,.origin-chat-heading,.pd-header,.support-heading,.message-composer,.pd-composer,.origin-project-footer,.feed-comment-form) {
 background:var(--lg-glass);color:var(--lg-ink);border-color:var(--lg-line);
 -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(135%);backdrop-filter:blur(var(--lg-blur)) saturate(135%);
 box-shadow:inset 0 1px 0 var(--lg-edge);
}
body.nexo-liquid[data-nexo-glass="1"] :is(.shell,.origin-project-main,.origin-alerts-main,.profile-layout,.feed-layout) {gap:24px;padding-inline:16px;min-width:0;}
/* The native tab bar replaces the desktop sidebar in portrait and landscape. */
body.nexo-liquid[data-nexo-glass="1"] .shell {display:block;width:100%;}
body.nexo-liquid[data-nexo-glass="1"] .shell>main {width:100%;min-width:0;}
/* chat-theme.js sizes the shell to visualViewport. Preserve its flex height chain;
   a block shell leaves main and the flex:1 timeline at zero height. */
body.nexo-liquid[data-nexo-glass="1"].nexo-chat-layout .shell {display:flex;flex-direction:column;}
body.nexo-liquid[data-nexo-glass="1"].nexo-chat-layout .shell>main {flex:1 1 0;min-height:0;}
body.nexo-liquid[data-nexo-glass="1"].nexo-chat-layout .chat-workspace:not(.has-peer)>.chat-directory {height:100%;overflow-y:auto;}
body.nexo-liquid[data-nexo-glass="1"] :is(.feed-card,.origin-panel,.profile-section) :is(.card,.feed-card,.origin-panel,.profile-section) {backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;}

/* 3. Navigation, safe areas, menu sheets and tap feedback. */
body.nexo-liquid[data-nexo-glass="1"] .member-header {height:auto;min-height:64px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));gap:8px;}
body.nexo-liquid[data-nexo-glass="1"]:not(.nexo-liquid-chat) {padding-top:env(safe-area-inset-top);}
body.nexo-liquid[data-nexo-glass="1"] .member-header .brand {min-width:44px;min-height:44px;font-size:28px;color:var(--lg-ink);}
body.nexo-liquid[data-nexo-glass="1"] :is(a.member-account,.nexo-icon-button,.nexo-icon-tray a,.nexo-icon-tray button,.chat-back,.origin-project-back,.origin-chat-heading>a,.pd-header>a) {min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--lg-control);}
body.nexo-liquid[data-nexo-glass="1"] :is(button,summary,[role=button],.quiet-link,.primary) {min-width:44px;min-height:44px;touch-action:manipulation;}
body.nexo-liquid[data-nexo-glass="1"] :is(button,summary,a) {transition:opacity 160ms ease,transform 160ms ease,background-color 160ms ease;-webkit-tap-highlight-color:transparent;}
body.nexo-liquid[data-nexo-glass="1"] :is(button,summary,.nexo-icon-button,.quiet-link,#nexo-app-tabs a):active {transform:scale(.98);opacity:.82;}
body.nexo-liquid[data-nexo-glass="1"] :is(a,button,input,textarea,select,summary):focus-visible {outline:3px solid var(--lg-accent);outline-offset:3px;}
body.nexo-liquid[data-nexo-glass="1"] button:disabled {opacity:.48;cursor:not-allowed;transform:none;}
body.nexo-liquid[data-nexo-glass="1"] #nexo-app-tabs {left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));padding:8px;gap:0;border:1px solid var(--lg-edge);border-radius:32px;background:var(--lg-glass);box-shadow:var(--lg-shadow);-webkit-backdrop-filter:blur(32px) saturate(150%);backdrop-filter:blur(32px) saturate(150%);}
body.nexo-liquid[data-nexo-glass="1"] #nexo-app-tabs a {min-width:44px;min-height:56px;border-radius:24px;color:var(--lg-muted);font-size:calc(11px * var(--lg-text-scale,1));text-align:center;}
body.nexo-liquid[data-nexo-glass="1"] #nexo-app-tabs a[aria-current] {color:var(--lg-accent);background:var(--lg-soft);}
body.nexo-liquid[data-nexo-glass="1"].nexo-app-shell {padding-bottom:calc(var(--lg-tabs-space) + env(safe-area-inset-bottom));}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-menu summary {width:44px;height:44px;background:var(--lg-glass);border:1px solid var(--lg-edge);color:var(--lg-ink);border-radius:16px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.origin-project-menu>div,.feed-post-menu form,dialog,.nx-sheet) {border:1px solid var(--lg-edge);border-radius:24px;background:var(--lg-content);color:var(--lg-ink);box-shadow:var(--lg-shadow);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-menu>div {top:52px;right:0;max-width:calc(100vw - 32px);padding:8px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-menu :is(a,button) {min-height:48px;color:var(--lg-ink);background:transparent;border-radius:16px;padding:8px 16px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-menu button:last-child {color:var(--lg-danger);}
body.nexo-liquid[data-nexo-glass="1"] dialog {padding:24px 24px calc(24px + env(safe-area-inset-bottom));max-height:88dvh;}
body.nexo-liquid[data-nexo-glass="1"] dialog::backdrop {background:rgb(18 23 40 / .42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}

/* 4. Feed, directory, messages, PD, Origin, notifications and profile. */
body.nexo-liquid[data-nexo-glass="1"] :is(.feed-author-copy b,.feed-post-body,.contact-copy b,.conversation-heading b,.profile-showcase-person h1,.section-title h2) {color:var(--lg-ink);}
body.nexo-liquid[data-nexo-glass="1"] :is(.feed-post-body,.showcase-bio,.profile-section p,.origin-panel p,.location-hero-copy p,.support-page>p,.notification-copy) {font-size:var(--lg-body);}
body.nexo-liquid[data-nexo-glass="1"] :is(.feed-author-copy a,.contact-copy small,.contact-meta,.conversation-heading small,.showcase-handle,.showcase-bio,.origin-project-chat-heading p,.origin-chat-heading p,.origin-chat-heading small) {color:var(--lg-muted);}
body.nexo-liquid[data-nexo-glass="1"] :is(.feed-post-image,.origin-event-photos,.origin-traffic-chat-photos) {border-radius:16px;}
body.nexo-liquid[data-nexo-glass="1"] .conversation-row {background:var(--lg-content);border:1px solid var(--lg-edge);border-radius:24px;margin-block:8px;}
body.nexo-liquid[data-nexo-glass="1"] .contact-row {min-height:80px;padding:16px;gap:16px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.conversation-pin,.conversation-clear) {min-width:44px;width:44px;min-height:44px;}
body.nexo-liquid[data-nexo-glass="1"] .contact-copy {min-width:0;}
body.nexo-liquid[data-nexo-glass="1"] .contact-copy b {font-size:var(--lg-body);}
body.nexo-liquid[data-nexo-glass="1"] .contact-copy small {font-size:var(--lg-caption);}
body.nexo-liquid[data-nexo-glass="1"] .conversation-shortcuts {gap:8px;}
body.nexo-liquid[data-nexo-glass="1"] .conversation-shortcuts a {padding:16px;border-radius:24px;background:var(--lg-content);border:1px solid var(--lg-edge);}
body.nexo-liquid[data-nexo-glass="1"] :is(.profile-section-tabs,.notification-filters) {gap:8px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.profile-section-tabs a,.notification-filters a,.nx-chip) {min-height:44px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.profile-showcase-actions a,.quiet-link,.provider-button,a.primary,.location-back) {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;}
body.nexo-liquid[data-nexo-glass="1"] .location-shell {padding:24px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));}
body.nexo-liquid[data-nexo-glass="1"] :is(.bubble:not(.mine),.origin-project-message>div,.origin-chat-bubble,.pd-message.assistant,.support-message>div) {background:var(--lg-content);color:var(--lg-ink);border:1px solid var(--lg-edge);border-radius:24px;box-shadow:0 4px 16px rgb(36 42 86 / .04);}
body.nexo-liquid[data-nexo-glass="1"] :is(.bubble p,.origin-project-message p,.origin-chat-bubble p,.pd-message p) {color:inherit;font-size:var(--lg-body);line-height:1.65;}
body.nexo-liquid[data-nexo-glass="1"] .bubble.mine {background:linear-gradient(135deg,#6555cf,#7443bc);color:#fff;}
body.nexo-liquid[data-nexo-glass="1"] .bubble.mine small {color:#f1edff;}
body.nexo-liquid[data-nexo-glass="1"] :is(.origin-project-message>small,.origin-project-message time) {color:var(--lg-muted);font-size:var(--lg-caption);}
body.nexo-liquid[data-nexo-glass="1"] :is(.origin-project-message>div,.origin-chat-bubble) {padding:24px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-message {margin-bottom:24px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-message>small {margin-bottom:8px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-hint {padding:16px;color:var(--lg-muted);background:var(--lg-field);font-size:var(--lg-caption);line-height:1.6;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-chat-heading {padding:16px;gap:8px;min-height:80px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-chat-heading h1 {font-size:calc(19px * var(--lg-text-scale,1));line-height:1.4;color:var(--lg-ink);}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-avatar {height:48px;width:48px;background:var(--lg-soft);border-radius:16px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-traffic-chat-photos {gap:16px;margin-block:16px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-traffic-chat-photos figure {background:var(--lg-field);border:1px solid var(--lg-line);border-radius:16px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-traffic-chat-photos img {background:var(--lg-field);}
body.nexo-liquid[data-nexo-glass="1"] .origin-traffic-chat-photos figcaption {padding:16px;color:var(--lg-muted);font-size:var(--lg-caption);}
body.nexo-liquid[data-nexo-glass="1"] .origin-traffic-chat-photos figure.is-unavailable a:before {color:var(--lg-muted);}
body.nexo-liquid[data-nexo-glass="1"] .origin-photo-retry {margin:0 16px 16px;background:var(--lg-solid);color:var(--lg-accent);}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-footer {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));font-size:var(--lg-caption);color:var(--lg-muted);}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-footer a {display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--lg-accent);}
body.nexo-liquid[data-nexo-glass="1"] :is(#group-status,#chat-status,.chat-typing) {color:var(--lg-muted);background:var(--lg-content);font-size:var(--lg-caption);}
body.nexo-liquid[data-nexo-glass="1"] :is(#group-status,#chat-status):empty {padding:0;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-empty {font-size:var(--lg-body);color:var(--lg-muted);padding:32px 24px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.pd-header,.pd-composer,.pd-message,.pd-prompt-block,.location-share-card,.chat-location-card) {border-color:var(--lg-line);border-radius:24px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.pd-prompt-block,.location-share-card,.chat-location-card) {background:var(--lg-content);color:var(--lg-ink);padding:16px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.pd-copy,.pd-composer button,.location-share-card a,.chat-location-card a) {min-width:44px;min-height:44px;}

/* Conversations keep their existing wallpaper and remain clear of system bars. */
body.nexo-liquid[data-nexo-glass="1"] .pd-chat {background:transparent;}
body.nexo-liquid[data-nexo-glass="1"] :is(.pd-intro,.pd-bubble:not(.mine)) {background:var(--lg-content);border:1px solid var(--lg-edge);border-radius:24px;color:var(--lg-ink);padding:24px;box-shadow:var(--lg-shadow);}
body.nexo-liquid[data-nexo-glass="1"] .pd-intro {margin:16px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.pd-intro p,.pd-privacy,.pd-header p,.pd-notice,.pd-composer small,.location-caption,.location-footer,.location-choice small,.origin-muted,.origin-alerts-hero p,.origin-steps span) {color:var(--lg-muted);font-size:var(--lg-caption);}
body.nexo-liquid[data-nexo-glass="1"] .pd-bubble {font-size:var(--lg-body);border-radius:24px;line-height:1.65;}
body.nexo-liquid[data-nexo-glass="1"] .pd-bubble.mine {background:linear-gradient(135deg,#6555cf,#7443bc);color:#fff;}
body.nexo-liquid[data-nexo-glass="1"] .pd-header h1 {font-size:calc(19px * var(--lg-text-scale,1));}
body.nexo-liquid[data-nexo-glass="1"] .pd-examples {display:flex;flex-wrap:wrap;gap:8px;}
body.nexo-liquid[data-nexo-glass="1"] .pd-examples button {padding:8px 16px;border-radius:16px;background:var(--lg-soft);color:var(--lg-accent);border:1px solid var(--lg-line);}
body.nexo-liquid[data-nexo-glass="1"] :is(.origin-alerts-page,.support-page) {max-width:960px;padding:24px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left));}
body.nexo-liquid[data-nexo-glass="1"] :is(.origin-primary,.origin-quiet,.origin-back) {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 16px;border-radius:16px;}
body.nexo-liquid[data-nexo-glass="1"] .origin-primary {background:linear-gradient(135deg,#6555cf,#7443bc);color:#fff;}
body.nexo-liquid[data-nexo-glass="1"] .origin-register-form {gap:16px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.support-room,.support-bubble,.nexo-access-card,.support-permission details) {background:var(--lg-content);color:var(--lg-ink);border-color:var(--lg-line);border-radius:24px;}
body.nexo-liquid[data-nexo-glass="1"] .support-scroll {background:transparent;padding:16px;}
body.nexo-liquid[data-nexo-glass="1"] .support-compose {background:var(--lg-glass);padding:16px;gap:8px;flex-wrap:wrap;}
body.nexo-liquid[data-nexo-glass="1"] .support-compose textarea {flex:1 1 180px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.support-page>p,.support-heading small,.support-bubble b,.support-bubble small,.support-empty,.support-status) {color:var(--lg-muted);}
body.nexo-liquid[data-nexo-glass="1"] :is(.support-compose button,.support-request button) {background:linear-gradient(135deg,#6555cf,#7443bc);color:#fff;}
body.nexo-liquid[data-nexo-glass="1"] .bot-intro {background:var(--lg-content)!important;}
body.nexo-liquid[data-nexo-glass="1"] :is(.bot-heading p,.bot-identity p,.bot-stats,.bot-guide p,.bots-page form small,.notification-copy time) {color:var(--lg-muted);font-size:var(--lg-caption);}
body.nexo-liquid[data-nexo-glass="1"] :is(.notification-item button,.notification-copy) {color:var(--lg-ink);background:transparent;}
body.nexo-liquid[data-nexo-glass="1"] :is(.bot-guide pre,.bot-empty) {background:var(--lg-field);color:var(--lg-ink);padding:16px;border-radius:16px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.support-page>a,.origin-info>a,.bot-actions>a,.bot-intro a,.notification-more) {display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--lg-accent);}
body.nexo-liquid[data-nexo-glass="1"].nexo-liquid-chat {padding:0;}
body.nexo-liquid[data-nexo-glass="1"].nexo-liquid-chat :is(.member-header,#nexo-app-tabs) {display:none!important;}
body.nexo-liquid[data-nexo-glass="1"].nexo-liquid-chat :is(.shell,.origin-project-main) {margin:0 auto;padding:0;max-width:1120px;}
body.nexo-liquid[data-nexo-glass="1"].nexo-liquid-chat .shell>main>.heading {display:none;}
body.nexo-liquid[data-nexo-glass="1"].nexo-liquid-chat .chat-workspace.has-peer {display:block;width:100%;height:100dvh;min-height:0;border:0;border-radius:0;}
body.nexo-liquid[data-nexo-glass="1"].nexo-liquid-chat .chat-workspace.has-peer>.chat-directory {display:none;}
body.nexo-liquid[data-nexo-glass="1"].nexo-liquid-chat .conversation-pane {height:100%;border-radius:0;background:var(--chat-wallpaper,transparent);background-size:cover;background-position:center;}
body.nexo-liquid[data-nexo-glass="1"].nexo-liquid-chat :is(.conversation-heading,.origin-project-chat-heading,.origin-chat-heading,.pd-header) {padding-top:calc(16px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));}
body.nexo-liquid[data-nexo-glass="1"] :is(#messages,#group-messages) {background:transparent;padding:24px 16px;overscroll-behavior:contain;}
body.nexo-liquid[data-nexo-glass="1"] .origin-project-page #group-messages {background:transparent;}
body.nexo-liquid[data-nexo-glass="1"] .message-composer {gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));}
body.nexo-liquid[data-nexo-glass="1"] :is(.message-composer>button,.call-toolbar button,.group-call-header-actions button) {min-width:44px;width:44px;min-height:44px;height:44px;}

/* 5. Forms preserve all names, validation, tokens, handlers and selected values. */
body.nexo-liquid[data-nexo-glass="1"] :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea) {min-height:48px;min-width:0;max-width:100%;padding:8px 16px;border:1px solid var(--lg-line);border-radius:16px;background:var(--lg-field);color:var(--lg-ink);font-size:var(--lg-body);}
body.nexo-liquid[data-nexo-glass="1"] input::file-selector-button {min-height:44px;border:1px solid var(--lg-line);border-radius:16px;background:var(--lg-solid);color:var(--lg-accent);padding:8px 16px;}
body.nexo-liquid[data-nexo-glass="1"] :is(input,textarea)::placeholder {color:var(--lg-muted);opacity:1;}
body.nexo-liquid[data-nexo-glass="1"] :is(.profile-form,.origin-form,.form-card form) {gap:16px;}
body.nexo-liquid[data-nexo-glass="1"] :is(.primary,.feed-publish,.send-message) {min-height:48px;border-radius:16px;background:linear-gradient(135deg,#6555cf,#7443bc);color:#fff;font-weight:600;}
body.nexo-liquid[data-nexo-glass="1"] :is(.quiet,.quiet-link,.provider-button,.origin-photo-retry) {min-height:44px;padding:8px 16px;border-radius:16px;border-color:var(--lg-line);}
body.nexo-liquid[data-nexo-glass="1"] :is(label:has(input[type=checkbox]),label:has(input[type=radio])) {min-height:44px;padding-block:8px;}
body.nexo-liquid[data-nexo-glass="1"] :is(p,small,.form-note,.footnote) a {display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--lg-accent);}

/* 6. Small screens and accessibility: opaque fallback is always usable. */
@media(max-width:680px) {
 body.nexo-liquid[data-nexo-glass="1"] .chat-workspace.has-peer>.chat-directory {display:none;}
 body.nexo-liquid[data-nexo-glass="1"] .origin-project-back {display:inline-flex;}
 body.nexo-liquid[data-nexo-glass="1"] :is(.card,.feed-card,.profile-section,.origin-panel,.form-card) {padding:16px;}
 body.nexo-liquid[data-nexo-glass="1"] .origin-project-message>div {padding:16px;}
 body.nexo-liquid[data-nexo-glass="1"] .conversation-heading {flex-wrap:wrap;gap:8px;}
 body.nexo-liquid[data-nexo-glass="1"] .conversation-heading>div:first-of-type {flex:1;min-width:72px;}
 body.nexo-liquid[data-nexo-glass="1"] .origin-project-chat-heading>div {min-width:0;}
 body.nexo-liquid[data-nexo-glass="1"] .conversation-row>.contact-row {padding:16px 8px;gap:8px;}
 body.nexo-liquid[data-nexo-glass="1"] .member-account {font-size:12px;}
 body.nexo-liquid[data-nexo-glass="1"] .origin-traffic-chat-photos {grid-template-columns:1fr;}
}
@media(prefers-color-scheme:dark) {
 html:has(>body.nexo-liquid[data-nexo-glass="1"]) {background:#101321;color-scheme:dark;}
 body.nexo-liquid[data-nexo-glass="1"] {--lg-bg:#101321;--lg-ink:#f3f4fa;--lg-muted:#c0c6da;--lg-accent:#c4b9ff;--lg-glass:rgb(30 35 53 / .78);--lg-content:rgb(30 35 53 / .93);--lg-solid:#20263a;--lg-field:rgb(42 48 70 / .96);--lg-soft:#34304f;--lg-line:rgb(203 211 241 / .18);--lg-shadow:0 8px 32px rgb(0 0 0 / .18),inset 0 1px 0 var(--lg-edge);--lg-danger:#ffb2c3;color-scheme:dark;background:radial-gradient(ellipse at 0 0,#29203c,transparent 55%),radial-gradient(ellipse at 100% 35%,#182c34,transparent 55%),var(--lg-bg)!important;}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 body.nexo-liquid[data-nexo-glass="1"] {--lg-glass:var(--lg-solid);--lg-content:var(--lg-solid);}
}
@media(prefers-reduced-transparency:reduce) {
 body.nexo-liquid[data-nexo-glass="1"] {--lg-glass:var(--lg-solid);--lg-content:var(--lg-solid);--lg-blur:0px;}
 body.nexo-liquid[data-nexo-glass="1"] * {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}
@media(prefers-contrast:more) {
 body.nexo-liquid[data-nexo-glass="1"] {--lg-glass:var(--lg-solid);--lg-content:var(--lg-solid);--lg-line:var(--lg-muted);--lg-edge:var(--lg-muted);--lg-shadow:none;}
}
@media(prefers-reduced-motion:reduce) {
 body.nexo-liquid[data-nexo-glass="1"] *,body.nexo-liquid[data-nexo-glass="1"] *::before,body.nexo-liquid[data-nexo-glass="1"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
 body.nexo-liquid[data-nexo-glass="1"] :is(button,summary,a):active {transform:none;}
}
/* Native WKWebView bridge covers WebKit versions without transparency media queries. */
html[data-nexo-reduce-transparency] body.nexo-liquid[data-nexo-glass="1"],html[data-nexo-increased-contrast] body.nexo-liquid[data-nexo-glass="1"] {--lg-glass:var(--lg-solid);--lg-content:var(--lg-solid);--lg-blur:0px;}
html[data-nexo-reduce-transparency] body.nexo-liquid[data-nexo-glass="1"] * {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html[data-nexo-increased-contrast] body.nexo-liquid[data-nexo-glass="1"] {--lg-line:var(--lg-muted);--lg-edge:var(--lg-muted);--lg-shadow:none;}