:root{color:#f5f4ef;font-synthesis:none;background:#090909;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#090909;min-width:320px;overflow:hidden}button{font:inherit}.stage{aspect-ratio:4/5;touch-action:none;-webkit-user-select:none;user-select:none;background:#141414;width:min(100vw,480px,80svh);max-height:100svh;margin:0 auto;position:relative;overflow:hidden}.viewer{cursor:grab;background:#111;position:absolute;inset:0;overflow:hidden}.viewer:active{cursor:grabbing}.artwork{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.image-shade{pointer-events:none;background:linear-gradient(#0000007a,#0000 27% 64%,#00000094);position:absolute;inset:0}.viewer-header,.viewer-footer{justify-content:space-between;align-items:center;padding:22px 20px;display:flex;position:absolute;left:0;right:0}.viewer-header{letter-spacing:.02em;top:0}.viewer-footer{align-items:flex-end;bottom:0}.brand{letter-spacing:-.02em;font-size:.86rem;font-weight:600}.edition{text-transform:uppercase;letter-spacing:.16em;opacity:.68;font-size:.64rem;font-weight:500}.actions{gap:8px;display:flex}.icon-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000029;border:1px solid #ffffff57;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .18s,background .18s;display:grid}.icon-button:not(:disabled):hover{background:#0000006b;transform:translateY(-2px)}.icon-button:disabled{opacity:.45}.icon-button svg{width:20px;height:20px}.icon-button.muted{color:#ffffffc7}.gesture-hint{letter-spacing:.12em;text-transform:uppercase;opacity:.76;align-items:center;gap:6px;padding-bottom:3px;font-size:.62rem;font-weight:600;display:flex}.gesture-hint svg{width:16px;height:16px;animation:1.8s ease-in-out infinite drift}.status{color:#ffffffc7;background:#1c1c1ceb;border-radius:999px;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:8px 12px;font-size:.72rem;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.loading,.fallback{text-align:center;background:#111;place-content:center;gap:16px;display:grid;position:absolute;inset:0}.loading span{letter-spacing:-.04em;font-weight:600}.loading i{border:1px solid #aaa;border-left-color:#0000;border-radius:50%;width:22px;height:22px;margin:0 auto;animation:.8s linear infinite spin}.fallback{padding:36px}.fallback p{color:#ffffffad;max-width:19rem;margin:0;font-size:.88rem;line-height:1.5}.fallback button{color:#fff;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffffa6;justify-self:center;padding:6px 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{50%{transform:translateY(4px)}}@media (width>=481px){.stage{margin-top:max(0px,50svh - min(100svh,600px)/2);box-shadow:0 0 0 1px #ffffff12,0 24px 70px #00000073}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}