*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#viewer{width:100%;height:100svh}#viewer canvas{display:block;touch-action:none}#overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 48px));padding:16px;background:#1a1a1aeb;border-radius:4px;opacity:0;transition:opacity .12s ease-out;pointer-events:none}#overlay.visible{opacity:1}#overlay-label{font-size:16px;font-weight:600;line-height:1.2;color:#e0e0e0;margin-bottom:4px}#overlay-bar-track{width:100%;height:2px;background:#333;border-radius:2px}#overlay-bar-fill{height:2px;background:#e0e0e0;border-radius:2px;width:0%}#overlay-error{font-size:14px;font-weight:400;line-height:1.5;color:#e0e0e0;display:none}#overlay.error #overlay-label,#overlay.error #overlay-bar-track{display:none}#overlay.error #overlay-error{display:block}#scroll-spacer{height:400vh;pointer-events:none}#scroll-captions{position:fixed;left:50%;bottom:32px;transform:translate(-50%);width:min(640px,calc(100vw - 48px));text-align:center;pointer-events:none;color:#e0e0e0;font-size:16px;line-height:1.4}#scroll-captions .caption{opacity:0;transition:opacity .2s ease-out}#scroll-captions .caption.visible{opacity:1}#debug-hud{position:fixed;top:12px;right:12px;padding:8px 12px;background:#1a1a1aeb;color:#e0e0e0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.4;border-radius:4px;pointer-events:none;white-space:pre}body.embed,body.embed html{height:100%;margin:0}body.embed #viewer{width:100%;height:100%}body.embed #viewer canvas{touch-action:pan-y;pointer-events:none}body.embed #scroll-spacer,body.embed #scroll-captions,body.embed #debug-hud{display:none}body.standalone{overflow:auto}body.standalone #viewer{position:fixed;top:0;left:0;width:100%;height:100svh}body.standalone #viewer canvas{touch-action:pan-y}