.memory-panel { position:absolute; inset:0; padding:12px; display:flex; flex-direction:column; gap:10px; color:var(--nav-ink); font:11px/1.4 'Segoe UI',sans-serif; background:radial-gradient(ellipse at 0 0,#8875ed25,transparent 60%),radial-gradient(ellipse at 100% 100%,#1fbfd526,transparent 60%),var(--hud-background); overflow:hidden; }.memory-panel[hidden] { display:none; }.memory-panel button { font:inherit; color:inherit; cursor:pointer; border:1px solid var(--nav-divider); border-radius:8px; background:var(--nav-background); padding:6px 8px; }.memory-panel button:disabled { opacity:.4; cursor:default; }.memory-panel button:focus-visible { outline:2px solid #65cbff; outline-offset:2px; }
.memory-header { display:flex; gap:12px; align-items:center; }.memory-header img { width:47px; height:58px; object-fit:contain; filter:drop-shadow(0 0 8px #8779ed70); }.memory-header small { font-size:8px; letter-spacing:1.5px; color:#8e83d8; font-weight:bold; }.memory-header h1 { font-size:20px; margin:2px 0; }.memory-header p { margin:0; font-size:11px; }.memory-preview { margin-left:auto; font-size:7px; border:1px solid #9b8dde80; border-radius:10px; padding:4px 7px; }
.memory-layout { display:grid; grid-template-columns:148px minmax(0,1fr); grid-template-rows:minmax(0,1fr); gap:12px; flex:1; min-height:0; }.memory-sidebar { display:flex; flex-direction:column; gap:9px; }.memory-recap { border:1px solid #9180d65e; background:linear-gradient(135deg,#8574d826,#43b8d215); border-radius:12px; padding:10px; }.memory-recap>span { float:left; margin-right:6px; font-size:32px; color:#8e79e3; }.memory-recap h2 { font-size:12px; margin:3px 0 8px; }.memory-recap p { font-size:10px; margin:0 0 8px; }.memory-recap b { font-size:9px; color:#8c7dd8; }.memory-sidebar nav { display:grid; gap:5px; }.memory-sidebar button { font-size:10px; text-align:left; padding:8px 6px; border-left:3px solid var(--memory-accent,#638fe2); }.memory-sidebar i { font-style:normal; color:var(--memory-accent); margin-right:5px; }.memory-panel button[aria-pressed=true] { background:linear-gradient(120deg,#5c8fe42a,#8771dd2a); border-color:#8a94dd; }
.memory-main { display:flex; flex-direction:column; gap:7px; min-height:0; }.memory-tabs { display:flex; gap:5px; }.memory-tabs button { flex:1; font-weight:650; }.memory-tools { display:flex; justify-content:space-between; align-items:center; font-size:9px; }.memory-tools button { padding:3px 7px; font-size:9px; }.memory-list { flex:1; min-height:0; display:flex; flex-direction:column; gap:8px; }.memory-card { border:1px solid color-mix(in srgb,var(--memory-accent) 50%,var(--nav-divider)); border-radius:11px; overflow:hidden; background:linear-gradient(125deg,color-mix(in srgb,var(--memory-accent) 13%,var(--nav-background)),var(--nav-background)); }.memory-card .memory-open { display:flex; width:100%; align-items:center; text-align:left; gap:9px; border:0; background:transparent; padding:10px; }.memory-emblem { display:grid; place-items:center; width:36px; height:39px; flex:none; font-size:25px; color:var(--memory-accent); border:1px solid var(--memory-accent); border-radius:11px 4px; background:color-mix(in srgb,var(--memory-accent) 15%,transparent); box-shadow:inset 0 0 12px color-mix(in srgb,var(--memory-accent) 20%,transparent); }.memory-open small { display:block; color:var(--memory-accent); font-size:8px; font-weight:bold; }.memory-open strong { display:block; font-size:12px; margin:2px 0; }.memory-open time { font-size:8px; opacity:.8; }.memory-open>b { margin-left:auto; color:var(--memory-accent); }.memory-detail { padding:0 10px 10px 55px; }.memory-detail p { margin:0 0 7px; font-size:10px; }.memory-detail>div { display:flex; gap:5px; }.memory-detail button { font-size:9px; padding:4px 6px; }.memory-footer { display:flex; align-items:center; gap:6px; font-size:9px; }.memory-footer button { padding:3px 8px; }.memory-footer [data-memory-reset] { margin-left:auto; font-size:8px; }.memory-status { display:flex; justify-content:space-between; align-items:center; font-size:8px; min-height:21px; }.memory-status button { font-size:9px; padding:3px 7px; }.memory-empty { text-align:center; margin:auto; padding:15px; }.memory-empty>span { font-size:45px; color:#9880e8; }.memory-empty h2 { font-size:14px; }.memory-empty p { font-size:11px; }
.memory-recap { position:relative; overflow:hidden; }.memory-recap::after { content:''; position:absolute; width:75px; height:75px; right:-38px; bottom:-30px; border:1px solid #9881e766; border-radius:50%; box-shadow:0 0 0 9px #9881e711,0 0 0 19px #45bccb0d; pointer-events:none; }
.memory-panel button:hover:not(:disabled) { border-color:#899ce5; filter:brightness(1.06); }.memory-detail { border-top:1px solid color-mix(in srgb,var(--memory-accent) 20%,transparent); padding-top:7px; }
:root[data-theme="dark"] .memory-header small,:root[data-theme="dark"] .memory-recap b { color:#b7a5ff; }
/* Luminous controls and an archival crystal circuit backdrop. */
.memory-panel { isolation:isolate; }
.memory-panel::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:url('memory-art.svg') center/100% 100% no-repeat; opacity:.55; }
.memory-panel button:not(.memory-open) { font-weight:650; font-size:10px; color:#fff; border:1px solid #91baff; background:linear-gradient(125deg,#316cb6,#514399); box-shadow:inset 0 1px #ffffff50,inset 0 -1px #15285b55,0 2px 5px #17275825; text-shadow:0 1px 1px #14245290; transition:filter .18s ease,box-shadow .18s ease; }
.memory-panel button[aria-pressed=true] { background:linear-gradient(120deg,#176bc0,#6242ae); border-color:#b6dfff; box-shadow:inset 0 1px #ffffff80,0 0 8px #507be955; }
.memory-sidebar button[data-category="advanced"] { background:linear-gradient(125deg,#8c590f,#69461e); border-color:#e4bc71; }
.memory-sidebar button[data-category="system"] { background:linear-gradient(125deg,#08798d,#20567e); border-color:#6cd9de; }
.memory-sidebar button[aria-pressed=true] { outline:1px solid #d0eaff; outline-offset:1px; }
.memory-sidebar i { display:inline-grid; place-items:center; width:18px; height:18px; border:1px solid #ffffff55; border-radius:5px; color:#fff; margin-right:5px; }
.memory-panel [data-clear-view],.memory-panel [data-clear-memory] { background:linear-gradient(125deg,#6b557f,#503d6a); border-color:#c0a2d7; }
.memory-panel [data-save-memory],.memory-panel [data-memory-undo] { background:linear-gradient(125deg,#126e88,#3653a4); }
.memory-panel button:hover:not(:disabled) { filter:brightness(1.17); box-shadow:inset 0 1px #ffffff70,0 0 9px #70a4e755; }
.memory-panel button:disabled { opacity:.55; }
.memory-footer button { min-height:24px; }.memory-footer [data-memory-reset] { font-size:9px; }
.memory-tabs [data-memory-view="today"]::before { content:'◷'; margin-right:6px; font-size:13px; }.memory-tabs [data-memory-view="earlier"]::before { content:'↶'; margin-right:6px; font-size:13px; }.memory-tabs [data-memory-view="saved"]::before { content:'★'; margin-right:6px; font-size:12px; }
.memory-panel .memory-open { border-radius:0; }.memory-open strong { font-size:13px; }.memory-open small { color:color-mix(in srgb,var(--memory-accent) 58%,#192b50); font-size:9px; }.memory-open time { font-size:9px; }.memory-open>b { display:grid; place-items:center; width:24px; height:24px; flex:none; color:#fff; border:1px solid #a9bce6; border-radius:7px; background:linear-gradient(130deg,#5274bc,#7256af); }
.memory-detail p { font-size:11px; }.memory-recap { background:linear-gradient(145deg,color-mix(in srgb,var(--nav-background) 90%,#9176ed),color-mix(in srgb,var(--nav-background) 90%,#46bbd4)); }
:root[data-theme="dark"] .memory-open small { color:color-mix(in srgb,var(--memory-accent) 60%,#fff); }
@media(prefers-reduced-motion:reduce) { .memory-panel button { transition:none!important; } }

.neura-nav [data-page="notifications"] { position:relative; overflow:visible; }
.neura-nav [data-page="notifications"] .notification-unread-badge { position:absolute; top:0; right:0; z-index:3; display:grid; place-items:center; min-width:17px; height:17px; padding:0 4px; box-sizing:border-box; border-radius:12px; border:1px solid #fff; background:linear-gradient(135deg,#f45e87,#ca2459); color:#fff; font:700 10px/1 "Segoe UI",sans-serif; box-shadow:0 2px 5px #07132340; pointer-events:none; }
.neura-nav [data-page="notifications"] .notification-unread-badge[hidden] { display:none; }

.memory-sidebar nav [data-category] { position:relative; padding-right:32px; }
.memory-sidebar nav [data-category].has-unread { border-color:var(--memory-accent,#9a8fff); box-shadow:inset 3px 0 var(--memory-accent,#9a8fff),0 0 9px color-mix(in srgb,var(--memory-accent,#9a8fff) 30%,transparent); }
.memory-sidebar .memory-category-badge { position:absolute; right:7px; top:50%; transform:translateY(-50%); display:grid; place-items:center; min-width:18px; height:18px; padding:0 4px; box-sizing:border-box; border-radius:10px; background:#f8fbff; color:#223e70; font:750 10px/1 "Segoe UI",sans-serif; box-shadow:0 1px 4px #06142c30; }
.memory-sidebar .memory-category-badge[hidden] { display:none; }