.memory-page-wrap{min-height:calc(100dvh - 64px);background:radial-gradient(120vmax 80vmax at 50% -10%,rgba(198,161,91,.08),transparent 60%),radial-gradient(80vmax 60vmax at 100% 100%,rgba(198,161,91,.05),transparent 65%),#0a090e99;position:relative;isolation:isolate;padding:clamp(24px,4vw,56px) 16px clamp(72px,9vw,128px);overflow-x:hidden}.memory-page-wrap:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.06 0 0 0 0 0.10 0 0 0 0.40 0'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.42;mix-blend-mode:overlay;pointer-events:none;z-index:0}.memory-page-shell{position:relative;z-index:1;max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}.memory-back-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.memory-back-link,.memory-other-link{color:#e8e2fac7;font-size:13px;text-decoration:none;border:1px solid rgba(232,226,250,.12);background:var(--surface-2, #17141F);padding:8px 14px;border-radius:var(--radius-chip, 999px);box-shadow:inset 0 1px #ffffff0a;transition:color var(--dur-chip-press, .16s) ease,border-color var(--dur-chip-press, .16s) ease,background var(--dur-chip-press, .16s) ease,transform var(--dur-chip-press, .16s) var(--ease-spring, cubic-bezier(.32, .72, 0, 1))}.memory-back-link:hover,.memory-other-link:hover{color:#fff;border-color:var(--hairline-pink-active, rgba(198, 161, 91, .45));background:var(--surface-hover, #231F30);transform:translateY(-1px)}.memory-back-link:active,.memory-other-link:active{transform:scale(.97);transition-duration:80ms}.memory-panel{position:relative;background:linear-gradient(150deg,rgba(198,161,91,.06) 0%,var(--surface-2, #17141F) 52%),var(--surface-1, #111018);border:1px solid var(--hairline-pink, rgba(198, 161, 91, .14));border-radius:var(--radius-xl, 24px);padding:clamp(20px,3vw,32px);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000040,var(--elev-4, 0 24px 56px rgba(0, 0, 0, .72)),var(--glow-pink-xs, 0 0 12px rgba(198, 161, 91, .18));overflow:hidden}.memory-panel:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(198,161,91,.6),transparent);pointer-events:none}.memory-panel-head{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid rgba(232,226,250,.08)}.memory-panel-head-row{display:flex;gap:18px;align-items:center}.memory-panel-avatar{width:56px;height:56px;border-radius:18px;object-fit:cover;border:1px solid rgba(198,161,91,.4);box-shadow:0 8px 24px -10px #c6a15b66}.memory-panel-head-text{display:flex;flex-direction:column;gap:2px}.memory-panel-eyebrow{margin:0;font-size:11px;letter-spacing:var(--ls-eyebrow, .12em);text-transform:uppercase;color:#c6a15beb}.memory-panel-title{margin:0;font-size:clamp(22px,3vw,30px);color:#fff;font-weight:700;letter-spacing:var(--ls-heading, -.03em);line-height:1.15}.memory-panel-sub{margin:0;font-size:13px;color:#e8e2fab8}.memory-panel-stat{padding:16px 0 8px;font-size:13px;color:#e8e2faad}.memory-panel-stat strong{color:#fff;font-variant-numeric:tabular-nums}.memory-topic-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.memory-topic-group{display:flex;flex-direction:column;gap:10px}.memory-topic-head{display:flex;align-items:center;gap:10px}.memory-topic-name{color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:#c6a15b24;border:1px solid rgba(198,161,91,.32)}.memory-topic-count{color:#e8e2fa80;font-size:12px;font-variant-numeric:tabular-nums}.memory-card-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.memory-card{position:relative;border-radius:var(--radius-card-inner, 13px);border:1px solid var(--hairline-bright, rgba(255, 255, 255, .08));background:linear-gradient(160deg,var(--surface-2, #17141F),var(--surface-1, #111018));padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px #ffffff0d;transition:border-color var(--dur-card-hover, .32s) ease,transform var(--dur-card-hover, .32s) var(--ease-spring, cubic-bezier(.32, .72, 0, 1)),box-shadow var(--dur-card-hover, .32s) ease}.memory-card:hover{border-color:var(--hairline-pink-active, rgba(198, 161, 91, .45));transform:translateY(-3px);box-shadow:inset 0 1px #ffffff0f,var(--glow-pink-sm, 0 4px 20px rgba(198, 161, 91, .28))}.memory-card--high{border-color:#c6a15b47}.memory-card--gold{border-color:#c6a15b8c;box-shadow:inset 0 1px #ffc8dc1a,0 0 0 1px #c6a15b2e,0 12px 40px -20px #c6a15b66;background:linear-gradient(160deg,#3c1e2ca6,#1c1426bf)}.memory-card-content{margin:0;color:#fff;font-size:14px;line-height:1.55;word-break:break-word}.memory-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#e8e2fa8c}.memory-card-mood{color:#c6a15bd9;background:#c6a15b14;border:1px solid rgba(198,161,91,.22);padding:2px 8px;border-radius:999px;font-size:11px}.memory-card-importance{display:inline-flex;align-items:center;gap:3px}.memory-card-dot{width:6px;height:6px;border-radius:50%;background:#e8e2fa2e;display:inline-block}.memory-card-dot.is-on{background:#c6a15beb;box-shadow:0 0 6px #c6a15b80}.memory-card-time{font-variant-numeric:tabular-nums}.memory-card-remove{margin-left:auto;background:transparent;border:1px solid rgba(232,226,250,.15);color:#e8e2fab8;font-size:11px;padding:3px 10px;border-radius:999px;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.memory-card-remove:hover{color:#ff8b9a;border-color:#ff6e8273;background:#ff6e8214}.memory-card-remove:disabled{opacity:.4;cursor:progress}.memory-panel-footer{margin-top:28px;display:flex;justify-content:center}.memory-panel-refresh{background:#e8e2fa0f;color:#e8e2fad9;border:1px solid rgba(232,226,250,.18);padding:8px 22px;border-radius:999px;cursor:pointer;font-size:13px;transition:background .18s ease,border-color .18s ease}.memory-panel-refresh:hover{background:#c6a15b1a;border-color:#c6a15b66;color:#fff}.memory-empty{display:flex;flex-direction:column;gap:12px;align-items:center;padding:48px 16px;text-align:center;color:#e8e2fab3}.memory-empty-glyph{position:relative;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,rgba(198,161,91,.18),transparent 70%);display:grid;place-items:center}.memory-empty-ring{position:absolute;inset:8px;border:1px dashed rgba(198,161,91,.6);border-radius:50%;animation:memory-spin 14s linear infinite}.memory-empty-dot{width:8px;height:8px;border-radius:50%;background:#c6a15b;box-shadow:0 0 12px #c6a15bcc}@keyframes memory-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.memory-empty-hint{margin:0;color:#fff;font-size:15px}.memory-empty-sub{margin:0;font-size:13px;color:#e8e2fa8c;max-width:320px}.memory-explain{position:relative;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(180deg,#ffffff09,#ffffff02),#100c188c;padding:clamp(20px,3vw,28px);color:#e8e2fab8;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:inset 0 1px #ffffff0a,0 16px 48px -24px #0009;overflow:hidden}.memory-explain:before{content:"";position:absolute;top:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,220,145,.4),transparent);pointer-events:none}.memory-explain-title{margin:0 0 14px;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#c6a15be6}.memory-explain-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;font-size:13px;line-height:1.6}.memory-explain-list li{padding-left:18px;position:relative}.memory-explain-list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#c6a15bcc}.memory-explain-list strong{color:#fff;font-weight:600}@media(max-width:600px){.memory-card-list,.memory-explain-list{grid-template-columns:1fr;gap:10px}.memory-panel,.memory-explain{padding:18px 16px;border-radius:18px}.memory-panel-head-row{gap:12px}.memory-card-remove{min-height:36px;padding:7px 12px}}@media(prefers-reduced-motion:reduce){.memory-empty-ring{animation:none}.memory-card,.memory-card:hover{transform:none;transition:none}}