/* AndroidLiquidGlass: a lightly tinted capsule with a refractive rim.
   Keep expensive lens surfaces small; content lists have no backdrop layers. */
:root { --glass-fill: #ffffff66; --glass-filter: blur(8px) saturate(1.3); --glass-shadow: 0 3px 12px #162e2412,inset 0 1px 0 #ffffffe0,inset 0 -1px 1px #ffffff80; }
.phone-shell { position: relative; }
.phone-shell.chat-mode { grid-template-rows: var(--ui-safe-top) 1fr auto; }
.phone-shell.chat-mode > .screen { grid-row:2; }
.phone-shell.chat-mode > .bottom-tabs { grid-row:3; }
.phone-shell.chat-mode > .top-bar { position:absolute; top:var(--ui-safe-top); right:0; height:48px; padding:4px 12px; z-index:25; pointer-events:none; }
.chat-status-capsule { pointer-events:auto; }
#chatView { padding-top:0; }
#messageList { padding-top:8px; mask-image:none; -webkit-mask-image:none; scroll-behavior:auto; }
#chatView::before { content:''; position:absolute; top:0; left:0; right:0; height:24px; pointer-events:none; z-index:5; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); mask-image:linear-gradient(#000,transparent); -webkit-mask-image:linear-gradient(#000,transparent); }
.composer, .bottom-tabs, .chat-status-capsule { background:#fafafa66; border:1px solid #ffffffa8; box-shadow:inset 0 1.5px 1px #ffffffe8,inset 0 -1px 1px #ffffff80,0 3px 12px #17342916; backdrop-filter:blur(8px) saturate(1.3); -webkit-backdrop-filter:blur(8px) saturate(1.3); }
#composer.has-liquid-lens, .bottom-tabs.has-liquid-lens, .chat-status-capsule.has-liquid-lens { backdrop-filter:var(--liquid-lens) saturate(1.3); -webkit-backdrop-filter:var(--liquid-lens) saturate(1.3); }
.composer { border-radius:30px; }
#messageInput, #messageInput:focus, #messageInput:focus-visible { outline:none; border:0; box-shadow:none; background:transparent; }
.composer:focus-within { outline:none; border-color:#ffffffa8; }
.composer-add-button, .composer-add-button:hover, .composer-add-button[aria-expanded=true] { background:transparent; border:0; box-shadow:none; color:var(--ink); }
.composer-shell { flex-shrink:0; }
.composer-menu { width:min(320px,calc(100vw - 32px)); min-width:0; max-height:calc(var(--menu-space, 55dvh)); overflow:auto; padding:8px; gap:0; border-radius:24px; background:#f8faf8ed; backdrop-filter:none; -webkit-backdrop-filter:none; overscroll-behavior:contain; }
.composer-menu button { min-height:44px; border:0; background:transparent; box-shadow:none; color:var(--ink); border-radius:10px; font-weight:500; text-align:left; }
.composer-menu button:active, .composer-menu button[aria-pressed=true] { background:#15251c0c; }
.chat-model-picker { border-bottom:1px solid #1635241c; padding-bottom:6px; margin-bottom:5px; }
.composer-menu .chat-model-trigger { display:flex; align-items:center; gap:10px; width:100%; }
.chat-model-trigger strong { margin-left:auto; font-size:14px; }
.chat-model-options { border-top:1px solid #16352414; padding:4px 0; }
.chat-model-options button { display:flex; justify-content:space-between; width:100%; }
.chat-model-options button[aria-pressed=true]::after { content:'✓'; }
.chat-effort-options { padding:8px; }
.chat-effort-options > span { font-size:12px; color:#4a5551; }
.chat-effort-options > div { display:flex; flex-wrap:wrap; gap:2px; margin-top:5px; }
.chat-effort-options button { padding:5px 10px; font-size:12px; min-height:36px; text-align:center; }
.chat-model-picker output { display:block; padding:0 8px; font-size:11px; color:#5b6460; }
.chat-model-picker [hidden] { display:none; }
.composer-menu { position:fixed; inset:auto 0 0; margin:0 auto; width:min(100%,600px); max-width:100%; max-height:calc(100dvh - var(--ui-safe-top) - 24px); padding:20px 22px max(16px,var(--ui-safe-bottom)); border:0; border-radius:28px 28px 0 0; background:#fff; box-shadow:0 -8px 40px #00000012; }
.composer-menu::backdrop { background:#0003; backdrop-filter:none; }
.composer-menu .composer-sheet-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-bottom:22px; border-bottom:1px solid #0000000d; }
.composer-menu .composer-sheet-actions button { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:82px; gap:8px; padding:10px 4px; background:#f5f5f5; border-radius:18px; font-size:12px; }
.composer-menu .composer-sheet-actions svg { width:24px; height:24px; }
.chat-model-picker { border:0; padding:14px 0 0; margin:0; }
.composer-menu .chat-model-trigger { padding:16px 0; min-height:66px; }
.chat-model-trigger strong { font-size:17px; font-weight:500; color:var(--accent-ink); }
.chat-model-options { border:0; }
.composer-menu .chat-model-options button { min-height:54px; padding:12px 0; background:transparent; font-size:16px; }
.composer-menu .chat-model-options button[aria-pressed=true] { color:var(--accent-ink); }
.chat-effort-options { padding:14px 0; border-top:1px solid #0000000d; }
.composer-menu .chat-effort-options button { display:block; flex:1 0 52px; }
.composer-menu .composer-sheet-close { justify-content:center; text-align:center; color:#606060; margin-top:10px; width:100%; }
#composerMenu { background:#fff; border:0; backdrop-filter:none; -webkit-backdrop-filter:none; }
#composerMenu .composer-sheet-close { display:block; }
.bottom-tabs { position:relative; padding:4px 4px max(4px,var(--ui-safe-bottom)); border-radius:32px 32px 0 0; gap:0; isolation:isolate; }
.bottom-tabs .tab-button { position:relative; z-index:1; border-radius:28px; box-shadow:none; transition:color 100ms; -webkit-tap-highlight-color:transparent; }
.bottom-tabs .tab-active { background:#ffffff58; }
.bottom-tabs.has-liquid-lens .tab-active { background:transparent; }
.liquid-tab-indicator { position:absolute; top:4px; left:4px; width:calc((100% - 8px) / 5); height:52px; border-radius:28px; background:#ffffff58; box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff80; transform:translateX(calc(var(--tab-index,0) * 100%)); transition:transform 220ms cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.tab-button:active { transform:scale(.96); filter:none; }
.message.user .message-content { backdrop-filter:none; -webkit-backdrop-filter:none; }
#modelPreferences { background:transparent; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; padding:4px 0 18px; }
.model-profile-row { padding:16px 0; border-bottom:1px solid #18372420; background:transparent; border-radius:0; }
#modelPreferences .model-profile-row select { appearance:none; background:#ffffff50; color:var(--accent-ink); border:1px solid #ffffffa0; border-radius:14px; padding:12px; box-shadow:inset 0 1px 0 #ffffffb0; font-weight:500; }
.model-preferences button { background:transparent; border:0; color:var(--accent-ink); box-shadow:none; }
.model-preferences .model-profile-save { background:var(--accent); color:#fff; border-radius:22px; }
#toolsView .tool-management-grid { display:block; }
#toolsView .tool-management-grid > button, .mcp-server-link { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:64px; padding:16px 4px; border:0; border-bottom:1px solid #16352426; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; color:var(--ink); text-align:left; font-size:16px; }
#toolsView .tool-management-grid > button::after { content:'›'; font-size:22px; }
#toolsView .tool-management-grid :is(small,em,.tool-management-icon) { display:none; }
#toolsView:not(.tools-detail-open) #mcpManager { display:none; }
#toolsView.tools-detail-open .tool-management-grid, #toolsView.tools-detail-open #toolsIntro { display:none; }
#mcpServerList { display:block; }
#mcpManager, #mcpServerList { background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
#mcpManager .ct-mcp-switch button { background:transparent; box-shadow:none; border:0; border-radius:0; border-bottom:2px solid transparent; }
#mcpManager .ct-mcp-switch button[aria-selected=true] { border-bottom-color:var(--accent); }
#mcpManager .ct-mcp-switch, #mcpManager .mcp-import-card { background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.tool-detail-sheet { position:fixed; inset:var(--ui-safe-top) 0 0; width:100%; max-width:600px; max-height:none; height:auto; margin:0 auto; padding:20px 20px max(20px,var(--ui-safe-bottom)); border:0; border-radius:0; background:#f5f8f5; color:var(--ink); }
.tool-detail-back { border:0; background:transparent; color:var(--accent-ink); padding:12px 0; }
.tool-detail-sheet :is(.mcp-server-card,.mcp-tool-group,.mcp-tool-row,.mcp-policy-grid,.mcp-secret-row) { border-radius:0; background:transparent; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.tool-detail-sheet .mcp-tool-row { border-bottom:1px solid #16352420; }
.home-toolbox-sheet .toolbox-actions { display:block; }
.home-toolbox-sheet .toolbox-actions button { width:100%; min-height:58px; display:flex; flex-direction:row; justify-content:space-between; padding:12px 0; border:0; border-bottom:1px solid #16352426; border-radius:0; background:transparent; box-shadow:none; }
.home-toolbox-sheet .toolbox-actions button svg { display:none; }
.home-toolbox-sheet .toolbox-actions button::after { font-size:16px; }
@media (prefers-reduced-motion:reduce) { .liquid-tab-indicator { transition:none; } .tab-button:active { transform:none; } }
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) { .composer,.bottom-tabs,.chat-status-capsule { background:#f6f8f6; backdrop-filter:none; -webkit-backdrop-filter:none; } }

/* Clear Backdrop lens: optics are behind the controls, never on their text. */
#composer.has-liquid-lens, .bottom-tabs.has-liquid-lens,
.chat-status-capsule.has-liquid-lens, .liquid-tab-indicator.has-liquid-lens {
  background:transparent; border-color:transparent; box-shadow:none;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
#composer.has-liquid-lens, .chat-status-capsule.has-liquid-lens { position:relative; isolation:isolate; }
#composer.has-liquid-lens > :not(.liquid-surface),
.chat-status-capsule.has-liquid-lens > :not(.liquid-surface) { position:relative; z-index:2; }
.bottom-tabs.has-liquid-lens > .tab-button { z-index:2; }
.liquid-surface {
  position:absolute; inset:0; z-index:0; border-radius:inherit; pointer-events:none;
  background:rgba(255,255,255,.09);
  backdrop-filter:var(--liquid-lens, blur(.4px)) saturate(1.12);
  -webkit-backdrop-filter:var(--liquid-lens, blur(.4px)) saturate(1.12);
  box-shadow:0 4px 14px #15372b14,inset 0 .5px 0 #ffffff38,inset 0 -.5px 0 #243d3826;
}
.liquid-surface::before, .liquid-surface::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; }
.liquid-surface::before { background:var(--lens-highlight) center / 100% 100% no-repeat; opacity:.8; }
.liquid-surface::after { background:radial-gradient(ellipse 120px 70px at var(--glass-touch-x,50%) 0%,#ffffff85,transparent); opacity:0; transition:opacity 140ms ease-out; }
.glass-pressed > .liquid-surface::after { opacity:.65; }
.bottom-tabs.has-liquid-lens > .liquid-surface { bottom:var(--ui-safe-bottom); border-radius:32px; background:#ffffff0d; }
.bottom-tabs.has-liquid-lens { border-radius:32px; }
.liquid-tab-indicator.has-liquid-lens { z-index:1; transition:transform 260ms cubic-bezier(.18,.85,.28,1.12); }
.liquid-tab-indicator > .liquid-surface { background:#ffffff1a; box-shadow:0 2px 8px #16372b12; }
.glass-pressed .liquid-tab-indicator > .liquid-surface { background:#ffffff08; }
.bottom-tabs .tab-button svg { transition:transform 150ms ease-out; }
.bottom-tabs.glass-pressed .tab-active svg { transform:scale(1.12); }
.chat-status-capsule > .liquid-surface { background:#ffffff0d; }
@media (prefers-reduced-motion:reduce) {
  .liquid-tab-indicator.has-liquid-lens,.liquid-surface::after,.bottom-tabs .tab-button svg { transition:none; }
  .bottom-tabs.glass-pressed .tab-active svg { transform:none; }
}
.glass-accessible .liquid-surface { background:#f6f8f6; backdrop-filter:none; -webkit-backdrop-filter:none; }
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .liquid-surface { background:#f6f8f6; backdrop-filter:none; -webkit-backdrop-filter:none; }
}

/* Solid controls; glass belongs to content surfaces, with no displacement seams. */
#composer, .phone-shell .bottom-tabs, .top-bar .chat-status-capsule {
  background:#f6f8f7; backdrop-filter:none; -webkit-backdrop-filter:none;
  border:1px solid #ffffffc9; box-shadow:0 2px 8px #18372b0c;
}
.phone-shell .bottom-tabs { border-radius:32px; }
.bottom-tabs .tab-active { background:transparent; }
.bottom-tabs .liquid-tab-indicator { background:#e7efeb; box-shadow:none; }
#composer:focus-within { border-color:#ffffffc9; box-shadow:0 2px 8px #18372b0c; }
#chatView::before { display:none; }
#messageList {
  mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 10px,rgba(0,0,0,.7) 28px,#000 52px);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 10px,rgba(0,0,0,.7) 28px,#000 52px);
}
.message.user .message-content,
#settingsView :is(.ct-cat-card,.ct-cat-button,.ct-cat-item,.identity-card,.field,.summary-settings,.reasoning-presentation-settings,.model-preferences),
#memoryView :is(.memory-entry-card,.memory-search,.memory-item,.metric,.week-grid) {
  background:linear-gradient(145deg,#ffffff65,#ffffff22 65%,#eefaf738);
  border:1px solid #ffffffa3;
  box-shadow:inset 0 1px 0 #ffffffb0,0 3px 10px #18382e09;
  backdrop-filter:blur(3px) saturate(1.12); -webkit-backdrop-filter:blur(3px) saturate(1.12);
}
/* Nested settings fields do not capture the same backdrop a second time. */
#settingsView :is(.ct-cat-card,.identity-card,.summary-settings,.reasoning-presentation-settings,.model-preferences) .field {
  backdrop-filter:none; -webkit-backdrop-filter:none; background:#ffffff20; box-shadow:none;
}
body button:active { filter:none; transform:none; }
body input[type=range] { touch-action:pan-y; transition:none; filter:none; }
body.ui-range-dragging #settingsView * { backdrop-filter:none; -webkit-backdrop-filter:none; }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .message.user .message-content,#settingsView :is(.ct-cat-card,.ct-cat-button,.ct-cat-item,.field),#memoryView :is(.memory-entry-card,.memory-item) {
    background:#f6f8f7; backdrop-filter:none; -webkit-backdrop-filter:none;
  }
}
/* Keep range thumb painting independent of the large glass card. */
#settingsView input[type=range] { transform:translateZ(0); contain:layout paint; }
#settingsView .ct-group-bar { backdrop-filter:none; -webkit-backdrop-filter:none; background:#f6f8f7e8; }
/* Lens material samples an aligned wallpaper layer, never the foreground text. */
.message.user .message-content { background:color-mix(in srgb,var(--accent) 9%,transparent); }
#settingsView .content-lens,#memoryView .content-lens,.message.user .message-content.content-lens {
  isolation:isolate; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none;
  border:1px solid #ffffffa0; box-shadow:inset 0 1px 0 #ffffffb8,inset 0 -1px 0 #263e3220,0 3px 10px #102e2409;
}
.content-lens-pane { position:absolute; inset:0; z-index:-1; overflow:hidden; border-radius:inherit; pointer-events:none; }
.content-lens-wallpaper { position:absolute; left:0; top:0; background:#fff; transform-origin:0 0; }
.content-lens-wallpaper::before { content:''; position:absolute; inset:0; background:var(--bg-image) center/var(--bg-size) no-repeat; opacity:var(--background-image-opacity); }
.content-lens-pane::after { content:''; position:absolute; inset:0; background:linear-gradient(145deg,#ffffff16,transparent 50%,#ffffff08); border-radius:inherit; }
.message.user .content-lens-pane::after { background:color-mix(in srgb,var(--accent) 11%,transparent); }
body.ui-range-dragging .content-lens-pane { filter:none !important; }
.content-glass-reduced .content-lens-pane { display:none; }
.content-glass-reduced .content-lens { background:#f6f8f7 !important; }
.message.user .message-content.content-lens { border-radius:26px 26px 12px 26px; }
#settingsView .content-lens,#memoryView .content-lens,.message.user .message-content.content-lens {
  border-color:#ffffff9c;
  box-shadow:inset 0 1.5px 1px #ffffffbd,inset 1px 0 1px #ffffff70,inset 0 -1px 1px #48655e36,0 3px 12px #254d3912;
}
.content-lens-pane { z-index:-2; }
.content-lens::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; background:linear-gradient(145deg,#ffffff12,transparent 55%,#ffffff08); }
.message.user .message-content.content-lens::before { background:color-mix(in srgb,var(--accent) 9%,transparent); }

/* Soft jade controls: cheap satin fills, with glass reserved for content. */
:root { --jade-light:color-mix(in srgb,var(--accent) 12%,#f2f7f4); --jade-shade:color-mix(in srgb,var(--accent) 22%,#e2efea); }
.phone-shell .bottom-tabs { width:calc(100% - 20px); margin:4px 10px max(6px,var(--ui-safe-bottom)); padding:6px; border-radius:28px; background:linear-gradient(150deg,var(--jade-light),var(--jade-shade)); border:1px solid #ffffff70; box-shadow:0 5px 15px #244f4010,inset 0 1px #ffffff75; }
.bottom-tabs .liquid-tab-indicator { display:none; }
.bottom-tabs .tab-button { min-height:54px; padding:5px 2px; border-radius:20px; color:var(--accent-ink); }
.bottom-tabs .tab-active { background:color-mix(in srgb,var(--accent) 15%,transparent); }
.bottom-tabs .home-tab-icon { width:32px; height:32px; box-shadow:0 2px 6px #234d4020; }
#composer { background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 10%,#f3faf4e6),color-mix(in srgb,var(--accent) 17%,#e0f4ecd9)); border-color:#ffffffa0; box-shadow:0 3px 10px #21473b10; }
#composer .send-button { background:var(--accent); box-shadow:inset 0 1px #ffffff30; }
.top-bar .chat-status-capsule { gap:8px; padding:0; border:0; background:transparent; box-shadow:none; }
.top-bar :is(#chatLocatorButton,#manualMemoryButton),.top-bar #serverStatus { width:42px; height:42px; min-width:42px; border-radius:13px; border:1px solid #ffffff45; background:linear-gradient(145deg,var(--jade-light),var(--jade-shade)); box-shadow:0 3px 9px #264e4014,inset 0 1px #ffffff55; color:var(--accent-ink); }
.gateway-book { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.gateway-book .book-closed,.offline .gateway-book .book-open { display:none; }
.offline .gateway-book .book-closed { display:block; }
.connecting .gateway-book { animation:book-connect 1.5s ease-in-out infinite; }
@keyframes book-connect { 50% { opacity:.4; } }
@media(prefers-reduced-motion:reduce) { .connecting .gateway-book { animation:none; opacity:.6; } }
#settingsView .ct-group-bar,#settingsView .ct-back { background:transparent; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; color:var(--accent-ink); }
#settingsView .ct-group-bar strong { color:var(--accent-ink); }
#settingsView .identity-grid { display:block; }
#settingsView .identity-card { background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; padding:18px 0; }
#settingsView .identity-card + .identity-card { border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent); }
/* Identical edges before and after the asynchronously prepared glass layer. */
#settingsView :is(.ct-cat-item,.field) { transition:none; border-color:#ffffff9c; box-shadow:inset 0 1.5px 1px #ffffffbd,inset 1px 0 1px #ffffff70,inset 0 -1px 1px #48655e36,0 3px 12px #254d3912; }
.theme-picker { width:min(380px,calc(100% - 32px)); max-height:85dvh; overflow:auto; padding:22px; border:1px solid #ffffff80; border-radius:26px; background:#f1f6f3; color:#244238; box-shadow:0 20px 60px #102e2440; }
.theme-picker::backdrop { background:#142c2855; }
.theme-picker h2 { margin:0 0 18px; font-size:20px; }
.theme-picker-plane { position:relative; width:100%; height:240px; border-radius:16px; touch-action:none; background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--picker-hue); }
.theme-picker-cursor { position:absolute; width:18px; height:18px; border:2px solid white; border-radius:50%; box-shadow:0 0 0 1px #0007; transform:translate(-50%,-50%); pointer-events:none; }
.theme-picker label { display:grid; gap:8px; margin:16px 0; font-size:14px; }
.theme-picker input[type=range] { width:100%; accent-color:var(--accent); }
.theme-picker input[type=text] { width:100%; padding:12px; border:1px solid #24423830; border-radius:12px; background:#fff8; color:#244238; font:16px monospace; }
.theme-picker-actions { display:flex; justify-content:flex-end; gap:12px; margin-top:18px; }
.theme-picker button,.ct-palette-open { min-height:44px; padding:10px 18px; border:0; border-radius:14px; background:var(--jade-shade); color:var(--accent-ink); }
.theme-picker-error { min-height:20px; color:#a93636; font-size:13px; }
#accentColor { display:none; }

/* Jade content and outlined optical controls. Keep the existing lens math. */
.message.user .message-content,
#memoryView .memory-entry-card {
  background:linear-gradient(145deg,var(--jade-light),var(--jade-shade));
  border:0; box-shadow:0 4px 14px #244f4010;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
.message.user .message-content { border-radius:26px 26px 12px 26px; }
.message.user .message-content::before,
#memoryView .memory-entry-card::before { display:none; }
#composer, #composer:focus-within, .phone-shell .bottom-tabs,
.top-bar :is(#chatLocatorButton,#manualMemoryButton), .top-bar #serverStatus {
  isolation:isolate; background:#ffffff12;
  border:0;
  box-shadow:0 3px 12px #244f4012;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
#composer.content-lens, .bottom-tabs.content-lens,
:is(#chatLocatorButton,#manualMemoryButton).content-lens, #serverStatus.content-lens { background:transparent; }
/* One continuous outline; no additional overlapping decorative panels. */
#composer::after, .phone-shell .bottom-tabs::after,
:is(#chatLocatorButton,#manualMemoryButton)::after, #serverStatus::after { display:none; }
.bottom-tabs .tab-button { color:#536963; }
.bottom-tabs .tab-button.tab-active { color:var(--accent-ink); }
#composer.content-lens::before,.bottom-tabs.content-lens::before,
:is(#chatLocatorButton,#manualMemoryButton).content-lens::before,#serverStatus.content-lens::before {
  background:var(--glass-thickness) center/100% 100% no-repeat;
  z-index:0;
}
#composer.live-glass,.phone-shell .bottom-tabs.live-glass,
.top-bar :is(#chatLocatorButton,#manualMemoryButton).live-glass,.top-bar #serverStatus.live-glass {
  backdrop-filter:var(--live-lens) saturate(1.12); -webkit-backdrop-filter:var(--live-lens) saturate(1.12);
  background:rgba(255,255,255,.09);
  box-shadow:0 4px 14px #15372b14,inset 0 .5px 0 #ffffff38,inset 0 -.5px 0 #243d3826;
}
.phone-shell .bottom-tabs.live-glass { background:#ffffff0d; }
#composer.live-glass::before,.bottom-tabs.live-glass::before,
:is(#chatLocatorButton,#manualMemoryButton).live-glass::before,#serverStatus.live-glass::before { opacity:.8; }
.live-glass > .content-lens-pane { display:none; }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  #composer,.phone-shell .bottom-tabs,.top-bar :is(#chatLocatorButton,#manualMemoryButton),.top-bar #serverStatus { background:var(--jade-light); }
}

/* Prompt settings use the same quiet, divided rows as the tool list. */
#settingsView [data-category="prompts"] :is(.ct-cat-item,.field,.prompt-file-row) {
  background:transparent; border:0; border-radius:0; box-shadow:none;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
#settingsView [data-category="prompts"] .ct-cat-list { gap:0; }
#settingsView [data-category="prompts"] .ct-cat-item { display:flex; justify-content:space-between; gap:12px; padding:18px 4px; min-height:60px; border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,transparent); }
#settingsView [data-category="prompts"] .ct-cat-copy { flex:1; }
#settingsView [data-category="prompts"] .field { padding:12px 0; }
#settingsView [data-category="prompts"] :is(.ct-cat-item,.field)::before { display:none; }
#settingsView #callVoiceSettings { margin:0 0 18px; }
#settingsView .ct-group-bar { position:static; }
#settingsView #callVoiceSettings label { display:grid; gap:8px; min-width:0; }
#settingsView #callVoiceSettings :is(input,select) { width:100%; min-width:0; box-sizing:border-box; }
#settingsView output:empty { display:none; }
#musicView.reading-mode .music-header-copy .eyebrow,
#musicView.reading-mode #duettoFrameStatus,
#musicView.reading-mode #reloadDuettoButton { display:none; }
#musicView .reading-header-button { min-height:44px; padding:8px 10px; border:0; border-radius:12px; background:transparent; color:var(--accent-ink); font:inherit; white-space:nowrap; }
#musicView .reading-header-button[aria-expanded="true"] { background:color-mix(in srgb,var(--accent) 12%,transparent); }
#musicView .reading-header-button[hidden] { display:none; }
#musicView.reading-mode .music-header { gap:8px; }
#musicView.reading-mode .music-header-copy { min-width:0; flex:1; }
#musicView.reading-mode .music-header-copy h1 { font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#musicView.reading-mode .music-header-actions { gap:2px; flex-shrink:0; }