.story-preview{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#120812;color:#fff;overscroll-behavior:contain}.story-preview::backdrop{background:rgba(14,6,14,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.story-preview[open]{animation:story-preview-rise .28s ease}@keyframes story-preview-rise{0%{opacity:0;transform:translateY(24px)}}.story-preview-frame{display:flex;flex-direction:column;height:100%}.story-preview-bar{display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#120812}.story-preview-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.story-preview-title{flex:1;min-width:0;font-weight:700;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-preview-title small{display:block;font-weight:500;font-size:12px;color:rgba(255,255,255,.6)}.story-preview-use{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--gold);color:#3a2410;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}.story-preview :is(button,a):focus-visible{outline:3px solid #ffb3c4;outline-offset:3px}.story-preview iframe{flex:1;width:100%;border:0;background:#120812}@media (hover:hover){.story-preview-use:hover{background:#ffd68a}}@media (min-width:760px){.story-preview-bar{padding-inline:20px}.story-preview-title{font-size:16px}}@media (prefers-reduced-motion:reduce){.story-preview[open]{animation:none}}