.viewer.svelte-og5gvj{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#000}.stage.svelte-og5gvj{position:relative;width:100%;max-width:440px;height:100%;max-height:100vh;overflow:hidden}.stage.svelte-og5gvj img:where(.svelte-og5gvj){width:100%;height:100%;object-fit:contain}.tap.svelte-og5gvj{position:absolute;top:0;bottom:0;width:33%;z-index:1;border:0;background:transparent;cursor:pointer}.tap.back.svelte-og5gvj{left:0}.tap.next.svelte-og5gvj{right:0;width:67%}.top.svelte-og5gvj{position:absolute;inset:0 0 auto 0;z-index:2;padding:10px 12px;background:linear-gradient(rgba(0,0,0,.55),transparent)}.bars.svelte-og5gvj{display:flex;gap:4px;margin-bottom:10px}.bar.svelte-og5gvj{flex:1;height:2.5px;border-radius:2px;background:#ffffff4d;overflow:hidden}.fill.svelte-og5gvj{display:block;height:100%;width:0;background:#fff;border-radius:2px}.fill.full.svelte-og5gvj{width:100%}.fill.active.svelte-og5gvj{animation:svelte-og5gvj-grow var(--dur) linear forwards}@keyframes svelte-og5gvj-grow{0%{width:0}to{width:100%}}.head.svelte-og5gvj{display:flex;align-items:center;gap:8px;color:#fff}.who.svelte-og5gvj{display:flex;align-items:center;gap:8px;min-width:0;color:#fff}.name.svelte-og5gvj{font-size:var(--title-3-size);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.when.svelte-og5gvj{color:#ffffffb3;font-size:var(--callout-size)}.delete-story.svelte-og5gvj{flex-shrink:0;padding:5px 12px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#00000059;color:#fff;font-size:var(--footnote-size);font-weight:600;cursor:pointer}.confirm.svelte-og5gvj{position:absolute;inset:auto 0 0 0;z-index:3;padding:20px;background:#121214f5;color:#fff;text-align:center}.confirm.svelte-og5gvj p:where(.svelte-og5gvj){margin:0 0 14px;font-size:var(--title-3-size)}.confirm-actions.svelte-og5gvj{display:flex;justify-content:center;gap:10px}.confirm-actions.svelte-og5gvj button:where(.svelte-og5gvj){padding:10px 20px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);background:none;color:#fff;font-weight:600;cursor:pointer}.confirm-actions.svelte-og5gvj .danger:where(.svelte-og5gvj){border-color:transparent;background:var(--danger)}.close.svelte-og5gvj{margin-left:auto;display:grid;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer}.caption.svelte-og5gvj{position:absolute;inset:auto 0 0 0;z-index:2;margin:0;padding:28px 16px 20px;background:linear-gradient(transparent,#0009);color:#fff;font-size:var(--title-3-size);line-height:var(--title-3-line-height)}