.moment-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto;background:#121110c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;outline:none}.moment-gate-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(920px,calc((100dvh - 100px)*1.17));max-width:100%;flex-shrink:0}.moment-gate-nav{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:#fff;transform:translateY(-50%);transition:background-color .16s ease,transform .16s ease}.moment-gate-nav:hover{background:#ffffff3d;transform:translateY(-50%) scale(1.08)}.moment-gate-nav--previous{left:-60px}.moment-gate-nav--next{right:-60px}:where(.moment-gate-single) .moment-gate-create{width:min(448px,calc((100dvh - 48px)*.5625));max-width:100%;flex-shrink:0}.moment-gate-story,.moment-gate-create{position:relative;aspect-ratio:9 / 16;min-width:0;overflow:hidden;border-radius:28px}.moment-gate-story{background:#3028239e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.moment-gate-story-backdrop{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%;object-fit:cover;filter:blur(22px) brightness(.92) saturate(.85);opacity:.95}.moment-gate-story:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1e19172e,#19151361 45%,#14110fc7);content:"";pointer-events:none}.moment-gate-story>:not(.moment-gate-story-backdrop){z-index:1}.moment-gate-create{border:1px solid #37302c;background:radial-gradient(ellipse at center,#312925,#1d1917)}.moment-gate-create--own{background:radial-gradient(ellipse 90% 58% at 50% 110%,#733019,#33231d 53%,#211c1a)}.moment-gate-progress{position:absolute;top:14px;left:16px;right:16px;height:3px;border-radius:4px;background:#ffffff40}.moment-gate-progress span{display:block;width:8%;height:100%;background:#fff}.moment-gate-story header{position:relative;display:flex;align-items:center;gap:12px;padding:30px 18px 18px}.moment-gate-story header strong,.moment-gate-story header span{display:block}.moment-gate-story header strong{font-size:16px}.moment-gate-story header div>span{margin-top:3px;font-size:12px;color:#c9c1bc}.moment-gate-invitation{position:absolute;right:28px;bottom:48px;left:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left}.moment-gate-invitation h2{font-size:clamp(22px,2.3vw,30px);line-height:1.16;font-weight:700}.moment-gate-invitation p{font-size:16px;line-height:1.5;color:#c9c1bc}.moment-gate-others{display:flex;align-items:center;gap:12px;min-width:0;margin-top:10px;color:#bdb5b0;font-size:14px;font-weight:500}.moment-gate-others-avatars{display:flex;flex-shrink:0;padding-left:4px}.moment-gate-others-avatars>span{margin-left:-4px;border:2px solid #302925}.moment-gate-others-avatars>span+span{margin-left:-10px}.moment-gate-others>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moment-gate-create-header{position:absolute;top:18px;left:18px;right:18px;z-index:40;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.moment-gate-create-header>span{color:#efb28d;font-size:11px;letter-spacing:2px}.moment-gate-self-profile{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:600}.moment-gate-create--own .moment-gate-self-profile{font-size:18px}.moment-gate-create-header button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff14;color:#fff;pointer-events:auto;transition:background-color .16s ease,transform .16s ease}.moment-gate-create-header button:hover{background:#ffffff42;transform:scale(1.08)}.moment-gate button{cursor:pointer}.moment-gate button:hover{filter:brightness(1.16)}.moment-gate button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.moment-gate-camera-start{position:absolute;top:25%;right:16px;bottom:28%;left:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.moment-gate-camera-start p{padding:14px 18px;border:1px solid #ffffff24;border-radius:16px;background:#18151380;font-size:15px;font-weight:500}.moment-gate-enable{color:#efb28d;font-size:14px;font-weight:500}.moment-own-intro{position:absolute;top:92px;right:32px;left:32px}.moment-own-intro>span{display:block;color:#efb28d;font-size:12px;letter-spacing:3px}.moment-own-intro h2{max-width:380px;margin-top:18px;color:#fff;font-size:clamp(32px,3.4vw,44px);font-weight:700;line-height:1.08}.moment-gate-camera-controls{position:absolute;inset:auto 20px 24px;display:flex;align-items:center;justify-content:center}.moment-gate-shutter{width:72px;height:72px;border:4px solid white;outline:5px solid #211c1a;outline-offset:-9px;border-radius:50%;background:var(--color-accent)}.moment-gate-create--own .moment-gate-camera-controls{bottom:34px}.moment-gate-create--own .moment-gate-shutter{background:#ff4d18}.moment-gate-create:has(.moment-publish-flight-source) .moment-gate-create-header,.moment-gate-create:has(.moment-publish-flight-source) .moment-publish-controls{opacity:0}.moment-publish-flight{position:fixed;z-index:calc(var(--z-modal) + 2);overflow:hidden;border-radius:28px;box-shadow:0 16px 60px #00000042;pointer-events:none;transform-origin:top left;animation:moment-publish-flight .68s cubic-bezier(.25,.8,.25,1) forwards}.moment-publish-flight img{display:block;width:100%;height:100%;object-fit:cover}@keyframes moment-publish-flight{0%{opacity:1;transform:translate(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(var(--moment-flight-x),var(--moment-flight-y)) scale(var(--moment-flight-scale-x),var(--moment-flight-scale-y))}}@media (prefers-reduced-motion: reduce){.moment-publish-flight{animation:none}}@media (max-width: 699px){.moment-gate{justify-content:flex-start;padding:16px}.moment-gate-single{justify-content:center}.moment-gate-grid{width:min(420px,100%);grid-template-columns:1fr;gap:12px}.moment-gate-nav{top:140px;width:36px;height:36px;background:#14110f8c}.moment-gate-nav--previous{left:6px}.moment-gate-nav--next{right:6px}.moment-gate-story{aspect-ratio:auto;min-height:280px;border-radius:20px}.moment-gate-story header{padding-top:26px}.moment-gate-invitation{right:18px;bottom:20px;left:18px;gap:8px}.moment-gate-invitation h2{font-size:20px}.moment-gate-invitation p{font-size:14px}.moment-gate-others{margin-top:2px;font-size:12px}.moment-gate-create{aspect-ratio:4 / 5;border-radius:20px}.moment-gate-single .moment-gate-create{aspect-ratio:9 / 16}.moment-own-intro{top:80px;right:22px;left:22px}.moment-own-intro h2{font-size:30px}}@media (prefers-reduced-motion: reduce){.moment-gate-create-header button,.moment-gate-nav{transition:none}}@media (min-width: 700px) and (max-width: 1099px){.moment-gate-nav--previous{left:8px}.moment-gate-nav--next{right:8px}}