/* Account-scoped appearance tokens. Text remains opaque; only surfaces are translucent. */
:root{--glass-alpha:.28;--glass-blur:26px;--surface-rgb:18,28,32;--bubble-alpha:.5;--message-size:16px;--bubble-radius:24px;--app-height:100dvh;--composer-space:90px;--header-height:91px}
html,body{background:var(--theme-base,var(--bg))}body{background-image:none}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 6% 75%,var(--glow-a),transparent 54%),radial-gradient(ellipse at 78% 16%,var(--glow-b),transparent 57%),radial-gradient(ellipse at 88% 96%,var(--glow-a),transparent 48%);background-attachment:fixed}#app{position:relative}.workspace{position:relative;height:var(--app-height);background:none}.main-pane{background:rgba(var(--surface-rgb),.06);border-color:var(--border)}
html[data-wallpaper=waves] body:before{background:repeating-radial-gradient(ellipse at 10% 95%,transparent 0 38px,var(--glow-a) 40px 41px,transparent 43px 84px),radial-gradient(ellipse at 85% 0%,var(--glow-b),transparent 75%)}
html[data-wallpaper=dots] body:before{background-image:radial-gradient(var(--glow-a) 1px,transparent 1.5px),radial-gradient(ellipse at 20% 90%,var(--glow-b),transparent 70%);background-size:22px 22px,100% 100%}
html[data-wallpaper=plain] body:before{display:none}
.glass,.sidebar.glass,.mobile-nav,.chat-heading,.header-actions,.chat-header .back,.pinned-bar,.composer,.modal.glass,.view-page .card,.profile-dialog .card,.public-profile-actions .menu-action,.profile-actions .menu-action,.attachment-tabs,.theme-preview-title,.preview-message,.preview-compose,.appearance-header{background:linear-gradient(135deg,#ffffff09,#ffffff01 58%),rgba(var(--surface-rgb),var(--glass-alpha));border:1px solid var(--border);box-shadow:inset 0 1px 0 #ffffff15,inset 0 -1px 0 #ffffff03,0 9px 30px #00000012;backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%)}
.sidebar.glass{box-shadow:inset 0 1px 0 #ffffff12}.sidebar .chat-row{border-color:transparent}.sidebar .chat-row.active{background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.18)}.searchbox,.filters,.secondary,input,textarea,select,.setting-icon,.filter.active{background:rgba(var(--surface-rgb),calc(var(--glass-alpha)*.6));border:1px solid var(--border);backdrop-filter:blur(calc(var(--glass-blur)*.7));-webkit-backdrop-filter:blur(calc(var(--glass-blur)*.7))}.searchbox input{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}.filter.active{color:var(--accent-ink);background:rgba(var(--accent-rgb),.1)}.side-head .count{color:var(--accent-ink)}.chat-row .row-meta{color:var(--muted)}.chat-row .chat-snippet{color:var(--muted)}.mobile-nav .rail-btn{color:var(--text)}.rail-btn.active,.mobile-nav .rail-btn.active{color:var(--accent-ink);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.12)}.unread-count,.nav-count{background:var(--accent)!important;color:var(--accent-contrast)!important}.setting-icon{box-shadow:inset 0 1px 0 #ffffff25;background:rgba(var(--accent-rgb),.2);color:var(--accent-ink)}.setting-icon .icon{color:var(--accent-ink)!important}.online,.section-caption,.accent{color:var(--accent-ink)}.primary,.composer .send-btn,.composer:has(textarea:placeholder-shown) #record-button,.photo-badge{background:linear-gradient(135deg,rgba(var(--accent-rgb),.83),rgba(var(--accent-rgb),.65));color:var(--accent-contrast);border:1px solid rgba(var(--accent-rgb),.7);box-shadow:inset 0 1px 0 #ffffff5c,0 4px 15px rgba(var(--accent-rgb),.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}a{color:var(--accent-ink)}.date-separator,.preview-day{background:rgba(var(--surface-rgb),var(--glass-alpha));color:var(--text);border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.conversation{background:none;--composer-space:92px}.chat-header{position:absolute;top:0;left:0;right:0;height:var(--header-height);z-index:4;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}#pinned-slot{position:absolute;top:var(--header-height);left:0;right:0;z-index:3}.messages{height:100%;flex:1;background:none;padding-top:calc(var(--header-height) + 18px);padding-bottom:var(--composer-space);scroll-padding-bottom:var(--composer-space)}.conversation:has(.pinned-bar) .messages{padding-top:calc(var(--header-height) + 88px)}.composer-area{position:absolute;bottom:0;left:0;right:0;z-index:5;background:none}.composer{border-radius:34px;box-shadow:inset 0 1px 0 #ffffff32,inset 0 -1px 0 #ffffff08,0 8px 35px #0003;background:linear-gradient(145deg,#ffffff10,#ffffff01),rgba(var(--surface-rgb),var(--glass-alpha))}.composer:focus-within{border-color:rgba(var(--accent-rgb),.65);box-shadow:inset 0 1px 0 #ffffff30,0 0 0 2px rgba(var(--accent-rgb),.08),0 8px 35px #0003}.composer textarea{background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;outline:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-size:max(16px,var(--message-size));color:var(--text);caret-color:var(--accent)}.composer textarea::placeholder{color:var(--muted);opacity:.85}.composer .icon-btn{color:var(--muted)}.compose-context{background:rgba(var(--surface-rgb),var(--glass-alpha));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border)}.typing-line{position:absolute;left:0;right:0;bottom:calc(var(--composer-space) - 24px);color:var(--accent-ink);z-index:4;pointer-events:none}.read-only-bar{position:absolute;bottom:0;left:0;right:0;z-index:5;background:var(--panel);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
.message .bubble,.message.own .bubble{backdrop-filter:blur(calc(var(--glass-blur)*.65)) saturate(150%);-webkit-backdrop-filter:blur(calc(var(--glass-blur)*.65)) saturate(150%);border:1px solid var(--border);box-shadow:inset 0 1px 0 #ffffff16,0 4px 14px #0000000d}.message .bubble{background:linear-gradient(135deg,#ffffff08,transparent),rgba(var(--surface-rgb),var(--bubble-alpha));border-radius:var(--bubble-radius) var(--bubble-radius) var(--bubble-radius) 5px}.message.own .bubble,.preview-message.outgoing{background:linear-gradient(135deg,rgba(var(--sent-a-rgb),var(--bubble-alpha)),rgba(var(--sent-b-rgb),var(--bubble-alpha)));color:var(--sent-ink);border-color:#ffffff29;border-radius:var(--bubble-radius) var(--bubble-radius) 5px var(--bubble-radius)}.message .message-text{font-size:var(--message-size);color:inherit}.message.own .message-meta{color:inherit;opacity:.75}.message.own .mention{color:inherit}.message-meta{color:var(--muted)}.message .reply-block{background:#ffffff07;border-color:currentColor}.message .reaction{background:rgba(var(--surface-rgb),var(--glass-alpha));border-color:var(--border);color:var(--text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.message .reaction.mine{border-color:rgba(var(--accent-rgb),.4);color:var(--accent-ink)}
.profile-cover{background:linear-gradient(130deg,color-mix(in srgb,var(--cover-start) 35%,transparent),color-mix(in srgb,var(--cover-end) 48%,transparent));border-bottom:1px solid var(--border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text)}.profile-identity p{color:var(--muted)}.profile-toolbar .icon-btn,.profile-actions .menu-action{color:var(--text)}.profile-info-row:not(:last-child),.setting-row:not(:last-child){border-color:var(--border)}.profile-dialog{background:rgba(var(--surface-rgb),var(--glass-alpha))}.modal.glass{box-shadow:inset 0 1px 0 #ffffff25,0 22px 70px #0005}.modal::backdrop{background:#00000028;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.context-menu::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.modal .menu-action+.menu-action{border-color:var(--border)}.toast{background:rgba(var(--surface-rgb),.82);color:var(--text);border-color:var(--border)}
/* Appearance editor */
.appearance-page{padding:0;scroll-behavior:auto}.appearance-header{position:sticky;top:0;z-index:8;border-radius:0;border-width:0 0 1px;padding:18px 24px;display:flex;align-items:center;gap:12px;background:rgba(var(--surface-rgb),.62)}.appearance-header h2{font-size:1.28rem}.appearance-header p{color:var(--muted);font-size:.75rem;margin-top:2px}.appearance-header .primary{font-size:.83rem;padding:9px 17px;gap:5px;white-space:nowrap}.appearance-header .primary .icon{width:18px;height:18px}.appearance-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(310px,1fr);gap:22px;padding:24px;align-items:start}.theme-preview-column{position:sticky;top:125px}.theme-preview{min-height:314px;border:1px solid var(--border);border-radius:28px;padding:12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 85%,var(--glow-a),transparent 65%),radial-gradient(ellipse at 100% 8%,var(--glow-b),transparent 75%),var(--theme-base);display:flex;flex-direction:column;gap:10px;direction:ltr}.theme-preview-title{padding:6px 10px;border-radius:28px;display:flex;gap:9px;align-items:center;position:relative;z-index:1}.theme-preview-title .avatar{width:33px;height:33px;font-size:14px}.theme-preview-title b{font-family:Arial,sans-serif;font-size:14px}.theme-preview-title small{display:block;font-size:10px;color:var(--accent-ink);line-height:1.4}.theme-preview-title .icon{width:19px;height:19px}.preview-day{font-size:10px;align-self:center;border-radius:20px;padding:1px 10px;position:relative;z-index:1}.preview-message{position:relative;z-index:1;width:fit-content;max-width:90%;padding:9px 12px 5px;font-size:var(--message-size);line-height:1.8;border-radius:var(--bubble-radius) var(--bubble-radius) var(--bubble-radius) 5px;direction:rtl;align-self:flex-start}.preview-message small{display:block;font:10px Arial,sans-serif;text-align:right;opacity:.65;margin-top:4px}.preview-message.outgoing{align-self:flex-end;margin-bottom:59px}.preview-compose{position:absolute;bottom:12px;left:12px;right:12px;z-index:2;display:flex;align-items:center;gap:9px;padding:5px 5px 5px 12px;border-radius:30px}.preview-compose>span{flex:1;color:var(--muted);font-size:12px;text-align:right}.preview-compose>.icon{height:19px;width:19px;color:var(--muted)}.preview-compose b{background:rgba(var(--accent-rgb),.75);border:1px solid var(--border);color:var(--accent-contrast);height:35px;width:35px;border-radius:50%;display:grid;place-items:center}.preview-compose b .icon{width:20px;height:20px}.theme-hint{color:var(--muted);font-size:.75rem;line-height:1.9;margin:12px 5px}.theme-controls fieldset{margin:0;padding:0;border:0;min-width:0}.theme-card{padding:19px!important;margin-bottom:14px!important;border-radius:24px!important}.theme-card h3{font-size:.92rem;font-weight:600;margin-bottom:16px;color:var(--text)}.theme-card .between h3{margin-bottom:12px}.theme-selection{font-size:.69rem;color:var(--accent-ink)}.theme-segmented{display:flex;gap:4px;background:rgba(var(--surface-rgb),.15);border:1px solid var(--border);border-radius:22px;padding:4px}.theme-segmented button{flex:1;padding:10px 3px;border-radius:18px;color:var(--muted);font-size:.72rem;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.theme-segmented button .icon{width:18px;height:18px}.theme-segmented [aria-pressed=true]{background:rgba(var(--accent-rgb),.15);color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff1f}.theme-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.theme-preset{padding:0;text-align:center;min-width:0;color:var(--muted);font-size:.73rem;line-height:1.7}.preset-picture{height:78px;display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden;border-radius:16px;padding:16px 9px;background:radial-gradient(ellipse at 90% 10%,var(--swatch-a),transparent 100%),var(--swatch-bg);border:2px solid transparent;margin-bottom:6px;direction:ltr}.preset-picture i{height:11px;background:#ffffff30;border:1px solid #ffffff20;border-radius:9px;width:65%;display:block}.preset-picture i:nth-child(2){align-self:flex-end;background:linear-gradient(90deg,var(--swatch-a),var(--swatch-b));width:78%}.preset-picture i:nth-child(3){width:48%}.preset-picture b{position:absolute;bottom:4px;right:4px;border-radius:50%;background:var(--swatch-accent);color:#132a1c;display:none;height:19px;width:19px;place-items:center;box-shadow:0 0 0 2px var(--swatch-bg)}.preset-picture b .icon{width:13px;height:13px;stroke-width:2.5}.theme-preset[aria-pressed=true]{color:var(--accent-ink)}.theme-preset[aria-pressed=true] .preset-picture{border-color:var(--accent)}.theme-preset[aria-pressed=true] .preset-picture b{display:grid}.theme-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-color-grid label{display:flex;align-items:center;gap:9px;margin:0;font-size:.75rem;color:var(--muted);cursor:pointer}.theme-color-grid input[type=color]{height:35px;width:35px;min-width:35px;margin:0;padding:3px;border-radius:50%;border:1px solid var(--border);background:transparent;cursor:pointer}.theme-color-grid input::-webkit-color-swatch-wrapper{padding:0}.theme-color-grid input::-webkit-color-swatch{border:0;border-radius:50%}.theme-color-grid input::-moz-color-swatch{border:0;border-radius:50%}.theme-range{margin:17px 0 9px;color:var(--text)}.theme-range>span{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.theme-range output{color:var(--accent-ink);font-size:.74rem}.theme-range input[type=range]{width:100%;height:26px;min-height:0;padding:0;margin:10px 0 0;accent-color:var(--accent);background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;cursor:pointer;direction:ltr}.wallpaper-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.wallpaper-options button{padding:0;min-width:0;color:var(--muted);font-size:.7rem}.wallpaper-swatch{display:block;height:55px;border-radius:13px;border:2px solid transparent;margin-bottom:6px;background-color:var(--theme-base)}.wallpaper-aurora{background-image:radial-gradient(ellipse at 10% 70%,var(--glow-a),transparent 75%),radial-gradient(ellipse at 90% 15%,var(--glow-b),transparent 75%)}.wallpaper-waves{background-image:repeating-radial-gradient(ellipse at 0% 100%,transparent 0 8px,var(--glow-a) 9px 10px,transparent 11px 20px)}.wallpaper-dots{background-image:radial-gradient(var(--glow-a) 1px,transparent 2px);background-size:9px 9px}.wallpaper-options [aria-pressed=true]{color:var(--accent-ink)}.wallpaper-options [aria-pressed=true] .wallpaper-swatch{border-color:var(--accent)}.theme-switch{display:flex;align-items:center;justify-content:space-between;margin:16px 0 0;color:var(--text);font-size:.8rem}.theme-switch input{margin:0;width:22px;height:22px;accent-color:var(--accent)}.theme-file-actions{display:flex;flex-direction:column;gap:4px}.theme-file-actions .menu-action{display:flex;align-items:center;padding:11px 4px;gap:12px;text-align:start;font-size:.83rem;color:var(--muted)}.theme-file-actions .icon{height:19px;width:19px;color:var(--accent-ink)}
html[data-wallpaper=waves] .theme-preview{background:repeating-radial-gradient(ellipse at 10% 95%,transparent 0 18px,var(--glow-a) 19px 20px,transparent 22px 36px),var(--theme-base)}html[data-wallpaper=dots] .theme-preview{background-image:radial-gradient(var(--glow-a) 1px,transparent 1.5px);background-size:15px 15px;background-color:var(--theme-base)}html[data-wallpaper=plain] .theme-preview{background:var(--theme-base)}
html[data-theme=light] .mobile-nav,html[data-theme=light] .chat-heading,html[data-theme=light] .header-actions,html[data-theme=light] .chat-header .back,html[data-theme=light] .pinned-bar,html[data-theme=light] .composer,html[data-theme=light] .modal,html[data-theme=light] .sidebar{background:linear-gradient(135deg,#ffffff28,#ffffff05),rgba(var(--surface-rgb),var(--glass-alpha));border-color:var(--border)}html[data-theme=light] .message.own .bubble{background:linear-gradient(135deg,rgba(var(--sent-a-rgb),var(--bubble-alpha)),rgba(var(--sent-b-rgb),var(--bubble-alpha)));color:var(--sent-ink)}html[data-theme=light] .message.own .mention{color:inherit}html[data-theme=light] .message.own .message-meta{color:inherit}html[data-theme=light] .primary{color:var(--accent-contrast)}
@media(max-width:1100px){.appearance-layout{grid-template-columns:1fr;max-width:600px}.theme-preview-column{position:relative;top:auto}.theme-preview{min-height:290px}.theme-controls{min-width:0}}
@media(max-width:760px){:root{--header-height:76px}.workspace{height:var(--app-height)}.sidebar.glass{height:var(--app-height);background:rgba(var(--surface-rgb),.05)}.main-pane{background:rgba(var(--surface-rgb),.025)}.chat-header{padding-top:9px}.messages{padding-top:calc(var(--header-height) + 12px);padding-bottom:var(--composer-space)}.conversation:has(.pinned-bar) .messages{padding-top:calc(var(--header-height) + 77px)}.composer-area{padding:6px 8px calc(10px + env(safe-area-inset-bottom))}.composer{padding:5px;border-radius:34px}.message .message-text{font-size:var(--message-size)}.workspace.appearance-open .mobile-nav{display:none}.appearance-page{padding:0 0 calc(22px + env(safe-area-inset-bottom))}.appearance-header{padding:14px 11px;gap:6px;border-radius:0}.appearance-header h2{font-size:1.13rem}.appearance-header p{font-size:.65rem}.appearance-header .primary{padding:8px 12px;font-size:.74rem}.appearance-header .icon-btn{width:34px;height:38px}.appearance-layout{padding:16px 12px;gap:6px}.theme-preview{min-height:296px}.theme-preview-column{margin-bottom:5px}.theme-card{padding:17px!important}.theme-hint{font-size:.71rem}.theme-preview-column>.theme-hint{text-align:center}.theme-segmented button{font-size:.74rem;padding:11px 2px}.preset-picture{height:86px}.theme-preset{font-size:.75rem}.theme-preview .preview-message{font-size:min(var(--message-size),18px)}.theme-preview .preview-message.outgoing{margin-bottom:55px}.theme-preview .preview-compose{bottom:11px}.theme-preview-title{min-height:49px}body[data-preview] .sidebar.glass{height:calc(var(--app-height) - 25px)}body[data-preview] .main-pane{top:25px}.profile-content{padding-bottom:4px}.mobile-nav{background:linear-gradient(140deg,#ffffff0c,#ffffff02),rgba(var(--surface-rgb),var(--glass-alpha));border-color:var(--border)}body[data-preview] .demo-banner{background:rgba(var(--surface-rgb),.55);color:var(--muted);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}}
@media(max-width:355px){.appearance-header .primary .icon{display:none}.appearance-header p{max-width:160px}.theme-color-grid{gap:13px 8px}.theme-color-grid label{font-size:.7rem}.theme-card{padding:14px!important}.theme-segmented button{font-size:.66rem;gap:4px}.preset-picture{height:75px}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.composer,.chat-heading,.header-actions,.message .bubble,.mobile-nav,.view-page .card,.modal.glass{background:var(--panel2)!important}}
@media(prefers-reduced-transparency:reduce){.glass,.composer,.chat-heading,.header-actions,.message .bubble,.mobile-nav,.view-page .card,.modal.glass{background:var(--panel2)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

.message{touch-action:pan-y}.to-latest{position:absolute;inset-inline-end:18px;bottom:calc(var(--composer-space) + 7px);z-index:5;border-radius:50%;width:41px;height:41px;background:rgba(var(--surface-rgb),var(--glass-alpha));border:1px solid var(--border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text);box-shadow:inset 0 1px 0 #ffffff25,0 5px 20px #0002}.to-latest .icon{transform:rotate(-90deg);width:23px;height:23px}