.live-photo{position:relative;display:block;margin:1.5em 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.live-photo__media{position:relative;overflow:hidden;border-radius:8px;line-height:0;background:#000}.live-photo__still{display:block;width:100%;height:auto}.live-photo__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none}.live-photo.is-playing .live-photo__video{opacity:1}.live-photo__badge{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:none;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;transition:background .2s ease,opacity .2s ease}.live-photo__badge:hover{background:rgba(0,0,0,.65)}.live-photo__badge:focus-visible{outline:2px solid #fff;outline-offset:2px}.live-photo__badge svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}.live-photo.is-playing .live-photo__badge{opacity:0;pointer-events:none}.live-photo__badge.lp-loading svg{animation:lp-spin 1s linear infinite}@keyframes lp-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.lp-motion-host{position:relative}.lp-motion-chip-parent .live-photo-chip,.live-photo-chip{position:absolute;top:10px;left:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:lp-chip-in .25s ease}@keyframes lp-chip-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lp-motion-loading .live-photo-chip::after{content:'…';letter-spacing:0}.lp-motion-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:3;pointer-events:none;transition:opacity .25s ease}.lp-motion-playing .lp-motion-overlay{opacity:1}.lp-motion-playing .live-photo-chip{opacity:0}.lp-motion-host>img{transition:visibility 0s linear 0s}.lp-motion-host.lp-motion-live>img{visibility:hidden}.lb-overlay .live-photo-chip{display:none}.live-photo__hint{display:none;position:absolute;bottom:10px;right:10px;z-index:3;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;transition:opacity .3s ease}@media(hover:none){.live-photo__hint{display:block}.live-photo.lp-hinted .live-photo__hint,.live-photo.is-playing .live-photo__hint{display:none}}.article-item--moment .live-photo{margin:var(--moment-block-gap,12px)0 var(--s-5,24px)}.article-item--moment .live-photo:has(+.moment-foot){margin-bottom:0}.live-photo--moment .live-photo__media{height:var(--lb-moments-row-h,208px)}.live-photo--moment .live-photo__still{height:100%;object-fit:cover}@media(max-width:640px){.live-photo--moment .live-photo__media{height:auto;aspect-ratio:1/1}}.lb-video{display:none;max-width:100%;max-height:85vh;border-radius:4px;background:#000}.lb-overlay.lb-media-video .lb-image{display:none!important}.lb-overlay.lb-media-video .lb-video{display:block}.lb-overlay.lb-media-video{backdrop-filter:none;-webkit-backdrop-filter:none}.lb-overlay.lb-media-video .lb-image-wrap{transition:none}@media(max-width:480px){.lb-video{max-height:80vh}}