#summerMemoryNotice{position:fixed;z-index:85;right:max(14px,env(safe-area-inset-right));top:max(var(--memory-top,76px),env(safe-area-inset-top));max-height:calc(100dvh - var(--memory-top,76px) - 14px);overflow:auto;width:min(355px,calc(100vw - 28px));box-sizing:border-box;background:#f1e8cb;color:#302b3c;border:2px outset #d6c5dd;box-shadow:3px 3px 0 #30283e66;padding:12px 38px 12px 14px;pointer-events:none;animation:summer-memory-in .22s ease-out}
#summerMemoryNotice[hidden]{display:none}
#summerMemoryNotice h2{font:600 13px/1.5 'DM Mono',monospace;margin:0 0 8px}
#summerMemoryNotice p{font:14px/1.45 'Libre Franklin',Arial,sans-serif;margin:0 0 6px}
#summerMemoryNotice small{font:12px/1.4 'DM Mono',monospace}
#summerMemoryDismiss{position:absolute;right:4px;top:4px;width:30px;height:32px;border:1px outset #b7a9bd;background:#e1d9e8;color:#33283d;cursor:pointer;pointer-events:auto;font-size:20px}
#summerMemoryDismiss:focus-visible{outline:2px solid #69587a;outline-offset:2px}
@keyframes summer-memory-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#summerMemoryNotice{animation:none}}

#summerMemoryNotice.memory-leaving{animation:summer-memory-out .2s ease-in forwards}
@keyframes summer-memory-out{to{opacity:0;transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){#summerMemoryNotice.memory-leaving{animation:none}}