:root{color:#f5f5f2;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0a0a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#0a0a0a;min-width:320px}button{font:inherit}.viewer{background:#0a0a0a;place-items:center;min-height:100svh;display:grid;overflow:hidden}.poster{object-fit:contain;background:#111;width:min(100vw,56.25svh);height:min(100svh,177.778vw);display:block}.status{min-height:100svh;padding:max(32px, env(safe-area-inset-top)) 28px max(32px, env(safe-area-inset-bottom));text-align:center;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex}.wordmark{color:#f2d14f;letter-spacing:0;font-size:12px;font-weight:800}.status h1{max-width:310px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400;line-height:1.08}.loader{border:2px solid #333;border-top-color:#f2d14f;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.retry{color:#0a0a0a;cursor:pointer;background:#f2d14f;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.retry svg{width:20px;height:20px}.retry:focus-visible{outline-offset:4px;outline:3px solid #fff}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){.viewer{padding:24px}.poster{border-radius:4px;max-height:calc(100svh - 48px);box-shadow:0 24px 80px #0009}}@media (prefers-reduced-motion:reduce){.loader{animation-duration:1.6s}}