/* Readability surfaces stay legible over every animated background. */
:root{--readable-panel:rgba(20,25,29,.94);--readable-input:#202a30;--readable-border:#7e919c;--readable-muted:#cbd5db}
html[data-theme=light]{--readable-panel:rgba(248,250,250,.96);--readable-input:#f7fafa;--readable-border:#64747d;--readable-muted:#34434c}
:is(.portal-main,.coach-shell,.after-scene) :is(.glass,.card,.coach-input,.conversation-bottom){background-color:var(--readable-panel)!important}
:is(input,textarea,select){background-color:var(--readable-input)!important;color:var(--text-primary)!important;border:1px solid var(--readable-border)!important}
:is(input,textarea)::placeholder{color:var(--readable-muted)!important;opacity:1}
:is(.portal-main,.coach-shell,.after-scene) :is(.small,.notice,.empty,.coach-footnote,.voice-status,.eyebrow,label){color:var(--readable-muted)!important;opacity:1!important}
.memory-panel{padding:clamp(22px,4vw,42px);margin:32px 0 120px;border:1px solid var(--readable-border);border-radius:26px;background:var(--readable-panel)!important}
.memory-panel h2{font-size:clamp(27px,4vw,45px);max-width:22ch}.memory-panel p{line-height:1.65}.memory-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.memory-entry{border-top:1px solid var(--surface-line);padding:22px 0;margin-top:20px}.memory-entry .row{gap:14px;flex-wrap:wrap}.memory-entry p{white-space:pre-wrap;overflow-wrap:anywhere}
#memory-form label{display:block;margin:18px 0}#memory-form :is(input:not([type=hidden]),textarea){display:block;width:100%;padding:14px;margin-top:8px;border-radius:12px}#memory-form textarea{min-height:140px}.resource-paths{margin:24px 0;padding:20px;border-radius:20px;background:var(--readable-panel)}[hidden]{display:none!important}
.filters button{color:var(--control-text)!important;background:var(--control-surface)!important;border:1px solid var(--readable-border)!important}.filters button.active{outline:2px solid var(--text-primary);outline-offset:2px}