.a4-viewer{background:var(--color-watch-page);width:100vw;height:100dvh;max-height:100dvh;color:var(--color-watch-text);z-index:160;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px;display:flex;overflow:auto;max-width:100vw!important}.a4-close{color:var(--color-watch-text);position:absolute;top:16px;right:16px}.a4-portrait{object-fit:contain;border-radius:12px;max-width:min(90vw,380px);max-height:70dvh;animation:5s ease-in-out infinite a4-float}.a4-portrait.is-gold{box-shadow:var(--card-glow)}.a4-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.a4-viewer p{text-align:center;color:var(--color-watch-muted);font-size:12px}.a4-story{background:var(--card-instagram);color:var(--color-watch-text)}.a4-get.is-gold{background:var(--color-watch-yellow);color:var(--color-watch-page);border-color:var(--color-watch-yellow)}.a4-page{background:var(--color-watch-page);min-height:100vh;color:var(--color-watch-text)}.a4-page header{border-bottom:1px solid var(--color-watch-line);justify-content:space-between;align-items:center;padding:24px;display:flex}.a4-page main{width:min(100% - 32px,880px);margin:auto;padding:36px 0}.a4-page h1{margin:20px 0 10px;font-size:36px;font-weight:800}.a4-page .a4-badge{background:var(--color-watch-yellow);color:var(--color-watch-page);padding:6px 12px;display:inline-block}.a4-page .a4-cta{border-top:1px solid var(--color-watch-line);flex-direction:column;gap:16px;margin-top:40px;padding:28px 0;display:flex}.a4-page .a4-cta .a4-badge{align-self:flex-start}.a4-shared{color:var(--color-watch-yellow);margin-bottom:20px;font-size:13px}.a4-setting{align-items:center;gap:12px;padding:16px 0;display:flex}.a4-setting span{flex:1}@keyframes a4-float{50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.a4-portrait{animation:none}}@media (width<=640px){.a4-viewer{gap:12px;padding:52px 12px 20px}.a4-portrait{max-height:65dvh}.a4-page h1{font-size:28px}}.a5-ready h2{text-align:center;font-size:26px;font-weight:800}.a5-ready .a4-portrait{max-height:54dvh;animation:none}.a5-given{font-weight:800;color:var(--color-watch-yellow)!important}.a5-view-count{color:var(--color-watch-muted);margin-top:8px;font-size:12px;display:block}.a5-ready .a4-actions{max-width:680px}.a5-ready .a4-actions button,.a5-ready .a4-actions a{white-space:normal;text-align:center;height:auto;min-height:40px}.a4-viewer>button.absolute{display:none}.a4-viewer .a4-close{z-index:2;background:var(--color-watch-panel);width:48px;height:48px;color:var(--color-watch-text);border:1px solid var(--color-watch-muted);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed;top:16px;right:16px}.a4-viewer .a4-close:hover{border-color:var(--color-watch-yellow);color:var(--color-watch-yellow)}.a4-viewer .a4-actions a,.a4-viewer .a4-actions button:not(.a4-story){background:var(--color-watch-panel);color:var(--color-watch-text);border-color:var(--color-watch-muted)}.a4-viewer .a4-actions a:hover,.a4-viewer .a4-actions button:not(.a4-story):hover{background:var(--color-watch-panel);color:var(--color-watch-yellow);border-color:var(--color-watch-yellow)}.a4-loading{aspect-ratio:9/16;background:var(--color-watch-panel);width:min(380px,80vw);animation:1.2s ease-in-out infinite a4-pulse}@keyframes a4-pulse{50%{opacity:.55}}