.gallery{background:var(--ink);color:#fff;font-family:var(--body);position:fixed;inset:0}.gallery-feed{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:auto}.gallery-feed::-webkit-scrollbar{display:none}.clip{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;gap:18px;height:100dvh;display:flex;position:relative;overflow:hidden}.clip-backdrop{object-fit:cover;filter:blur(40px)brightness(.45)saturate(1.3);width:120%;height:120%;position:absolute;inset:-10%;transform:scale(1.1)}.clip-frame{aspect-ratio:var(--ar);width:min(calc(100vw - 240px), calc((100dvh - 32px) * var(--ar)));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.clip-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.clip.active .clip-still{animation:9s ease-out both clip-push}@keyframes clip-push{0%{transform:scale(1)}to{transform:scale(1.08)}}.clip-caption{pointer-events:none;background:linear-gradient(#0000,#080614d9);padding:80px 18px 22px;position:absolute;inset:auto 0 0}.clip-caption strong{font-family:var(--wide);letter-spacing:.04em;font-size:15px}.clip-caption p{margin:4px 0 2px;font-size:16px;font-weight:500}.clip-caption span{color:var(--pink);font-size:13px}.clip-progress{background:#fff3;height:3px;position:absolute;inset:auto 0 0}.clip-progress span{background:var(--peach);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.clip-paused,.clip-burst{pointer-events:none;filter:drop-shadow(0 4px 18px #00000080);width:84px;height:84px;margin:auto;position:absolute;inset:0}.clip-paused{color:#ffffffd9}.clip-burst{width:110px;height:110px;color:var(--pink);animation:clip-burst .8s var(--ease) both}@keyframes clip-burst{0%{opacity:0;transform:scale(.4)rotate(-12deg)}25%{opacity:1;transform:scale(1.15)rotate(-6deg)}to{opacity:0;transform:scale(1.4)translateY(-40px)}}.clip-rail{flex-direction:column;align-self:flex-end;gap:16px;margin-bottom:40px;display:flex;position:relative}.clip-rail button,.clip-rail a{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;text-decoration:none;display:flex}.clip-rail svg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;transition:transform .2s var(--ease), background .2s;background:#ffffff24;border-radius:50%;padding:12px}.clip-rail button:hover svg,.clip-rail a:hover svg{background:#ffffff3d;transform:scale(1.08)}.clip-rail .clip-movie svg,.clip-rail .clip-movie:hover svg{background:var(--pink);color:var(--ink);padding:14px 13px 14px 15px}.clip-rail .on{color:var(--pink)}.clip-rail small{font-size:12px;font-weight:500}.gallery-bar{z-index:2;pointer-events:none;align-items:center;gap:14px;padding:16px 20px;display:flex;position:fixed;inset:0 0 auto}.gallery-bar>*{pointer-events:auto}.gallery-home{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.gallery-home svg{width:22px;height:22px}.gallery-logo{width:auto;height:44px}.gallery-count{font-family:var(--wide);letter-spacing:.06em;opacity:.8;margin-left:auto;font-size:13px}.gallery-step{z-index:2;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.gallery-step button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.gallery-step button:disabled{opacity:.3;cursor:default}.gallery-step svg{width:22px;height:22px}.gallery-toast{z-index:3;color:var(--ink);background:#ffffffeb;border-radius:999px;margin:0;padding:10px 18px;font-size:14px;font-weight:500;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}@media (max-width:720px){.clip-frame{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.clip-frame.clip-whole{background:0 0}.clip-frame.clip-whole .clip-media{object-fit:contain}.clip-rail{margin:0;position:absolute;bottom:96px;right:12px}.clip-caption{padding-bottom:28px;padding-right:84px}.gallery-step{display:none}}.gallery[data-phase=hidden] .gallery-feed,.gallery[data-phase=hidden] .gallery-bar,.gallery[data-phase=hidden] .gallery-step{opacity:0}.gallery[data-phase=opening] .clip-backdrop{animation:.7s ease-out both gallery-fade}.gallery[data-phase=opening] .clip-frame{animation:.75s cubic-bezier(.2,.9,.3,1) .1s both gallery-rise}.gallery[data-phase=opening] .clip-rail,.gallery[data-phase=opening] .gallery-bar,.gallery[data-phase=opening] .gallery-step{animation:.5s ease-out .4s both gallery-fade}@keyframes gallery-fade{0%{opacity:0}}@keyframes gallery-rise{0%{opacity:0;translate:0 28px;scale:.96}}@media (prefers-reduced-motion:reduce){.clip.active .clip-still,.clip-burst,.gallery[data-phase=opening] *{animation:none}}