: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-shell{aspect-ratio:9/16;width:min(100vw,56.25svh);position:relative}.poster{object-fit:contain;background:#111;width:100%;height:100%;display:block}.edition-date{z-index:2;top:max(14px, calc(env(safe-area-inset-top) + 14px));left:max(14px, calc(env(safe-area-inset-left) + 14px));color:#ffffffc7;-webkit-backdrop-filter:blur(6px);background:#08080857;border:1px solid #ffffff24;border-radius:3px;padding:5px 7px;font-size:10px;font-weight:600;line-height:1;position:absolute}.image-actions{right:max(12px, env(safe-area-inset-right));opacity:.62;flex-direction:column;gap:8px;transition:opacity .16s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-actions:hover,.image-actions:focus-within{opacity:1}.image-action{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#0808086b;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:background-color .16s,transform .16s;display:grid;box-shadow:0 2px 14px #0003}.image-action:hover{background:#080808ad}.image-action:active{transform:scale(.94)}.image-action:focus-visible{outline-offset:3px;outline:2px solid #fff}.image-action:disabled{cursor:wait}.image-action svg{stroke-width:1.8px;width:19px;height:19px}.action-feedback{top:50%;right:max(64px, calc(env(safe-area-inset-right) + 64px));color:#fff;opacity:0;pointer-events:none;background:#0808087a;border-radius:3px;min-height:18px;padding:3px 7px;font-size:11px;line-height:1;transition:opacity .16s;position:absolute;transform:translateY(-50%)}.action-feedback:not(:empty){opacity:.86}.action-spinner{animation:.8s linear infinite spin}.welcome-overlay{z-index:10;padding:max(36px, env(safe-area-inset-top)) 28px max(28px, env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(11px)saturate(72%);background:#0708088f;grid-template-rows:1fr auto 1fr;place-items:center;animation:.52s cubic-bezier(.2,.8,.2,1) both welcome-reveal;display:grid;position:absolute;inset:0}.welcome-lockup{text-align:center;grid-row:2;justify-items:center;width:100%;display:grid}.welcome-eyebrow{color:#ffffffb8;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1}.welcome-rule{background:#f2d14f;width:28px;height:3px;margin:17px 0 20px}.welcome-lockup h1{text-rendering:geometricprecision;justify-content:center;align-items:baseline;gap:11px;margin:0;line-height:.92;display:flex}.welcome-lockup h1 span{display:block}.welcome-lockup h1 span:first-child{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:58px;font-style:normal;font-weight:800}.welcome-lockup h1 span:last-child{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:58px;font-style:italic;font-weight:400}.welcome-place{color:#ffffffc7;margin-top:22px;font-size:15px;font-weight:500}.welcome-date{color:#ffffff94;margin-top:12px;font-size:11px;font-weight:600}.welcome-enter{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff61;border-radius:50%;grid-row:3;align-self:end;place-items:center;width:46px;height:46px;padding:0;animation:.6s cubic-bezier(.2,.8,.2,1) .26s both welcome-action;display:grid}.welcome-enter:hover{color:#0a0a0a;background:#f2d14f;border-color:#f2d14f}.welcome-enter:active{transform:scale(.94)}.welcome-enter:focus-visible{outline-offset:4px;outline:2px solid #fff}.welcome-enter svg{stroke-width:1.8px;width:20px;height:20px}.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)}}@keyframes welcome-reveal{0%{opacity:0}to{opacity:1}}@keyframes welcome-action{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=700px){.viewer{padding:24px}.poster-shell{width:min(100vw - 48px,56.25svh - 27px)}.poster{border-radius:4px;box-shadow:0 24px 80px #0009}}@media (hover:hover){.image-actions{opacity:.42}}@media (prefers-reduced-motion:reduce){.loader{animation-duration:1.6s}.image-actions,.image-action,.action-feedback,.welcome-overlay,.welcome-enter{transition:none;animation:none}}