/* apple-design: material weight follows hierarchy, with one glass layer per surface. */
:root {
  --glass-fill: linear-gradient(155deg, #ffffffad, #f5faf878 58%, #e6f2ed78);
  --glass-edge: #ffffffa8;
  --glass-shadow: 0 8px 24px #102e2614, inset 0 1px 0 #ffffffc2, inset 0 -1px 0 #ffffff28;
  --glass-filter: blur(22px) saturate(1.5);
  --water-glass-surface: #f7fbf980;
  --water-glass-border: var(--glass-edge);
  --water-glass-shadow: var(--glass-shadow);
  --water-glass-filter: var(--glass-filter);
  --ct-blur: var(--glass-filter);
  --ct-blur-sm: blur(10px) saturate(1.25);
  --ct-glass: #f8fbf98c;
  --ct-glass-2: #f8fbf9b8;
  --ct-hair: var(--glass-edge);
  --ct-inner: inset 0 1px 0 #ffffffad;
  --ct-lift: 0 8px 24px #102e2614;
  --ct-lift-lg: 0 16px 48px #102e2624;
}
/* Operit: the image's own alpha over a white base, 10–100%, not UI opacity. */
body { background: #fff; }
body::before { opacity: var(--background-image-opacity); }
body::after { display: none; }
:is(.composer,.composer-menu,.chat-status-capsule,.memory-entry-card,.health-card,.solo-mood-card,.solo-next-card,.solo-timeline-card,.solo-emotion,.solo-activity-card,.solo-notes-grid > section,.sail-data-card,.sail-context-card,.identity-card,.field,.mcp-import-card,.mcp-server-card,.memory-search,.memory-item,.metric,.week-grid,.recall-memory-card,.ct-cat-card,.ct-cat-button,.message-heatmap,.summary-settings,.reasoning-presentation-settings,.model-preferences) {
  background: var(--glass-fill);
  border: 1px solid var(--glass-edge);
  box-shadow: var(--glass-shadow);
  backdrop-filter: var(--glass-filter);
  -webkit-backdrop-filter: var(--glass-filter);
}
.bottom-tabs { background: linear-gradient(160deg,#ffffff9c,#f0f7f380); border: 1px solid #ffffffb0; box-shadow: 0 -4px 24px #19392e12,inset 0 1px 0 #fff; backdrop-filter: blur(28px) saturate(1.6); -webkit-backdrop-filter: blur(28px) saturate(1.6); }
:is(.field,.identity-card,.solo-mood-card,.solo-timeline-card,.mcp-import-card,.mcp-server-card,.recall-dialog,.composer,.composer-menu,.bottom-tabs,.segment-control,.memory-search,.metric,.prompt-file-row,.ct-cat-item,.ct-mcp-switch)::after { display: none; }
.ct-cat-item { background: var(--glass-fill); border: 1px solid var(--glass-edge); box-shadow: var(--glass-shadow); }
.message.user .message-content { background: color-mix(in srgb,var(--accent) 10%,#ffffffad); border-color: #ffffff9c; box-shadow: 0 4px 14px #142e2512,inset 0 1px 0 #ffffffba; backdrop-filter: blur(14px) saturate(1.3); -webkit-backdrop-filter: blur(14px) saturate(1.3); }
.message.user .message-content::after { display: none; }
:is(.activity-sheet,.home-toolbox-sheet,.recall-dialog,.chat-locator-dialog,.call-panel) {
  background: #f8faf5e8; border: 1px solid #ffffffb8; box-shadow: 0 -12px 60px #102b2526,inset 0 1px 0 #fff; backdrop-filter: blur(34px) saturate(1.45); -webkit-backdrop-filter: blur(34px) saturate(1.45);
}
dialog::backdrop { background: #10292038; backdrop-filter: blur(2px); }
:is(.field,.identity-card,.mcp-server-card,.summary-settings,.model-preferences,.home-toolbox-sheet) :is(input:not([type=range]):not([type=checkbox]):not([type=color]),textarea,select),
:is(.solo-notes-grid,.sail-context-card) > :is(section,.sail-context-item) {
  background: #ffffff91; box-shadow: none; border: 1px solid #173b2821; backdrop-filter: none; -webkit-backdrop-filter: none;
}
button, summary, input[type=range] { touch-action: manipulation; }
button:active { filter: brightness(.97); transition: filter 80ms ease-out; }
:is(.composer-menu button,.home-toolbox-sheet button,.ct-cat-button,.model-profile-save):active { transform: scale(.98); }
:is(button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 3px; }
.model-preferences { padding: 18px; border-radius: 24px; margin-bottom: 16px; }
.model-preferences h3 { margin: 0 0 8px; font-size: 1.1rem; letter-spacing: -.02em; }
.model-preferences p, .model-preferences output { font-size: .8rem; line-height: 1.65; color: var(--ink); opacity: .8; }
.model-profile-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(90px,.5fr); gap: 8px; padding: 16px 0; border-bottom: 1px solid #193a2517; }
.model-profile-row strong { grid-column: 1/-1; font-size: .9rem; font-weight: 550; }
.model-profile-row :is(select,input) { width: 100%; min-width: 0; min-height: 44px; padding: 10px; border-radius: 12px; color: var(--ink); font: inherit; font-size: .8rem; }
.profile-custom { grid-column: 1/-1; }
.profile-custom[hidden] { display: none; }
.model-preferences .button-row { margin: 16px 0 10px; flex-wrap: wrap; }
label:has(> #modelName),label:has(> #summaryModel) { display: none; }
.range-row input[type=range] { accent-color: var(--accent); min-height: 44px; }
#backgroundOpacityValue { min-width: 3.5em; font-variant-numeric: tabular-nums; }
.activity-sheet-content .reasoning-original { margin-top: 24px; border-top: 1px solid #193a2526; padding-top: 12px; }
.reasoning-original > summary { font-size: .85rem; color: var(--accent-ink); cursor: pointer; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root { --glass-fill: #f7faf8; --glass-filter: none; --glass-edge: #68786b; }
  :is(.bottom-tabs,dialog) { background: #f7faf8; backdrop-filter: none; -webkit-backdrop-filter: none; border: 1px solid #68786b; }
}
@media (prefers-reduced-motion: reduce) {
  button:active { transform: none; }
  :is(dialog,.composer-menu,.memory-entry-card) { animation: none; transition: opacity 100ms; }
}