:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#viewer{width:100%;height:100%;margin:0;overflow:hidden}body{background:#080808;overscroll-behavior:none}#viewer{position:relative;touch-action:none;background:#080808}#scene{display:block;width:100%;height:100%;outline:none}#loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;color:#d8c7b7;font-size:.875rem;letter-spacing:.08em;background:#090807;transition:opacity .55s ease,visibility .55s}#loading.done{opacity:0;visibility:hidden;pointer-events:none}.mark{width:42px;height:32px;clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);border:2px solid #a14a38;background:linear-gradient(135deg,#5b241d,#b05a3d);animation:breathe 1.6s ease-in-out infinite alternate}.progress{width:140px;height:1px;overflow:hidden;background:#2f2925}.progress i{display:block;width:0;height:100%;background:#bb6648;transition:width .2s ease}#viewer-meta{position:absolute;left:max(1.25rem,env(safe-area-inset-left));right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.15rem,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:1.25rem;pointer-events:none}#renderer-label,#hint{color:#ebe4da99;font-size:.6875rem;font-weight:300;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity 1.5s ease,transform 1.5s cubic-bezier(.22,.61,.36,1)}#renderer-label{flex-shrink:0}#hint{text-align:right;transition-delay:.12s}#renderer-label.visible,#hint.visible{opacity:1;transform:translateY(0)}.touch-hint{display:none}@media(max-width:680px){#viewer-meta{left:max(.8rem,env(safe-area-inset-left));right:max(.8rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));gap:.75rem}#renderer-label,#hint{font-size:.625rem;letter-spacing:.035em}}#reset{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:50%;color:#d9c6b5;background:#0c0a098c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;opacity:0;transition:opacity .4s,background .2s}#reset.visible{opacity:1}#reset:hover{background:#2e1f19cc}#reset svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#error{position:absolute;inset:auto 1rem 1rem;padding:.8rem;text-align:center;color:#f1d3c8}@keyframes breathe{to{filter:brightness(1.35);transform:translateY(-2px)}}[data-input=touch] .desktop-hint{display:none}[data-input=touch] .touch-hint{display:inline}@media(prefers-reduced-motion:reduce){.mark{animation:none}*{transition-duration:.01ms!important}}