.birthday-dialog.moments-dialog{width:min(94vw,760px);padding:34px 30px 24px;overscroll-behavior:contain}
.moments-dialog .dialog-close{z-index:2}
.birthday-dialog.moments-dialog h2{margin:12px 0 8px}
.moments-intro{color:#c9b7c9;font-size:12px;line-height:1.8;margin:0 0 18px}
.moments-main{margin:0 auto;max-width:560px;background:#f4e9dd;padding:9px 9px 12px;border-radius:3px;color:#514349;box-shadow:0 12px 34px #0003}
.moments-stage{height:min(46dvh,480px);background:#e8dfd6;display:grid;place-items:center;overflow:hidden}
.moments-photo{display:block;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;cursor:zoom-in;border:0;padding:0;background:transparent;touch-action:pan-y pinch-zoom}
.moments-photo img{user-select:none;-webkit-user-drag:none}
.moments-stage img,.moments-stage video{display:block;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain}
.moments-main figcaption{font:21px/1.5 var(--font-story,sans-serif);padding-top:10px;min-height:32px}
.moments-controls{display:flex;gap:24px;align-items:center;justify-content:center;margin:15px 0}
.moments-controls button{width:44px;height:40px;border:1px solid #edc7b355;border-radius:20px;background:#ffffff08;color:#f3d5b5;font-size:22px;cursor:pointer}
.moments-count{font:12px var(--font-ui,sans-serif);letter-spacing:.12em;color:#d5bda8;min-width:92px}
.moments-thumbs{display:flex;position:relative;overflow-x:auto;gap:8px;padding:5px 2px 10px;scrollbar-width:thin;scrollbar-color:#9c798c transparent}
.moments-thumbs button{flex:0 0 64px;position:relative;width:64px;height:76px;padding:3px;border:1px solid #ffffff26;border-radius:5px;background:#ffffff08;cursor:pointer;opacity:.65}
.moments-thumbs img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.moments-thumbs button[aria-pressed=true]{border-color:#f4cca2;background:#f4cca233;opacity:1}
.moments-thumbs span{position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 5px #000;font-size:20px}
.moments-controls button:hover,.moments-thumbs button:hover{background:#f3b9d122;opacity:1}
.moments-dialog button:focus-visible{outline:2px solid #f4cca2;outline-offset:3px}
.moments-hint{font-size:10px;line-height:1.8;color:#b9a6bc;margin:10px 0 0}
@media(max-width:600px){.birthday-dialog.moments-dialog{width:94vw;padding:30px 15px 20px;max-height:90dvh}.moments-stage{height:min(44dvh,430px)}.moments-intro{font-size:11px;margin-bottom:14px}.moments-main figcaption{font-size:19px}.moments-thumbs button{flex-basis:54px;width:54px;height:65px}.moments-controls{margin:12px 0}.moments-dialog .dialog-close{margin-right:-6px}}
.moments-zoom{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:36px 16px;background:#050714ed;overflow:hidden;cursor:zoom-out;overscroll-behavior:contain}
.moments-zoom[open]{display:flex;align-items:center;justify-content:center}
.moments-zoom::backdrop{background:transparent}
.moments-zoom img{display:block;width:min(calc(100vw - 32px),calc((100dvh - 72px)*var(--photo-ratio)));height:auto;max-width:100%;max-height:calc(100dvh - 72px);object-fit:contain;transform-origin:center;border-radius:2px;user-select:none;-webkit-user-drag:none}
.moments-zoom-close{position:absolute;z-index:1;top:max(12px,env(safe-area-inset-top));right:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;background:#16182abf;color:#fff;font:28px/1 sans-serif;cursor:pointer}
.moments-zoom-close:focus-visible{outline:2px solid #f4cca2;outline-offset:3px}