/* Generated from app-theme-catalog.js by scripts/build-app-themes.js. */
/* Theme cards use the same palette as the full application. */
.app-theme-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:300px;overflow:auto;padding:3px 3px 7px;margin:8px 0 18px}
.app-theme-card{position:relative;min-width:0;min-height:94px;padding:12px 13px;text-align:left;overflow:hidden;border:2px solid var(--g-divider);border-radius:17px;background:var(--card-surface);color:var(--card-ink);box-shadow:0 2px 8px #17243b0d}
.app-theme-card::before{content:"";position:absolute;inset:0 0 auto;height:39px;background:linear-gradient(110deg,var(--card-glow),var(--card-canvas));opacity:.9;pointer-events:none}
.app-theme-card::after{content:"";position:absolute;right:15px;top:14px;width:36px;height:20px;border-radius:5px;background:var(--card-accent);box-shadow:-41px 0 0 -5px var(--card-ink),0 24px 0 -6px var(--card-glow);pointer-events:none}
.app-theme-card strong,.app-theme-card small{position:relative;z-index:1;display:block;max-width:calc(100% - 68px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-theme-card strong{margin-top:20px;font-size:13px}.app-theme-card small{font-size:11px;opacity:.78;margin-top:2px}
.app-theme-card[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 24%,transparent)}
.app-theme-card:disabled{opacity:.55;cursor:not-allowed}.app-theme-card:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.app-theme-card[data-family="editorial"]{border-radius:3px;font-family:Georgia,"Times New Roman",serif}
.app-theme-card[data-family="arcade"]{border-radius:5px;font-family:ui-monospace,Consolas,monospace}
.app-theme-card[data-family="manga"]{border-radius:20px 5px 20px 5px}
.app-theme-card[data-family="terminal"]{border-radius:2px;font-family:ui-monospace,Consolas,monospace}
.app-theme-card[data-family="neon"]{box-shadow:0 0 15px color-mix(in srgb,var(--card-accent) 28%,transparent)}
.app-theme-card[data-family="brutalist"]{border-radius:0;border-color:var(--card-ink);box-shadow:3px 3px 0 var(--card-ink)}
.app-theme-card[data-family="celestial"]{border-color:#f2cf84;box-shadow:0 0 0 2px #8f74c488,0 0 25px #d4ae9a66}
.app-theme-summary{font-size:12px;color:var(--g-secondary);margin:0 0 7px}
@media(max-width:430px){.app-theme-gallery{grid-template-columns:1fr;max-height:240px}.app-theme-card{min-height:75px}.app-theme-card strong{margin-top:10px}}
/* Every theme reaches the shell, settings, chats, social feed, cards and controls. */
body[data-app-theme]{--green:var(--theme-accent);--green-dark:var(--theme-accent);--green-pale:color-mix(in srgb,var(--theme-accent) 18%,var(--theme-surface));--ui-accent:var(--theme-accent);--ui-accent-hover:var(--theme-accent);--ui-accent-soft:var(--green-pale);--ui-accent-ink:var(--theme-accent);--g-canvas:var(--theme-canvas);--g-text:var(--theme-ink);--g-secondary:var(--theme-muted);--g-panel:color-mix(in srgb,var(--theme-surface) 92%,transparent);--g-solid:var(--theme-surface);--g-well:color-mix(in srgb,var(--theme-canvas) 75%,var(--theme-surface));--g-edge:var(--theme-edge);--g-divider:var(--theme-edge);--g-shadow:0 10px 35px color-mix(in srgb,var(--theme-ink) 12%,transparent);--line:var(--theme-edge);--muted:var(--theme-muted);color:var(--theme-ink);background:var(--theme-canvas)}
body[data-app-theme] :is(.app,.social-panel,.chat-panel,.message-feed){color:var(--theme-ink)}
body[data-app-theme] .app{background:radial-gradient(circle at 91% 4%,var(--theme-glow),transparent 43%),var(--theme-canvas)}
body[data-app-theme] :is(.sidebar,.social-header,.chat-header,.composer-wrap,.modal-card,.incoming-card,.auth-card){background:var(--g-panel);border-color:var(--theme-edge);color:var(--theme-ink)}
body[data-app-theme] :is(.community-card,.person-card,.community-detail,.post-card,.social-welcome,.social-empty,.drive-launcher){background:var(--theme-surface);border-color:var(--theme-edge);color:var(--theme-ink)}
body[data-app-theme] :is(.primary,.send-button){background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-accent)}
body[data-app-theme] :is(.primary,.send-button):hover{background:var(--theme-accent);filter:brightness(1.1)}
body[data-app-theme] :is(.area-tab.active,.conversation.active,.tab.active,.interest-chip){background:var(--green-pale);color:var(--theme-ink)}
body[data-app-theme] .message p{background:var(--theme-surface);color:var(--theme-ink)}
body[data-app-theme] .message.mine p{background:var(--theme-accent);color:var(--theme-on-accent)}
body[data-app-theme] :is(.side-empty,.empty-state p,.conversation-copy small,.row-copy small,.chat-title small,.setting-help,.modal-head p,.social-introduction p,.social-empty p,.community-card p,.person-card p,.post-card p,.account-bar small){color:var(--theme-muted)}
body[data-app-theme] :is(.soft-button,.call-button,.composer-tool,.close-button){background:var(--theme-surface);border-color:var(--theme-edge);color:var(--theme-ink)}
body[data-app-theme] :is(input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),select,textarea){background:var(--g-well);color:var(--theme-ink);border-color:var(--theme-edge)}
body[data-app-theme] :is(.brand,.link-button,.social-eyebrow){color:var(--theme-accent)}
body[data-app-theme] .auth-view{background:radial-gradient(circle at 10% 8%,var(--theme-glow),transparent 54%),var(--theme-canvas)}
body[data-app-theme] .call-screen{background:var(--theme-canvas);color:var(--theme-ink)}
body[data-app-theme] .video-stage{background:var(--theme-surface);border:1px solid var(--theme-edge)}
body[data-app-theme] .call-controls button:not(.hangup){background:var(--theme-surface);color:var(--theme-ink)}
body[data-app-theme] .modal-layer{background:color-mix(in srgb,var(--theme-canvas) 70%,transparent)}
/* Premium families change shape, rhythm, typography and texture. */
body[data-theme-family="editorial"]{font-family:Georgia,"Times New Roman",serif}
body[data-theme-family="editorial"] :is(.brand,.social-header h1,.social-introduction h2,.modal-head h2,.chat-title strong){font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.035em}
body[data-theme-family="editorial"] :is(.sidebar,.social-header,.modal-card,.community-card,.person-card,.post-card,.composer,.message p){border-radius:3px}
body[data-theme-family="editorial"] .area-tabs,body[data-theme-family="editorial"] .area-tab{border-radius:2px}
body[data-theme-family="editorial"] .social-content{max-width:980px}
body[data-theme-family="editorial"] .social-introduction h2{font-size:clamp(34px,4vw,51px)}
body[data-theme-family="night"] .app{background:radial-gradient(circle at 75% 5%,var(--theme-glow),transparent 38%),radial-gradient(circle at 10% 92%,color-mix(in srgb,var(--theme-accent) 12%,transparent),transparent 35%),var(--theme-canvas)}
body[data-theme-family="night"] :is(.sidebar,.social-header,.modal-card,.composer-wrap){box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-ink) 12%,transparent)}
body[data-theme-family="neon"] .app{background:radial-gradient(circle at 80% 8%,var(--theme-glow),transparent 40%),linear-gradient(140deg,var(--theme-canvas),color-mix(in srgb,var(--theme-glow) 25%,var(--theme-canvas)))}
body[data-theme-family="neon"] :is(.sidebar,.modal-card,.post-card,.composer,.community-card){border:1px solid color-mix(in srgb,var(--theme-accent) 42%,var(--theme-edge));box-shadow:0 0 22px color-mix(in srgb,var(--theme-accent) 11%,transparent),inset 0 1px 0 color-mix(in srgb,var(--theme-ink) 10%,transparent)}
body[data-theme-family="neon"] :is(.area-tab.active,.primary,.send-button){box-shadow:0 0 16px color-mix(in srgb,var(--theme-accent) 34%,transparent)}
body[data-theme-family="neon"] .brand{background:linear-gradient(90deg,var(--theme-accent),var(--theme-glow),var(--theme-accent));background-size:200% 100%;background-clip:text;color:transparent;animation:theme-shift 9s linear infinite}
body[data-app-theme="rgb"] .brand{background-image:linear-gradient(90deg,#ff6fbd,#79f5e1,#9a8dff,#ff6fbd)}
body[data-theme-family="arcade"]{font-family:system-ui,sans-serif}
body[data-theme-family="arcade"] :is(.sidebar,.social-header,.modal-card,.community-card,.post-card,.composer,.area-tabs,.area-tab,.primary,.send-button,.message p){border-radius:7px;border-width:2px}
body[data-theme-family="arcade"] :is(.brand,.social-header h1,.social-introduction h2,.modal-head h2){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.06em}
body[data-theme-family="arcade"] .app{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-edge) 18%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--theme-edge) 18%,transparent) 1px,transparent 1px),var(--theme-canvas);background-size:30px 30px}
body[data-theme-family="arcade"] :is(.primary,.send-button):hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--theme-edge)}
body[data-theme-family="manga"] .app{background:radial-gradient(circle at 91% 9%,var(--theme-glow),transparent 40%),radial-gradient(circle at 15% 75%,color-mix(in srgb,var(--theme-accent) 8%,transparent) 1px,transparent 1.5px),var(--theme-canvas);background-size:auto,14px 14px,auto}
body[data-theme-family="manga"] :is(.sidebar,.social-header,.modal-card,.post-card,.community-card,.composer){border:2px solid var(--theme-edge);border-radius:24px 8px 24px 8px}
body[data-theme-family="manga"] :is(.primary,.send-button){border-radius:8px 20px 8px 20px}
body[data-theme-family="manga"] :is(.social-header h1,.social-introduction h2){font-weight:800;letter-spacing:-.05em}
body[data-theme-family="terminal"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
body[data-theme-family="terminal"] .app{background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--theme-accent) 3%,transparent) 4px 5px),var(--theme-canvas)}
body[data-theme-family="terminal"] :is(.sidebar,.social-header,.modal-card,.community-card,.post-card,.composer,.area-tabs,.area-tab,.primary,.send-button,.message p){border-radius:2px}
body[data-theme-family="terminal"] :is(.brand,.social-header h1,.social-introduction h2){font-family:inherit;letter-spacing:-.04em}
body[data-theme-family="terminal"] .chat-title strong::before{content:"> ";color:var(--theme-accent)}
body[data-theme-family="brutalist"] :is(.sidebar,.social-header,.modal-card,.community-card,.post-card,.composer,.area-tabs,.area-tab,.primary,.send-button,.message p){border:2px solid var(--theme-ink);border-radius:0;box-shadow:4px 4px 0 var(--theme-ink)}
body[data-theme-family="brutalist"] :is(.social-header h1,.social-introduction h2,.brand){font-weight:900;text-transform:uppercase;letter-spacing:-.065em}
body[data-theme-family="brutalist"] .app{background:linear-gradient(90deg,var(--theme-canvas) 0 50%,color-mix(in srgb,var(--theme-glow) 22%,var(--theme-canvas)) 50%)}
body[data-theme-family="celestial"]{font-family:ui-sans-serif,system-ui,sans-serif}
body[data-theme-family="celestial"] .app{background:radial-gradient(circle at 12% 20%,#ffeeb6 0 1px,transparent 2px) 0 0/97px 113px,radial-gradient(circle at 78% 42%,#b6acff 0 1px,transparent 2px) 0 0/139px 127px,radial-gradient(ellipse at 75% 4%,#7053aa85,transparent 48%),linear-gradient(145deg,#0a1022,#1b1a39 54%,#0e2b40)}
body[data-theme-family="celestial"] :is(.sidebar,.social-header,.modal-card,.post-card,.community-card,.composer,.chat-header){border:1px solid #bea36e88;box-shadow:0 0 0 1px #9b88d044,inset 0 1px 0 #fff5d03b,0 12px 36px #080b2880;backdrop-filter:blur(18px)}
body[data-theme-family="celestial"] .modal-card{background:linear-gradient(145deg,#1a2541,#201d3f 60%,#142b41);backdrop-filter:none}
body[data-theme-family="celestial"] :is(.primary,.send-button,.area-tab.active){background:linear-gradient(120deg,#d3a968,#f4df9c,#c6a1e9);color:#241832;border-color:#f4db9d;box-shadow:0 0 18px #dfb79b77;font-weight:800}
body[data-theme-family="celestial"] :is(.brand,.social-header h1,.social-introduction h2){background:linear-gradient(90deg,#ffeab0,#f2b9d4,#b5bbff,#ffeab0);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:900;letter-spacing:-.05em;animation:theme-shift 9s linear infinite}
body[data-theme-family="celestial"] :is(.modal-card,.community-card,.post-card,.person-card){border-radius:22px 10px 22px 10px}
@keyframes theme-shift{to{background-position:200% 0}}
@media(prefers-reduced-motion:reduce){body[data-app-theme] *,body[data-app-theme] *::before,body[data-app-theme] *::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){body[data-app-theme]{--g-panel:var(--theme-surface)}body[data-app-theme] :is(.sidebar,.social-header,.chat-header,.composer-wrap,.modal-card,.incoming-card){backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:700px){body[data-app-theme] .app{grid-template-columns:1fr}body[data-theme-family="brutalist"] :is(.modal-card,.community-card,.post-card){box-shadow:2px 2px 0 var(--theme-ink)}}
body[data-app-theme="calm"]{--theme-accent:#17697a;--theme-canvas:#f1f5f5;--theme-surface:#ffffff;--theme-ink:#1b3035;--theme-muted:#52686c;--theme-edge:#d7e4e4;--theme-glow:#badce1;--theme-on-accent:#ffffff}
body[data-app-theme="paper"]{--theme-accent:#825c3d;--theme-canvas:#f7f1e6;--theme-surface:#fffaf0;--theme-ink:#30291f;--theme-muted:#675a4a;--theme-edge:#dfd2bc;--theme-glow:#e8d6ae;--theme-on-accent:#ffffff}
body[data-app-theme="ocean"]{--theme-accent:#176784;--theme-canvas:#eaf4f8;--theme-surface:#f8fdff;--theme-ink:#153544;--theme-muted:#496773;--theme-edge:#c7e1ea;--theme-glow:#85cbdb;--theme-on-accent:#ffffff}
body[data-app-theme="bloom"]{--theme-accent:#a24870;--theme-canvas:#fff0f4;--theme-surface:#fffafb;--theme-ink:#402833;--theme-muted:#775965;--theme-edge:#edcbd8;--theme-glow:#f6b6cb;--theme-on-accent:#ffffff}
body[data-app-theme="twilight"]{--theme-accent:#baa6ff;--theme-canvas:#191727;--theme-surface:#29263d;--theme-ink:#f3edff;--theme-muted:#c0b8d7;--theme-edge:#47405f;--theme-glow:#7564b8;--theme-on-accent:#102024}
body[data-app-theme="rgb"]{--theme-accent:#79f5e1;--theme-canvas:#0c101b;--theme-surface:#171d2e;--theme-ink:#f1f8ff;--theme-muted:#b5c5d4;--theme-edge:#334456;--theme-glow:#7055f2;--theme-on-accent:#102024}
body[data-app-theme="gaming"]{--theme-accent:#a6ff55;--theme-canvas:#10151c;--theme-surface:#1d2730;--theme-ink:#f2ffe7;--theme-muted:#b8cbb0;--theme-edge:#3a4f47;--theme-glow:#5cc079;--theme-on-accent:#102024}
body[data-app-theme="anime"]{--theme-accent:#ad4279;--theme-canvas:#f7eefa;--theme-surface:#fffaff;--theme-ink:#382440;--theme-muted:#735a7c;--theme-edge:#e7cce9;--theme-glow:#ffa7d0;--theme-on-accent:#ffffff}
body[data-app-theme="atelier"]{--theme-accent:#9a4b39;--theme-canvas:#f4eede;--theme-surface:#fffaf0;--theme-ink:#382d29;--theme-muted:#6b5d51;--theme-edge:#dfccaf;--theme-glow:#e9a98e;--theme-on-accent:#ffffff}
body[data-app-theme="terminal"]{--theme-accent:#7ff7ad;--theme-canvas:#091812;--theme-surface:#10271c;--theme-ink:#c9ffdd;--theme-muted:#92c9a5;--theme-edge:#32664d;--theme-glow:#45ba73;--theme-on-accent:#102024}
body[data-app-theme="cyberpunk"]{--theme-accent:#ff74c4;--theme-canvas:#120e24;--theme-surface:#211934;--theme-ink:#fff2fa;--theme-muted:#d4b9db;--theme-edge:#614169;--theme-glow:#6e69ff;--theme-on-accent:#102024}
body[data-app-theme="sakura"]{--theme-accent:#af4d70;--theme-canvas:#fff1ed;--theme-surface:#fffaf7;--theme-ink:#4b2a32;--theme-muted:#80606a;--theme-edge:#edced0;--theme-glow:#f1b0b0;--theme-on-accent:#ffffff}
body[data-app-theme="pixel"]{--theme-accent:#ffcb51;--theme-canvas:#171b2f;--theme-surface:#272b43;--theme-ink:#fff6db;--theme-muted:#d1c5a6;--theme-edge:#555774;--theme-glow:#e78b64;--theme-on-accent:#102024}
body[data-app-theme="noir"]{--theme-accent:#e2be8a;--theme-canvas:#131416;--theme-surface:#222326;--theme-ink:#f6f1e9;--theme-muted:#c0b9ad;--theme-edge:#494744;--theme-glow:#8c765e;--theme-on-accent:#102024}
body[data-app-theme="aurora"]{--theme-accent:#8bf5c8;--theme-canvas:#0e2026;--theme-surface:#1b3438;--theme-ink:#eafff6;--theme-muted:#b5d4d0;--theme-edge:#416a6b;--theme-glow:#67b2dd;--theme-on-accent:#102024}
body[data-app-theme="solar"]{--theme-accent:#ab4b1d;--theme-canvas:#fff0d7;--theme-surface:#fff9eb;--theme-ink:#472d18;--theme-muted:#806146;--theme-edge:#e9c99b;--theme-glow:#f7b555;--theme-on-accent:#ffffff}
body[data-app-theme="vaporwave"]{--theme-accent:#ff9ced;--theme-canvas:#201139;--theme-surface:#32224e;--theme-ink:#fff1ff;--theme-muted:#dec1e8;--theme-edge:#654877;--theme-glow:#62dce9;--theme-on-accent:#102024}
body[data-app-theme="forest"]{--theme-accent:#a4daa2;--theme-canvas:#172820;--theme-surface:#253c2f;--theme-ink:#ecf8eb;--theme-muted:#b5ceba;--theme-edge:#47634b;--theme-glow:#7daf81;--theme-on-accent:#102024}
body[data-app-theme="starlight"]{--theme-accent:#b6cfff;--theme-canvas:#111a32;--theme-surface:#202c49;--theme-ink:#f4f6ff;--theme-muted:#b8c6e2;--theme-edge:#425275;--theme-glow:#8da4e8;--theme-on-accent:#102024}
body[data-app-theme="brutalist"]{--theme-accent:#ce3f2b;--theme-canvas:#ede9df;--theme-surface:#fffdf6;--theme-ink:#1f2120;--theme-muted:#505451;--theme-edge:#343c38;--theme-glow:#efd36c;--theme-on-accent:#ffffff}
body[data-app-theme="moonlight"]{--theme-accent:#c5c1fa;--theme-canvas:#171c30;--theme-surface:#252d47;--theme-ink:#f4f4ff;--theme-muted:#c1c9dc;--theme-edge:#4a5575;--theme-glow:#9197d0;--theme-on-accent:#102024}
body[data-app-theme="lagoon"]{--theme-accent:#126e6a;--theme-canvas:#e9f5ef;--theme-surface:#f9fffb;--theme-ink:#173a36;--theme-muted:#4b736b;--theme-edge:#c1e1d5;--theme-glow:#71c4b0;--theme-on-accent:#ffffff}
body[data-app-theme="citrus"]{--theme-accent:#a2541a;--theme-canvas:#fff4d8;--theme-surface:#fffced;--theme-ink:#42321b;--theme-muted:#786345;--theme-edge:#eddbab;--theme-glow:#f6d569;--theme-on-accent:#ffffff}
body[data-app-theme="obsidian"]{--theme-accent:#92d8dc;--theme-canvas:#101719;--theme-surface:#1b292b;--theme-ink:#e9fafa;--theme-muted:#aac8c8;--theme-edge:#3b5558;--theme-glow:#6daeb4;--theme-on-accent:#102024}
body[data-app-theme="prism"]{--theme-accent:#824dd0;--theme-canvas:#f1effc;--theme-surface:#fcfbff;--theme-ink:#302d45;--theme-muted:#696184;--theme-edge:#d7cff1;--theme-glow:#e9a8cf;--theme-on-accent:#ffffff}
body[data-app-theme="celestial"]{--theme-accent:#f7d389;--theme-canvas:#0a1022;--theme-surface:#17223c;--theme-ink:#fff7e5;--theme-muted:#c8c6d6;--theme-edge:#665c87;--theme-glow:#775eb6;--theme-on-accent:#102024}
body[data-app-theme="calm"].theme-dark{--theme-accent:#8fd1d8;--theme-canvas:#142023;--theme-surface:#223136;--theme-ink:#eaf8f8;--theme-muted:#bbd0d0;--theme-edge:#405459;--theme-glow:#3a6975;--theme-on-accent:#102024}