#memory-dock{position:fixed;right:88px;bottom:max(24px,env(safe-area-inset-bottom));width:300px;max-width:calc(100vw - 32px);z-index:6;pointer-events:none;color:var(--text)}#memory-dock[hidden],#memory-dock [hidden]{display:none!important}body:has(dialog[open]) #memory-dock,body:has(#drawing-bar:not([hidden])) #memory-dock{visibility:hidden;pointer-events:none}.memory-card,.memory-tab{pointer-events:auto;border:1px solid #544b31;border-radius:12px;background:var(--panel);box-shadow:0 16px 48px #0008}.memory-card{overflow:auto;max-height:calc(100dvh - 128px);overscroll-behavior:contain;animation:memory-card-in .28s ease both}.memory-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 10px 16px}.memory-card-head .eyebrow{font-size:9px;letter-spacing:1.7px;margin:0;color:var(--yellow)}.memory-card-actions{display:flex;gap:2px;flex-shrink:0}#memory-dock .icon-button{display:grid;place-items:center;width:32px;height:32px;padding:0;font-size:21px;background:transparent;border:1px solid transparent;border-radius:7px;color:#c6b78f}#memory-dock .icon-button:hover{border-color:#807344;background:#26231b;color:var(--yellow)}#memory-dock svg{width:18px;height:18px;flex:none}#memory-dock .memory-photo{display:block;width:calc(100% - 24px);height:126px;margin:0 12px;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.memory-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.memory-photo:hover img,.memory-photo:focus-visible img{transform:scale(1.035)}.memory-card-body{padding:14px 16px 16px}.memory-meta{display:flex;flex-wrap:wrap;gap:5px 12px;color:#b4a47e;font-size:10px;line-height:1.5}.memory-meta time{font-variant-numeric:tabular-nums}.memory-location{overflow-wrap:anywhere}.memory-card h2{font-size:18px;line-height:1.3;margin:9px 0 7px;letter-spacing:-.3px;overflow-wrap:anywhere}.memory-short{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memory-card .primary{width:100%;padding:9px 12px;font-size:12px}#memory-dock .memory-tab{display:flex;align-items:center;justify-content:center;gap:9px;margin-left:auto;padding:12px 16px;color:#e4d4a5;font-size:12px;border-radius:8px;animation:memory-card-in .2s ease both}#memory-dock .memory-tab:hover{border-color:var(--yellow);background:#26231b}#memory-modal{width:min(960px,calc(100% - 32px));max-height:92dvh;overscroll-behavior:contain;overflow:auto}#memory-modal .memory-modal-close{display:grid;place-items:center;padding:0}.memory-modal-photo{min-height:160px;background:radial-gradient(ellipse at center,#25231e,#090909 75%)}.memory-modal-photo img{display:block;width:100%;height:min(48dvh,460px);object-fit:contain}.memory-modal-body{padding:26px 36px 30px}.memory-modal-body .eyebrow{color:var(--yellow);font-size:10px;letter-spacing:2px}.memory-modal-body h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:12px 0;overflow-wrap:anywhere}.memory-modal-body .memory-meta{font-size:12px;margin:14px 0}.memory-full-description{white-space:pre-line;overflow-wrap:anywhere;color:#bdb7a9;font-size:15px;line-height:1.8;margin:20px 0 24px}html.memory-modal-open,html.memory-modal-open body{overflow:hidden!important;overscroll-behavior:none}@keyframes memory-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:720px){#memory-dock{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:260px}.memory-card{max-height:min(390px,calc(100dvh - 96px))}.memory-card-head{padding:7px 8px 7px 12px}.memory-card-head .eyebrow{font-size:8px;letter-spacing:1.3px}#memory-dock .memory-photo{height:90px}.memory-card-body{padding:10px 12px 12px}.memory-card h2{font-size:16px;margin:7px 0}.memory-short{font-size:11px;margin-bottom:10px}#memory-dock .memory-tab{font-size:11px;padding:11px 12px}#memory-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.memory-modal-photo img{height:35dvh;min-height:160px}.memory-modal-body{padding:22px 20px}.memory-full-description{font-size:14px;margin:16px 0 20px}.memory-modal-body .primary{width:100%}}@media(prefers-reduced-motion:reduce){#memory-dock *,#memory-modal,#memory-modal::backdrop{animation:none!important;transition:none!important}}