/* Mobile theme is one continuous palette. Glass changes optics, never selects a tint. */
body.phone-layout.full-theme,body.phone-layout.liquid-glass{background-image:var(--mobile-palette)!important;background-attachment:fixed!important}body.phone-layout.full-theme #app,body.phone-layout.liquid-glass #app,body.phone-layout.full-theme .workspace,body.phone-layout.liquid-glass .workspace{background:transparent!important}
body.phone-layout.full-theme :is(.settings-overlay,.settings-nav-wrap,#settings-content,.channel-header,.phone-navigation,.composer,.member-panel,.rift-settings-panel,.rift-context-menu,#emoji-panel,#self-profile-menu,dialog,#voice-connected),body.phone-layout.liquid-glass :is(.settings-overlay,.settings-nav-wrap,#settings-content,.channel-header,.phone-navigation,.composer,.member-panel,.rift-settings-panel,.rift-context-menu,#emoji-panel,#self-profile-menu,dialog,#voice-connected){background-color:transparent!important;background-image:var(--mobile-surface-palette,var(--mobile-palette))!important;background-attachment:fixed!important;background-size:100vw 100dvh!important;filter:none!important}
body.phone-layout.full-theme.liquid-glass :is(.settings-overlay,.settings-nav-wrap,#settings-content,.channel-header,.phone-navigation,.composer,.member-panel,.rift-settings-panel,.rift-context-menu,#emoji-panel,#self-profile-menu,dialog,#voice-connected){background-color:transparent!important;background-image:var(--mobile-surface-palette,var(--mobile-palette))!important;background-attachment:fixed!important}
body.phone-layout.liquid-glass :is(.composer,.phone-navigation,.rift-settings-panel,.rift-context-menu,#emoji-panel,#self-profile-menu,dialog){border-radius:var(--mobile-glass-radius,22px)!important;border-color:#ffffff26!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / var(--mobile-glass-shine,.18)),inset 0 -1px 1px #00000018,0 8px 22px #00000026!important;backdrop-filter:blur(var(--glass-blur,18px)) saturate(100%)!important;-webkit-backdrop-filter:blur(var(--glass-blur,18px)) saturate(100%)!important}
body.phone-layout.liquid-glass :is(.channel-header,.settings-nav-wrap,.member-panel,#settings-content,.settings-overlay){backdrop-filter:blur(var(--glass-blur,18px)) saturate(100%)!important;-webkit-backdrop-filter:blur(var(--glass-blur,18px)) saturate(100%)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / var(--mobile-glass-shine,.18))!important}
body.phone-layout.liquid-glass.phone-glass-flat :is(.composer,.phone-navigation,.rift-settings-panel,.rift-context-menu,#emoji-panel,#self-profile-menu,dialog){box-shadow:inset 0 1px 0 rgb(255 255 255 / var(--mobile-glass-shine,.18))!important}body.phone-layout.liquid-glass.phone-glass-no-reflections{--mobile-glass-shine:0!important}body.phone-layout.liquid-glass.phone-glass-no-reflections .liquid-nav-lens{background:#ffffff0b!important;box-shadow:0 2px 7px #0002!important}
body.phone-layout.liquid-glass .liquid-nav-lens{background:radial-gradient(ellipse at 22% 0%,rgb(255 255 255 / var(--mobile-glass-shine,.18)),transparent 65%),linear-gradient(145deg,#ffffff19,#ffffff03 50%,#ffffff12)!important;backdrop-filter:blur(8px) saturate(100%)!important;box-shadow:inset 0 1px 1px rgb(255 255 255 / var(--mobile-glass-shine,.18)),inset 0 -1px 1px #ffffff12,0 3px 10px #0002!important;will-change:transform}
body.phone-layout.liquid-glass.phone-glass-no-navigation .liquid-nav-lens{display:none!important}body.phone-layout.liquid-glass.phone-glass-no-navigation .phone-navigation>button.selected{background:#ffffff16!important}body.phone-layout.liquid-glass .phone-navigation>button{transition:color .16s!important}#phone-glass-form .checkbox-setting{display:flex;align-items:center;gap:10px;margin:14px 0}#phone-glass-form label{margin-bottom:15px}#phone-glass-form input[type=range]{width:100%}

/* Keep scrolling panes free of nested backdrop sampling; only small floating surfaces blur. */
body.phone-layout.liquid-glass :is(.workspace,.workspace>.main,.workspace>.sidebar,.workspace>.server-rail,.workspace>.member-panel,.settings-overlay,.settings-nav-wrap,#settings-content,.rift-settings-panel,.channel-header,#voice-connected,.user-panel){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.phone-layout.liquid-glass :is(.settings-overlay,.settings-nav-wrap,#settings-content,.rift-settings-panel,.channel-header,.composer,.phone-navigation,.rift-context-menu,#emoji-panel,#self-profile-menu,dialog,#voice-connected){background-attachment:scroll!important}
body.phone-layout.liquid-glass :is(.composer,.phone-navigation,.rift-context-menu,#emoji-panel,#self-profile-menu,dialog){backdrop-filter:blur(min(var(--glass-blur,18px),12px))!important;-webkit-backdrop-filter:blur(min(var(--glass-blur,18px),12px))!important}
body.phone-layout.liquid-glass .liquid-nav-lens{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important;transform-origin:center;contain:layout style;box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 1px #ffffff20,0 2px 6px #0002!important;background:radial-gradient(ellipse at 28% 0%,rgb(255 255 255 / var(--mobile-glass-shine,.18)),transparent 62%),linear-gradient(155deg,#ffffff22,#ffffff05 48%,#ffffff16)!important}
body.phone-layout.liquid-glass .liquid-nav-lens:after{content:"";position:absolute;inset:1px;border-radius:inherit;border-top:1px solid #ffffff30;pointer-events:none}
body.phone-layout :is(#chat-view,#messages,#hub-view,#hub-body,#phone-section-view){animation:none!important;transition:none!important}
body.phone-layout .phone-navigation>button{transform:none!important;scale:1!important}

/* Refraction is a small composited skin, independent of the lens position. */
body.phone-layout.liquid-glass .liquid-nav-lens{background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible}
body.phone-layout.liquid-glass .liquid-nav-lens:after{display:none}
body.phone-layout.liquid-glass .liquid-lens-core{position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid #ffffff45;background:radial-gradient(ellipse at 24% 0%,rgb(255 255 255 / var(--mobile-glass-shine,.18)),transparent 62%),linear-gradient(155deg,#ffffff29,#ffffff05 48%,#ffffff1c);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #ffffff38,inset 1px 0 1px #ffffff20,0 3px 8px #0002;transform-origin:center}
body.phone-layout.liquid-glass .liquid-lens-core:before{content:"";position:absolute;inset:2px 12% auto;height:32%;border-radius:50%;background:linear-gradient(#ffffff20,transparent);pointer-events:none}
body.phone-layout.liquid-glass.phone-glass-no-reflections .liquid-lens-core{background:#ffffff0b;box-shadow:0 2px 6px #0002;border-color:#ffffff20}
body.phone-layout.liquid-glass.phone-glass-flat .liquid-lens-core{box-shadow:inset 0 1px 1px #ffffff40}
body.liquid-glass:not(.phone-layout) :is(.composer,.phone-navigation,.rift-context-menu,#emoji-panel,#self-profile-menu,dialog){border-color:#ffffff30!important;box-shadow:inset 0 1px 0 #ffffff64,inset 1px 0 0 #ffffff16,inset 0 -1px 0 #ffffff14,0 8px 24px #0003!important}
body.liquid-glass:not(.phone-layout) .composer:focus-within{border-color:#ffffff50!important;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff20,0 8px 24px #0003!important}
body.liquid-glass:not(.phone-layout) :is(.server-icon,.channel,.sidebar-nav-item){transition:background-color .16s ease,border-radius .2s ease,color .16s ease}
@media(prefers-reduced-motion:reduce){body.liquid-glass:not(.phone-layout) :is(.server-icon,.channel,.sidebar-nav-item){transition:none!important}}

/* A single opaque palette behind settings avoids blending the live app and nested panels. */
body.phone-layout.liquid-glass #settings-overlay#settings-overlay{background-image:var(--mobile-palette)!important;isolation:isolate;box-shadow:none!important}
body.phone-layout.liquid-glass #settings-overlay :is(.settings-nav-wrap,#settings-content,.rift-settings-panel){background-image:none!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
body.phone-layout.liquid-glass .settings-overlay .rift-settings-panel{border:1px solid #ffffff16!important;border-radius:var(--mobile-glass-radius,22px)!important}
body.phone-layout.liquid-glass #settings-overlay :is(.rift-settings-panel h2,.settings-nav-item.selected){text-shadow:0 1px 0 #ffffff0a}
body.liquid-glass :is(.rift-settings-panel,.friends-tabs,.phone-section-heading){border-top-color:#ffffff28}
.friends-loading{padding:26px;color:var(--text-muted,#a6a8b4);font-size:14px;min-height:100px}

.theme-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.theme-mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;text-align:left;border:1px solid #ffffff25;border-radius:16px;background:#ffffff05;min-width:0;color:inherit}.theme-mode-card.selected{border-color:var(--accent,#8b85ff);background:#ffffff0d;box-shadow:inset 0 1px #ffffff30}.theme-mode-card:disabled{opacity:.55;cursor:default}.theme-mode-card b{font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.theme-mode-card small{color:var(--text-muted,#a6a8b4);line-height:1.5}.theme-mode-swatches{display:flex;gap:5px}.theme-mode-swatches i{display:block;width:25px;height:25px;border-radius:50%;border:1px solid #ffffff35}.custom-swatches i:nth-child(1){background:#9576db}.custom-swatches i:nth-child(2){background:#4c9da8}.custom-swatches i:nth-child(3){background:#d786ad}.theme-mode-panel~section[hidden]{display:none!important}@media(max-width:480px){.theme-mode-card{padding:15px;gap:9px}.theme-mode-options{gap:9px}.theme-mode-card b{font-size:13px}}

#composer #composer-completions button[data-completion]{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;min-width:0!important;height:auto!important;min-height:46px!important;padding:12px!important;flex:none!important;box-sizing:border-box;gap:12px;cursor:pointer;touch-action:pan-y}#composer-completions button[data-completion]>*{pointer-events:none}#composer-completions button[data-completion] b{flex:1;text-align:left}#composer-completions button[data-completion] small{flex:none}.message-body .message-heading{line-height:1.25;margin:8px 0 4px;font-weight:750;white-space:normal;overflow-wrap:anywhere}.message-body h1.message-heading{font-size:1.65em}.message-body h2.message-heading{font-size:1.4em}.message-body h3.message-heading{font-size:1.2em}.message-body :is(h4,h5,h6).message-heading{font-size:1em}.inbox-row small :is(strong,em,code){font-size:inherit;color:inherit}.inbox-row small code{padding:0 2px}

.phone-server-list>button.phone-has-unread,.phone-channel-list section>button.phone-has-unread{border-left:3px solid #eef1ff!important}.phone-server-list>button.phone-has-ping,.phone-channel-list section>button.phone-has-ping{border-left-color:#ed4245!important}.phone-unread-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#eef1ff;flex:none;margin-left:auto}.phone-unread-summary{display:block!important;font-size:11px!important;color:#d4d9eb!important;margin-top:4px;line-height:1.4}.phone-has-ping .phone-unread-summary{color:#ff9ca4!important}.phone-navigation #phone-tab-servers{position:relative}.phone-navigation .phone-server-total{position:absolute!important;top:1px;right:6px;font-style:normal}.phone-navigation #phone-tab-servers.phone-has-unread:not(:has(.phone-server-total)):before{content:"";position:absolute;top:5px;right:15px;width:7px;height:7px;background:#eef1ff;border-radius:50%}

.badge-strip{display:inline-flex;align-items:center;gap:5px}.rift-spilla{width:21px;height:23px;display:inline-grid;place-items:center;cursor:pointer;flex:none;border-radius:6px;background:linear-gradient(150deg,#ffffff14,#0001);box-shadow:inset 0 1px #ffffff25}.rift-spilla svg{width:18px;height:20px;pointer-events:none}.rift-spilla.staff-badge{color:#70bfeb}.rift-spilla.admin-badge{color:#ee9687}.rift-spilla.founder-badge{color:#f1ca70}.rift-spilla.premium-badge{color:#d6b0f4}.rift-spilla.boost-badge{color:#f6a4dc}.rift-spilla.early-badge{color:#67d2bf}.rift-badge-popup{text-align:center;padding:14px 18px 24px;max-width:420px;margin:auto}.badge-popup-symbol{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;border:1px solid #ffffff25;border-radius:22px;background:linear-gradient(145deg,#ffffff14,#ffffff03);color:#c4b8ff}.badge-popup-symbol svg{width:44px;height:44px}.rift-badge-popup p{line-height:1.65;color:#bdc2cf;font-size:14px}

.rift-spilla.founder-badge{display:inline-flex;width:auto;min-width:25px;height:25px;gap:4px;padding:1px 6px 1px 3px;border:1px solid #e6bc6270;border-radius:7px;background:linear-gradient(145deg,#e9c46a29,#74501b14);color:#f6d78c;box-shadow:inset 0 1px #ffe9a84a,inset 0 -1px #9b671b22}.rift-spilla.founder-badge svg{width:20px;height:22px}.owner-badge-label{font:800 8px/1 "Segoe UI",sans-serif;letter-spacing:.07em;pointer-events:none}.global-server-management{display:block;width:100%;margin:24px 0 8px;min-height:44px}.global-server-list{max-height:55dvh;overflow:auto}.global-server-list>div{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ffffff18}.global-server-list span{min-width:0}.global-server-list small{display:block;color:#a9b0bf;margin-top:5px;font-size:12px}.global-server-list button{min-height:40px;flex:none}

.phone-layout .badge-strip:has(.founder-badge){height:auto!important;min-height:25px!important}.phone-layout .badge-strip>.rift-spilla.founder-badge{flex:0 0 auto;white-space:nowrap}

.desktop-app-panel .checkbox-setting{display:flex;align-items:center;gap:10px;margin:14px 0}.desktop-app-panel input[type=checkbox]{width:16px!important;height:16px;flex:none}