.live-photo{position:relative;width:100%;color:#fff;align-self:start;--live-photo-media-scale: 1}.live-photo__frame{position:relative;aspect-ratio:var(--live-photo-aspect, 3 / 4);overflow:hidden;border-radius:5px;background:radial-gradient(circle at top,rgba(255,255,255,.14),transparent 38%),linear-gradient(180deg,#0f172a0f,#0f172a3d),#0f172a;isolation:isolate}.live-photo__cover,.live-photo__video,.live-photo__surface{position:absolute;inset:0;width:100%;height:100%}.live-photo__cover,.live-photo__video{object-fit:cover;object-position:center}.live-photo__cover{z-index:1;image-orientation:from-image;transform:scale(var(--live-photo-media-scale));will-change:opacity,transform;transition:opacity .76s ease,transform .76s ease}.live-photo__video{z-index:0;opacity:0;pointer-events:none;background:#000;transform:scale(var(--live-photo-media-scale));transform-origin:center;backface-visibility:hidden;will-change:transform;transition:opacity .12s ease,transform .76s ease}.live-photo.is-video-ready .live-photo__video{opacity:1}.live-photo.is-playing{--live-photo-media-scale: 1.06}.live-photo.is-playing.is-video-active .live-photo__cover{opacity:0}.live-photo.has-rotated-video .live-photo__video{inset:50% auto auto 50%;width:var(--live-photo-rotated-width, 133.333%);height:var(--live-photo-rotated-height, 75%);transform:translate(-50%,-50%) rotate(90deg) scale(var(--live-photo-media-scale))}.live-photo__surface{z-index:2;border:0;background:transparent;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.live-photo__surface:focus-visible,.live-photo__badge:focus-visible,.live-photo__menu-button:focus-visible,.live-photo__mute:focus-visible,.live-photo__center:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:2px}.live-photo__chrome{pointer-events:none;position:absolute;inset:0;z-index:3}.live-photo__topbar{position:absolute;left:0;top:0;z-index:6;padding:.9rem;pointer-events:none}.live-photo__menu-group{pointer-events:auto;position:relative;z-index:7}.live-photo__badge{display:inline-flex;align-items:center;gap:.38rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#11182799;backdrop-filter:blur(16px);color:#fff;font-size:.8rem;line-height:1;padding:.52rem .72rem;box-shadow:0 12px 30px #0f172a2e}.live-photo__badge-label{display:inline-flex;align-items:center;gap:.32rem}.live-photo__badge-live-icon{width:1.08rem;height:1.08rem;flex:none;overflow:visible}.live-photo__badge-ring{opacity:.88}.live-photo__badge-ring--outer{opacity:.55}.live-photo__badge-spinner{transform-origin:center;opacity:0;transition:opacity .16s ease}.live-photo__badge-icon{width:.82rem;height:.82rem;opacity:.88;transition:transform .18s ease}.live-photo.is-menu-open .live-photo__badge-icon{transform:rotate(180deg)}.live-photo.is-loading .live-photo__badge-spinner{opacity:1;animation:live-photo-spin 1s linear infinite}.live-photo__menu{position:relative;z-index:8;min-width:12rem;margin-top:.6rem;padding:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#111827d1;backdrop-filter:blur(18px);box-shadow:0 18px 40px #0f172a3d}.live-photo__menu[hidden]{display:none}.live-photo__menu-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem .86rem;border:0;border-radius:.85rem;background:transparent;color:#fff;font-size:.84rem;text-align:left;cursor:pointer;transition:background .16s ease}.live-photo__menu-button:hover{background:#ffffff14}.live-photo__menu-button[hidden]{display:none}.live-photo__menu-value{font-size:.74rem;color:#ffffffad}.live-photo__mute{pointer-events:auto;position:absolute;right:.9rem;bottom:.9rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:2.45rem;height:2.45rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#11182794;backdrop-filter:blur(16px);color:#fff;cursor:pointer;box-shadow:0 12px 30px #0f172a38}.live-photo__mute svg{width:1rem;height:1rem}.live-photo__center{display:none!important}.live-photo__play-icon{width:.82rem;height:.82rem}.live-photo__hint,.live-photo__error{position:absolute;left:.9rem;bottom:.9rem;z-index:4;max-width:calc(100% - 5.4rem);padding:.48rem .72rem;border-radius:999px;background:#11182794;backdrop-filter:blur(16px);font-size:.75rem;line-height:1.4;color:#ffffffe0}.live-photo__error{display:none;border-radius:.9rem;background:#be185dc7}.live-photo.has-error .live-photo__error{display:block}.live-photo.has-error .live-photo__hint,.live-photo.is-playing .live-photo__hint,.live-photo.is-playing .live-photo__center{display:none}.live-photo.is-cover-only .live-photo__video,.live-photo.is-cover-only .live-photo__topbar,.live-photo.is-cover-only .live-photo__mute,.live-photo.is-cover-only .live-photo__center{display:none!important}.live-photo.is-cover-only .live-photo__hint{display:block;max-width:calc(100% - 1.8rem)}@keyframes live-photo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.live-photo__topbar{padding:.7rem}.live-photo__badge{font-size:.76rem;padding:.48rem .68rem}.live-photo__menu{min-width:10.6rem}.live-photo__mute{right:.72rem;bottom:.72rem;width:2.25rem;height:2.25rem}.live-photo__center{gap:.36rem;padding:.58rem .8rem;font-size:.8rem}.live-photo__hint,.live-photo__error{left:.72rem;bottom:.72rem;max-width:calc(100% - 4.9rem)}}.live-photo-test{display:grid;gap:1rem}.live-photo-test__row{display:grid;gap:1rem;grid-template-columns:1fr;align-items:start}.live-photo-test__row>.live-photo,.live-photo-test__row>livephoto,.live-photo-test__row>live-photo,.live-photo-test__row>[data-live-photo-component]{min-width:0;align-self:start}.content-media-stack{display:grid;gap:1rem}.content-media-row{display:grid;gap:1rem;grid-template-columns:1fr;align-items:start}.content-media-masonry{--content-media-masonry-columns: 1;display:grid;gap:1rem;grid-template-columns:repeat(var(--content-media-masonry-columns),minmax(0,1fr));align-items:start}.content-media-row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.content-media-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.content-media-masonry--2{--content-media-masonry-columns: 2}.content-media-masonry--3{--content-media-masonry-columns: 3}.content-media-masonry.is-masonry-enhanced{align-items:start}.content-media-masonry__column{display:grid;min-width:0;gap:1rem;align-content:start}.content-media-row>.live-photo,.content-media-row>livephoto,.content-media-row>live-photo,.content-media-row>[data-live-photo-component],.content-media-row>img,.content-media-row>video{min-width:0;width:100%;align-self:start}.content-media-masonry>.live-photo,.content-media-masonry>livephoto,.content-media-masonry>live-photo,.content-media-masonry>[data-live-photo-component],.content-media-masonry>img,.content-media-masonry>video,.content-media-masonry__column>.live-photo,.content-media-masonry__column>livephoto,.content-media-masonry__column>live-photo,.content-media-masonry__column>[data-live-photo-component],.content-media-masonry__column>img,.content-media-masonry__column>video{width:100%;min-width:0;align-self:start}.content-media-row>img,.content-media-row>video,.content-media-masonry>img,.content-media-masonry>video,.content-media-masonry__column>img,.content-media-masonry__column>video{display:block;border-radius:5px;background:#0f172a}.article-card img[data-media-lightbox-trigger],.article-card [data-live-photo-root][data-media-lightbox-trigger] .live-photo__surface{cursor:zoom-in}body.is-media-lightbox-open,body.is-media-lightbox-open .page-content{overflow:hidden}.media-lightbox{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:.75rem}.media-lightbox[hidden]{display:none}.media-lightbox__backdrop{position:absolute;inset:0;border:0;background:#0f172ac7;backdrop-filter:blur(18px);cursor:pointer}.media-lightbox__dialog{position:relative;z-index:1;width:100%;height:100%;max-width:100%;display:grid;gap:0;justify-items:center}.media-lightbox__toolbar{position:absolute;top:.15rem;left:0;right:0;z-index:5;width:auto;display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:0 .15rem;pointer-events:none}.media-lightbox__toolbar-main,.media-lightbox__toolbar-end{display:flex;align-items:center;gap:.9rem;pointer-events:auto}.media-lightbox__toolbar-main{min-width:0}.media-lightbox__toolbar-end{justify-content:flex-end}.media-lightbox__icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0a0f19c2;color:#fff;cursor:pointer;backdrop-filter:blur(18px);box-shadow:0 18px 40px #0f172a47}.media-lightbox__icon-button[hidden]{display:none}.media-lightbox__icon-button:hover:not(:disabled){background:#94a3b833}.media-lightbox__icon-button:disabled{opacity:.4;cursor:not-allowed}.media-lightbox__icon-button svg{width:1.05rem;height:1.05rem}.media-lightbox__icon-button:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:2px}.media-lightbox__gallery-controls{display:inline-flex;align-items:center;gap:.35rem;height:2.5rem;padding:0 .25rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0a0f19c2;backdrop-filter:blur(18px);box-shadow:0 18px 40px #0f172a47}.media-lightbox__gallery-controls[hidden]{display:none}.media-lightbox__nav-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer}.media-lightbox__nav-button:hover:not(:disabled){background:#94a3b833}.media-lightbox__nav-button:disabled{opacity:.4;cursor:not-allowed}.media-lightbox__nav-button svg{width:1.05rem;height:1.05rem}.media-lightbox__nav-button:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:2px}.media-lightbox__side-nav{display:none}.media-lightbox__counter{min-width:4.1rem;padding:0 .35rem;color:#ffffffeb;font-size:.84rem;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}.media-lightbox__zoom-controls{display:inline-flex;align-items:center;gap:.35rem;height:2.5rem;padding:0 .25rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0a0f19c2;backdrop-filter:blur(18px);box-shadow:0 18px 40px #0f172a47}.media-lightbox__zoom-controls[hidden]{display:none}.media-lightbox__zoom-button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .65rem;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;font:inherit;font-weight:700}.media-lightbox__zoom-button:hover:not(:disabled){background:#94a3b833}.media-lightbox__zoom-button:disabled{opacity:.4;cursor:not-allowed}.media-lightbox__zoom-button--value{min-width:3.8rem;padding:0 .4rem;font-size:.84rem;font-variant-numeric:tabular-nums}.media-lightbox__zoom-button:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:2px}.media-lightbox__close{display:inline-flex;align-items:center;justify-content:center;justify-self:end;width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0a0f19c2;color:#fff;cursor:pointer;backdrop-filter:blur(18px);box-shadow:0 18px 40px #0f172a47}.media-lightbox__close svg{width:1rem;height:1rem}.media-lightbox__close:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:3px}.media-lightbox__stage{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;min-height:0;z-index:1}.media-lightbox__stage.is-zoomable{touch-action:none;cursor:zoom-in}.media-lightbox__stage.is-zoomed{cursor:grab}.media-lightbox__stage.is-dragging{cursor:grabbing}.media-lightbox__canvas{display:grid;place-items:center;max-width:100%;max-height:calc(100dvh - 1.5rem);transition:transform .18s ease}.media-lightbox__stage.is-dragging .media-lightbox__canvas{transition:none}.media-lightbox__media{display:block;width:100%;max-width:min(96vw,1280px);max-height:calc(100dvh - 1.5rem);border-radius:.75rem;background:#0b1120;box-shadow:0 28px 60px #0f172a52}.media-lightbox__media--image{height:auto;user-select:none;transition:transform .18s ease}.media-lightbox__media--video{height:auto}.media-lightbox__stage.is-dragging .media-lightbox__media--image{transition:none}.media-lightbox__live-photo{width:100%;max-width:min(96vw,1280px);box-shadow:0 28px 60px #0f172a52}.media-lightbox__live-photo .live-photo__frame{background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 42%),linear-gradient(180deg,#0c122014,#0c122038),#0b1120}.media-lightbox__live-photo .live-photo__hint,.media-lightbox__live-photo .live-photo__error{display:none!important}.media-lightbox__mute{pointer-events:auto;display:inline-flex}.live-photo-test__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.live-photo-test__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.content-media-row--3,.live-photo-test__row--3{grid-template-columns:repeat(2,minmax(0,1fr))}.content-media-masonry--3{--content-media-masonry-columns: 2}}@media(max-width:640px){.content-media-row--2,.content-media-row--3,.live-photo-test__row--2,.live-photo-test__row--3{grid-template-columns:1fr}.content-media-masonry--2,.content-media-masonry--3{--content-media-masonry-columns: 1}.media-lightbox{padding:max(.55rem,env(safe-area-inset-top)) max(.55rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left))}.media-lightbox__dialog{gap:0}.media-lightbox__toolbar{top:calc(env(safe-area-inset-top) + .1rem);gap:.45rem;padding:0}.media-lightbox__toolbar-main,.media-lightbox__toolbar-end{gap:.45rem;min-width:0}.media-lightbox__gallery-controls{padding:.25rem;flex:1 1 auto;min-width:0}.media-lightbox__nav-button{display:none}.media-lightbox__side-nav{pointer-events:auto;position:absolute;top:50%;z-index:6;display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#0a0f199e;color:#fff;backdrop-filter:blur(16px);transform:translateY(-50%);transition:opacity .14s ease,background .14s ease}.media-lightbox__side-nav[hidden]{display:none}.media-lightbox.is-touch-zooming .media-lightbox__side-nav{opacity:0;pointer-events:none}.media-lightbox__side-nav:disabled{opacity:.28}.media-lightbox__side-nav--prev{left:max(.35rem,env(safe-area-inset-left))}.media-lightbox__side-nav--next{right:max(.35rem,env(safe-area-inset-right))}.media-lightbox__side-nav svg{width:1.2rem;height:1.2rem}.media-lightbox__icon-button{width:2.15rem;height:2.15rem;flex:none}.media-lightbox__counter{min-width:0;padding:0 .35rem;font-size:.8rem;flex:1 1 auto}.media-lightbox__zoom-controls{padding:.25rem;flex:0 1 auto;min-width:0}.media-lightbox__zoom-button{min-width:2.05rem;height:2.15rem;padding:0 .55rem}.media-lightbox__zoom-button--value{min-width:3.1rem;padding:0 .45rem;font-size:.8rem}.media-lightbox__close{width:2.15rem;height:2.15rem;flex:none}.media-lightbox__media{max-height:calc(100dvh - 1.3rem);border-radius:.5rem}.media-lightbox__canvas{max-height:calc(100dvh - 1.3rem)}}