/* Themes affect app chrome, never user pictures, flags, stickers or media. */
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important}
:root[data-vareyo-theme="obsidian-gold"]{
 color-scheme:dark;--bg-void:#171717;--bg-deep:#1c1b18;--bg-surface:#20201e;--bg-card:#252521;--bg-elevated:#2d2c26;--bg-hover:#36342c;
 --text-primary:#f7f1e4;--text-secondary:#c5bdab;--text-muted:#b1a997;--border-subtle:rgba(233,201,121,.12);--border-mid:rgba(233,201,121,.22);--border-accent:rgba(233,201,121,.45);
 --violet:#9c7939;--violet-light:#e9c979;--violet-soft:rgba(233,201,121,.12);--azure:#e9c979;--azure-soft:rgba(233,201,121,.1);
 --theme-topbar:rgba(23,23,23,.97);--theme-overlay:rgba(8,8,7,.72);--theme-button:linear-gradient(125deg,#c3a15d,#e9c979);--theme-on-button:#231b0d;--theme-chat:linear-gradient(125deg,#d4af64,#e9c979);--theme-on-chat:#231b0d;--theme-shadow:rgba(156,121,57,.16);
}
:root[data-vareyo-theme="midnight-amethyst"]{
 color-scheme:dark;--bg-void:#101827;--bg-deep:#111b2d;--bg-surface:#162035;--bg-card:#1b263c;--bg-elevated:#24304a;--bg-hover:#2b3855;
 --text-primary:#f5f3fc;--text-secondary:#c3bfd7;--text-muted:#aba8c0;--border-subtle:rgba(197,181,255,.12);--border-mid:rgba(197,181,255,.23);--border-accent:rgba(197,181,255,.45);
 --violet:#8b75d5;--violet-light:#c5b5ff;--violet-soft:rgba(139,117,213,.15);--azure:#c5b5ff;--azure-soft:rgba(197,181,255,.1);
 --theme-topbar:rgba(16,24,39,.97);--theme-overlay:rgba(6,10,20,.73);--theme-button:#8b75d5;--theme-on-button:#171024;--theme-chat:linear-gradient(125deg,#6752a6,#735caf);--theme-on-chat:#fff;--theme-shadow:rgba(139,117,213,.16);
}
:root[data-vareyo-theme="sakura-sunset"]{
 color-scheme:dark;--bg-void:#1b1420;--bg-deep:#211824;--bg-surface:#261c2a;--bg-card:#2c1e2e;--bg-elevated:#352739;--bg-hover:#403046;
 --text-primary:#fff2f5;--text-secondary:#d8c0cb;--text-muted:#bea9b6;--border-subtle:rgba(255,180,141,.12);--border-mid:rgba(227,108,124,.26);--border-accent:rgba(227,108,124,.55);
 --violet:#e36c7c;--violet-light:#ffb48d;--violet-soft:rgba(227,108,124,.14);--azure:#ffb48d;--azure-soft:rgba(255,180,141,.11);
 --theme-topbar:rgba(27,20,32,.97);--theme-overlay:rgba(15,8,19,.74);--theme-button:linear-gradient(125deg,#e36c7c,#ffb48d);--theme-on-button:#291320;--theme-chat:linear-gradient(125deg,#e36c7c,#ffb48d);--theme-on-chat:#291320;--theme-shadow:rgba(227,108,124,.15);
}
:root[data-vareyo-theme="arctic-glass"]{
 color-scheme:light;--bg-void:#f3f5f8;--bg-deep:#ecf1f7;--bg-surface:#f9fbfe;--bg-card:rgba(255,255,255,.86);--bg-elevated:#e6edf7;--bg-hover:#dae7f5;
 --text-primary:#172b45;--text-secondary:#425976;--text-muted:#536681;--border-subtle:rgba(93,136,196,.2);--border-mid:rgba(93,136,196,.34);--border-accent:rgba(93,136,196,.65);
 --violet:#3766a4;--violet-light:#2f609e;--violet-soft:rgba(93,136,196,.12);--azure:#2f609e;--azure-soft:rgba(164,199,231,.25);--emerald:#147359;--rose:#bd3059;--amber:#805414;--coral:#bc3d52;
 --theme-topbar:rgba(243,245,248,.96);--theme-overlay:rgba(27,49,76,.22);--theme-button:#466fad;--theme-on-button:#fff;--theme-chat:#466fad;--theme-on-chat:#fff;--theme-shadow:rgba(45,80,125,.09);
}
html[data-vareyo-theme] #topbar,html[data-vareyo-theme] #bottom-nav,html[data-vareyo-theme] .cwin-head{background:var(--theme-topbar)}
html[data-vareyo-theme] #topbar .icon-btn,html[data-vareyo-theme] .nav-tab.active .ni{color:var(--violet-light)}
html[data-vareyo-theme] #group-chat-overlay>div:first-child,html[data-vareyo-theme] #room-chat-overlay>div:first-child{background:var(--theme-topbar)!important}
html[data-vareyo-theme] .btn-p,html[data-vareyo-theme] .sendbtn,html[data-vareyo-theme] .play-btn{background:var(--theme-button);color:var(--theme-on-button);box-shadow:0 3px 12px var(--theme-shadow)}
html[data-vareyo-theme] .btn-p:hover{box-shadow:0 4px 14px var(--theme-shadow)}
html[data-vareyo-theme] .tasks-tabs button[aria-selected="true"],html[data-vareyo-theme] .task-claim,html[data-vareyo-theme] .profile-learning-number{background:var(--theme-button);color:var(--theme-on-button)}
html[data-vareyo-theme] .b-me{background:var(--theme-chat);color:var(--theme-on-chat)}
html[data-vareyo-theme] .b-me .poll-heading,html[data-vareyo-theme] .b-me .poll-hint,html[data-vareyo-theme] .b-me .poll-count{color:inherit;opacity:.86}
html[data-vareyo-theme] .b-me .poll-option{color:inherit;border-color:currentColor;background:transparent}
html[data-vareyo-theme] .b-me .poll-option[aria-checked="true"]{background:rgba(127,127,127,.1)}
html[data-vareyo-theme] .splus,html[data-vareyo-theme] .nbadge{background:var(--theme-button);color:var(--theme-on-button)}
html[data-vareyo-theme] .sheet-overlay,html[data-vareyo-theme] .overlay,html[data-vareyo-theme] .language-picker-overlay{background:var(--theme-overlay)}
html[data-vareyo-theme] .sheet-overlay.fullscreen-settings,html[data-vareyo-theme] .weekly-overlay{background:var(--bg-void)}
html[data-vareyo-theme] .lb-pair,html[data-vareyo-theme] .views-highlight{background:var(--violet-soft);border-color:var(--border-accent)}
html[data-vareyo-theme] .prof-banner:not(.has-cover){background:linear-gradient(135deg,var(--violet-soft),var(--azure-soft))}
html[data-vareyo-theme] .toggle.on{background:var(--violet-light)}
html[data-vareyo-theme] .toggle.on .toggle-knob{background:var(--bg-void)}
html[data-vareyo-theme] .help-card{background:var(--bg-card);border-color:var(--border-mid)}
html[data-vareyo-theme="arctic-glass"] .pcard,html[data-vareyo-theme="arctic-glass"] .compose-bar{box-shadow:0 3px 14px var(--theme-shadow)}
html[data-vareyo-theme="arctic-glass"] .settings-header,html[data-vareyo-theme="arctic-glass"] .sheet-form-header{background:var(--bg-surface)}
html[data-vareyo-theme="arctic-glass"] .b-them,html[data-vareyo-theme="arctic-glass"] .cin-area{background:var(--bg-card);color:var(--text-primary)}

/* Keep the reader/viewer canvas dark so media content is never recolored. */
html[data-vareyo-theme] #image-viewer,html[data-vareyo-theme] #video-viewer,html[data-vareyo-theme] #story-overlay,html[data-vareyo-theme] #view-once-viewer{color:#fff;--text-primary:#f1f1f8;--text-secondary:#c8c8d8;--text-muted:#b8b8c8;--bg-void:#0a0a0f;--bg-surface:#14141f;--bg-card:#1a1a28;--bg-elevated:#202033}
.theme-status{font-size:13px;line-height:1.5;color:var(--text-secondary);min-height:1.5em;margin:8px 0}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 24px}
.theme-option{min-width:0;border:1px solid var(--border-mid);border-radius:18px;padding:12px;background:var(--bg-card);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}
.theme-option[aria-pressed="true"]{border:2px solid var(--violet-light);padding:11px;background:var(--violet-soft)}
.theme-option:focus-visible{outline:2px solid var(--violet-light);outline-offset:3px}
.theme-option strong{display:block;font-size:14px;line-height:1.4;margin-top:12px;overflow-wrap:anywhere}
.theme-miniature{display:flex;flex-direction:column;gap:9px;height:126px;padding:13px;border-radius:12px;background:var(--sample-bg);border:1px solid rgba(127,127,127,.23);overflow:hidden}
.theme-mini-top{display:block;height:7px;width:48%;border-radius:8px;background:var(--sample-light)}
.theme-mini-line{display:block;height:10px;width:88%;border-radius:8px;background:var(--sample-light);opacity:.35}
.theme-mini-card{display:block;height:28px;width:100%;border-radius:9px;border:1px solid var(--sample-accent);background:var(--sample-light);opacity:.3}
.theme-mini-bubble{display:block;height:20px;width:69%;margin-left:auto;border-radius:10px 3px 10px 10px;background:var(--sample-accent)}
.theme-actions{justify-content:stretch}
.theme-actions>.btn{flex:1;min-height:48px;min-width:0}
/* Keep chat-bubble actions outside the independently scrolling form body. */


/* The artwork stays within the existing avatar's touch target and layout box. */
.avatar-framed{width:var(--frame-canvas-width)!important;height:var(--frame-canvas-height)!important;flex-basis:auto!important;flex-shrink:0;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;isolation:isolate}
.avatar-frame-slot{width:var(--frame-slot-width)!important;height:var(--frame-slot-height)!important;min-width:var(--frame-slot-width);flex-basis:auto!important;flex-shrink:0}
.avatar-frame-column{width:var(--frame-slot-width)!important;min-width:var(--frame-slot-width);flex-shrink:0}
.avatar-frame-static{position:relative}
.avatar-framed>:first-child:not(.avatar-frame-overlay){position:absolute!important;left:var(--frame-left)!important;top:var(--frame-top)!important;width:var(--frame-width)!important;height:var(--frame-height)!important;max-width:none!important;border:0!important;border-radius:50%!important;object-fit:cover!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden;z-index:0}
.avatar-framed>.avatar-frame-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;border:0!important;border-radius:0!important;background:none!important;pointer-events:none!important;user-select:none;z-index:1}
.frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 24px}
.frame-option{min-width:0;padding:12px;border:2px solid transparent;border-radius:18px;background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-mid)}
.frame-option[aria-pressed="true"]{border-color:var(--violet-light);background:var(--violet-soft);box-shadow:none}
.frame-option:focus-visible{outline:2px solid var(--violet-light);outline-offset:3px}
.frame-preview-slot{display:grid;place-items:center;width:min(100%,180px);aspect-ratio:1;margin:auto}.frame-preview{position:relative;display:flex;align-items:center;justify-content:center;width:46%;aspect-ratio:1;margin:auto;border-radius:50%;font-size:30px}
.frame-option strong{display:block;font-size:14px;line-height:1.4;margin-top:10px;overflow-wrap:anywhere}
@media(min-width:650px){.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:340px){.theme-grid{grid-template-columns:1fr}.theme-miniature{height:108px}}
@media(orientation:landscape) and (min-width:640px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Account-local chat appearance. Decorative SVGs never become message content. */
:root[data-chat-bubble-style="blue"],[data-bubble-preview="blue"],html[data-chat-bubble-mode="sender"] [data-chat-sender-style="blue"]{--cb-background:#2563eb;--cb-color:#fff;--cb-decoration:none}
:root[data-chat-bubble-style="pink"],[data-bubble-preview="pink"],html[data-chat-bubble-mode="sender"] [data-chat-sender-style="pink"]{--cb-background:#F6A5D1;--cb-color:#33152B;--cb-decoration:none}
:root[data-chat-bubble-style="rose"],[data-bubble-preview="rose"],html[data-chat-bubble-mode="sender"] [data-chat-sender-style="rose"]{--cb-background:#FFD2DF;--cb-color:#3B1828;--cb-decoration:none}
:root[data-chat-bubble-style="sakura"],[data-bubble-preview="sakura"],html[data-chat-bubble-mode="sender"] [data-chat-sender-style="sakura"]{--cb-background:linear-gradient(125deg,#F6C2E1,#EDA5CF);--cb-color:#33152B;--cb-decoration:url("assets/chat-bubbles/sakura.svg")}
:root[data-chat-bubble-style="starry-night"],[data-bubble-preview="starry-night"],html[data-chat-bubble-mode="sender"] [data-chat-sender-style="starry-night"]{--cb-background:linear-gradient(125deg,#152862,#214897);--cb-color:#fff;--cb-decoration:url("assets/chat-bubbles/starry-night.svg")}
html[data-chat-bubble-style] :is(.bubble:is(.b-me,.b-other):not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble)),.chat-photo-caption:is(.b-me,.b-other)){position:relative;background:var(--cb-background);color:var(--cb-color)}
html[data-chat-bubble-style] :is(.bubble:is(.b-me,.b-other):not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble)),.chat-photo-caption:is(.b-me,.b-other)) :is(.poll-heading,.poll-hint,.poll-count,.forwarded-label){color:inherit}
html:is([data-chat-bubble-style="sakura"],[data-chat-bubble-style="starry-night"]) :is(.bubble:is(.b-me,.b-other):not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble)),.chat-photo-caption:is(.b-me,.b-other)){margin-top:7px;margin-bottom:7px}
html:is([data-chat-bubble-style="sakura"],[data-chat-bubble-style="starry-night"]) :is(.bubble:is(.b-me,.b-other):not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble)),.chat-photo-caption:is(.b-me,.b-other))::after,.bubble-style-preview:is([data-bubble-preview="sakura"],[data-bubble-preview="starry-night"])::after{content:"";position:absolute;inset:-8px;border:16px solid transparent;border-image-source:var(--cb-decoration);border-image-slice:24;border-image-repeat:round;pointer-events:none;user-select:none}
.bubble-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 24px}.bubble-style-option{min-width:0;padding:22px 14px 14px;border:2px solid transparent;border-radius:18px;background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-mid)}.bubble-style-option[aria-pressed="true"]{border-color:var(--violet-light);background:var(--violet-soft);box-shadow:none}.bubble-style-option:focus-visible{outline:2px solid var(--violet-light);outline-offset:3px}
.bubble-style-preview{position:relative;display:block;width:fit-content;max-width:100%;min-width:52px;padding:9px 12px;margin:6px auto 22px;border-radius:14px 4px 14px 14px;background:var(--cb-background);color:var(--cb-color);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.bubble-style-preview[data-bubble-preview="standard"]{--cb-background:var(--theme-chat,linear-gradient(125deg,var(--violet),#4f46e5));--cb-color:var(--theme-on-chat,#fff);--cb-decoration:none}.bubble-style-option strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.bubble-style-badge{display:block;font-size:11px;line-height:1.5;color:var(--text-secondary);margin-top:4px}

/* The free standard and personal wallpapers live only behind conversations. */
:root{--chat-wallpaper:url("assets/chat-backgrounds/standard.webp")}
:root[data-chat-wallpaper="sakura"]{--chat-wallpaper:url("assets/chat-backgrounds/sakura.webp")}
:root[data-chat-wallpaper="rainy-cafe"]{--chat-wallpaper:url("assets/chat-backgrounds/rainy-cafe.webp")}
:root[data-chat-wallpaper="starry-sky"]{--chat-wallpaper:url("assets/chat-backgrounds/starry-sky.webp")}
html :is(.chat-conversation-surface,#gc-msgs){background-color:#050918;background-image:linear-gradient(rgba(8,10,20,.24),rgba(8,10,20,.24)),var(--chat-wallpaper);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}
html :is(#msgs-area .btime,#gc-msgs .group-message-status,#gc-msgs .group-message-author){width:fit-content;max-width:100%;padding:2px 6px;border-radius:6px;background:rgba(13,17,30,.88);color:#e4e8f6}html :is(#msgs-area,#gc-msgs) .voice-player{background:transparent;border-radius:0;padding:0}
.premium-crown{display:inline-block;width:18px;height:18px;max-width:none;vertical-align:middle;object-fit:contain;margin-inline-start:6px;flex:0 0 18px;pointer-events:none}.premium-crown[data-premium-crown="muted"]{opacity:.52}.message-menu-option>.premium-crown{margin-inline-start:auto}
.wallpaper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 24px}.wallpaper-option{min-width:0;padding:0 0 12px;overflow:hidden;border:2px solid transparent;border-radius:18px;background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border-mid)}.wallpaper-option[aria-pressed="true"]{border-color:var(--violet-light);background:var(--violet-soft);box-shadow:none}.wallpaper-option:focus-visible{outline:2px solid var(--violet-light);outline-offset:3px}.wallpaper-preview{display:block;width:100%;height:180px;background:var(--bg-deep);overflow:hidden}.wallpaper-preview img{width:100%;height:100%;object-fit:cover;display:block}.wallpaper-option strong{display:block;padding:10px 7px 0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.wallpaper-option[aria-disabled="true"] strong,.bubble-style-option[aria-disabled="true"] strong{color:var(--text-secondary)}
@media(min-width:700px){.wallpaper-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-height:450px){.wallpaper-preview{height:100px}}

/* Preserve the transparent surfaces requested by the shared dialogs. The Connect
   filter is deliberately unchanged until its separate preview is approved. */
html[data-vareyo-theme] .social-list-overlay:not(.fullscreen-settings),html[data-vareyo-theme] .language-picker-overlay.transparent-picker{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-vareyo-theme] :is(.bubble:has(>.voice-player),.bubble:has(>.video-player),.audio-msg:has(>.voice-player)){background:transparent;border:0;box-shadow:none;color:var(--text-primary)}
html[data-vareyo-theme] .help-card{background:transparent;border-color:var(--border-mid)}
html[data-vareyo-theme="arctic-glass"] :is(.pcard,.compose-bar){box-shadow:none}
html[data-vareyo-theme] .icon-btn{background:transparent;border-color:transparent;box-shadow:none}
html[data-vareyo-theme] .btn-s{background:transparent;box-shadow:none}
html[data-vareyo-theme] .settings-content{background:transparent}
/* On the supplied dark wallpapers, light player labels stay legible without a box. */
html :is(#msgs-area,#gc-msgs) .voice-player{--text-primary:#f1f1f8;--text-secondary:#d3d9ed;--border-mid:rgba(233,238,255,.38);color:var(--text-primary)}
html :is(#msgs-area,#gc-msgs) .voice-time-row{color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.65)}
html[data-vareyo-theme="arctic-glass"] :is(#msgs-area,#gc-msgs) .voice-player{--violet-light:#a4c7e7}

/* Sender styles are server-approved presets from already authorized messages. */
html[data-chat-bubble-mode="sender"] [data-chat-sender-style="standard"]{--cb-background:var(--bg-card);--cb-color:var(--text-primary);--cb-decoration:none}
html[data-chat-bubble-mode="sender"] :is(.bubble.b-other:not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble)),.chat-photo-caption.b-other){position:relative;background:var(--cb-background);color:var(--cb-color)}
html[data-chat-bubble-mode="sender"] :is(.bubble.b-other:not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble)):not([data-chat-sender-style="sakura"]):not([data-chat-sender-style="starry-night"]),.chat-photo-caption.b-other:not([data-chat-sender-style="sakura"]):not([data-chat-sender-style="starry-night"])){margin-top:0;margin-bottom:0}html[data-chat-bubble-mode="sender"] :is(.bubble.b-other:not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble)):not([data-chat-sender-style="sakura"]):not([data-chat-sender-style="starry-night"]),.chat-photo-caption.b-other:not([data-chat-sender-style="sakura"]):not([data-chat-sender-style="starry-night"]))::after{content:none}
html[data-chat-bubble-mode="sender"] :is(.bubble.b-other:not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble))[data-chat-sender-style="sakura"],.chat-photo-caption.b-other[data-chat-sender-style="sakura"],.bubble.b-other:not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble))[data-chat-sender-style="starry-night"],.chat-photo-caption.b-other[data-chat-sender-style="starry-night"]){margin-top:7px;margin-bottom:7px}html[data-chat-bubble-mode="sender"] :is(.bubble.b-other:not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble))[data-chat-sender-style="sakura"],.chat-photo-caption.b-other[data-chat-sender-style="sakura"],.bubble.b-other:not(.image-message):not(.sticker-message):not(.group-sticker-bubble):not(.is-deleted):not(:has(.deleted-message,.voice-player,.video-player,.group-poll,.view-once-bubble))[data-chat-sender-style="starry-night"],.chat-photo-caption.b-other[data-chat-sender-style="starry-night"])::after{content:"";position:absolute;inset:-8px;border:16px solid transparent;border-image-source:var(--cb-decoration);border-image-slice:24;border-image-repeat:round;pointer-events:none;user-select:none}
.bubble-display-settings{margin:6px 0 20px}.bubble-display-settings h3,.bubble-display-preview h3,.bubble-display-style-title{font-size:15px;line-height:1.5;margin:12px 0}.bubble-display-options{display:grid;gap:10px}.bubble-display-option{display:flex;align-items:flex-start;gap:12px;min-width:0;width:100%;min-height:64px;padding:13px 12px;background:transparent;color:var(--text-primary);border:1px solid var(--border-mid);border-radius:14px;font:inherit;text-align:start;cursor:pointer}.bubble-display-option[aria-checked="true"]{border-color:var(--violet-light);background:var(--violet-soft)}.bubble-display-option:focus-visible{outline:2px solid var(--violet-light);outline-offset:3px}.bubble-display-option>span:last-child{min-width:0}.bubble-display-option strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.bubble-display-option small{display:block;color:var(--text-secondary);font-size:12px;line-height:1.5;margin-top:3px}.bubble-display-radio{width:18px;height:18px;flex:0 0 18px;margin-top:2px;border:1.5px solid var(--text-muted);border-radius:50%;display:grid;place-items:center}.bubble-display-option[aria-checked="true"] .bubble-display-radio{border-color:var(--violet-light)}.bubble-display-option[aria-checked="true"] .bubble-display-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--violet-light)}.bubble-display-preview{margin:0 0 22px}.bubble-display-conversation{padding:20px 18px;border:1px solid var(--border-mid);border-radius:16px;background-color:#050918;background-image:linear-gradient(rgba(8,10,20,.24),rgba(8,10,20,.24)),var(--chat-wallpaper);background-size:cover;background-position:center;overflow:hidden}.bubble-display-line{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:18px;min-width:0}.bubble-display-line.own{align-items:flex-end;margin-bottom:0}.bubble-display-person,.bubble-display-line small{color:#d3d1e5;font-size:11px;line-height:1.5}.bubble-display-line .bubble-style-preview{font-size:13px;line-height:1.5;max-width:90%;margin:8px 0 10px;border-radius:4px 15px 15px 15px}.bubble-display-line.own .bubble-style-preview{border-radius:15px 4px 15px 15px}.bubble-display-line small{font-size:10px}.bubble-display-conversation .bubble-display-line:not(.own) [data-bubble-preview="standard"]{--cb-background:var(--bg-card);--cb-color:var(--text-primary)}
@media(orientation:landscape) and (min-width:700px){.bubble-display-options{grid-template-columns:1fr 1fr}.bubble-display-conversation{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.bubble-display-line{margin-bottom:0}}

/* Active lines retain the same hue direction and contrast in every theme. */
html[data-vareyo-theme="arctic-glass"]{--accent-gradient:linear-gradient(90deg,#3766a4,#5d88c4)}
/* Sticker artwork always keeps its transparency, including theme and sender styles. */
html :is(.bubble.sticker-message,.bubble.group-sticker-bubble){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important}
html :is(.bubble.sticker-message,.bubble.group-sticker-bubble)::before,html :is(.bubble.sticker-message,.bubble.group-sticker-bubble)::after{content:none!important;background:none!important;border:0!important;box-shadow:none!important}

.bubble-style-option{overflow:visible;padding:25px 20px 18px}.bubble-style-option .bubble-style-preview{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;margin:8px 0 24px;padding:12px 10px}.bubble-style-option .bubble-style-preview::after{inset:-8px}