:root{--color-primary:#8a6d3b;--color-primary-light:#c9a55f;--color-text:#2b241c;--color-surface:#14110dd1;--color-surface-solid:#faf7f2;--font-main:"Georgia", "Times New Roman", serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius:10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:#fff;overscroll-behavior:none;background:#14110d;overflow:hidden}.viewer{position:fixed;inset:0;overflow:hidden}.viewer canvas{outline:none;display:block}.viewer canvas:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:-3px}.viewer-bar{pointer-events:none;background:linear-gradient(#14110dc7 0%,#14110d00 100%);align-items:center;gap:16px;padding:14px 18px 28px;display:flex;position:absolute;top:0;left:0;right:0}.viewer-bar>*{pointer-events:auto}.viewer-back{color:#fff;white-space:nowrap;background:#00000059;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.viewer-back:hover{background:#0000008c}.viewer-title{text-align:center;font-family:var(--font-main);text-shadow:0 2px 12px #000000b3;flex:1;margin:0;font-size:1.15rem;font-weight:700}.viewer-langs{background:#00000059;border:1px solid #ffffff2e;border-radius:999px;gap:4px;padding:4px;display:flex}.viewer-lang{color:#ffffffb3;font:600 .78rem/1 var(--font-ui);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 11px}.viewer-lang:hover{color:#fff}.viewer-lang.is-active{background:var(--color-primary);color:#fff}.viewer-fullscreen{color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:18px;right:18px}.viewer-fullscreen:hover{background:#0000009e}.viewer-ai-guide{color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:18px;right:72px}.viewer-ai-guide svg{width:20px;height:20px}.viewer-ai-guide:hover{background:#0000009e}.viewer-ai-guide.is-active{background:var(--color-primary);border-color:var(--color-primary-light)}.ai-guide-panel{background:var(--color-surface-solid);width:min(360px,100vw - 36px);height:min(520px,70vh);color:var(--color-text);text-align:left;border-radius:14px;flex-direction:column;padding:14px 14px 12px;display:flex;position:absolute;bottom:74px;right:18px;box-shadow:0 20px 48px #00000073}.ai-guide-panel .info-panel-header{text-align:left;flex:none}.ai-guide-panel h2{font-family:var(--font-main);margin:0 0 10px;font-size:1.05rem}.ai-guide-panel p{margin:0;font-size:.9rem;line-height:1.55}.ai-guide-messages{flex-direction:column;flex:1;gap:8px;min-height:0;margin-bottom:4px;padding:2px 2px 8px;display:flex;overflow-y:auto}.ai-guide-message{display:flex}.ai-guide-message--user{justify-content:flex-end}.ai-guide-message--assistant{justify-content:flex-start}.ai-guide-bubble{white-space:pre-wrap;overflow-wrap:break-word;border-radius:14px;max-width:85%;padding:8px 12px;font-size:.88rem;line-height:1.45}.ai-guide-message--user .ai-guide-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.ai-guide-message--assistant .ai-guide-bubble{color:var(--color-text);background:#2b241c14;border-bottom-left-radius:4px}.ai-guide-message.is-error .ai-guide-bubble{color:#a3372e;background:#a3372e1f}.ai-guide-bubble--typing{align-items:center;gap:4px;padding:11px 12px;display:flex}.ai-guide-bubble--typing span{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite ai-guide-typing-bounce}.ai-guide-bubble--typing span:nth-child(2){animation-delay:.15s}.ai-guide-bubble--typing span:nth-child(3){animation-delay:.3s}@keyframes ai-guide-typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.ai-guide-form{flex:none;gap:8px;display:flex}.ai-guide-form input{min-width:0;color:var(--color-text);font:inherit;background:#fff;border:1px solid #2b241c40;border-radius:8px;flex:1;padding:9px 11px;font-size:.9rem}.ai-guide-form input:disabled{opacity:.6}.ai-guide-mic{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #2b241c40;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ai-guide-mic svg{width:18px;height:18px}.ai-guide-mic.is-listening{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ai-guide-ask{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:none;padding:0 14px;font-size:.88rem;font-weight:600}.ai-guide-ask:disabled{opacity:.5;cursor:default}.ai-guide-quick{flex-wrap:wrap;flex:none;gap:6px;margin-bottom:10px;display:flex}.ai-guide-quick-btn{color:var(--color-text);cursor:pointer;background:#2b241c0d;border:1px solid #2b241c33;border-radius:999px;padding:6px 11px;font-size:.78rem;line-height:1.2}.ai-guide-quick-btn:hover{background:#2b241c1a}.ai-guide-quick-btn:disabled{opacity:.5;cursor:default}.ai-guide-panel .ai-guide-hint{color:#2b241c8c;font-size:.78rem}.viewer-fullscreen svg{width:20px;height:20px}.hotspot-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hotspot{color:#fff;font:600 .85rem/1.2 var(--font-ui);cursor:pointer;pointer-events:auto;will-change:transform;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.hotspot[data-visible=false],.hotspot[data-dimmed=true]{opacity:0;pointer-events:none}.hotspot-marker{background:#8a6d3bbf;border:2px solid #fff;border-radius:50%;width:34px;height:34px;position:relative;box-shadow:0 2px 14px #0000008c}.hotspot--navigation .hotspot-marker:after{content:"";border-top:2px solid #fff;border-right:2px solid #fff;width:9px;height:9px;margin:auto;position:absolute;inset:0;transform:translateY(-1px)rotate(-45deg)}.hotspot--info .hotspot-marker:after{content:"i";font:700 1rem/1 var(--font-main);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hotspot--navigation{opacity:.55}.hotspot--navigation:hover,.hotspot--navigation:focus-visible{opacity:1}.hotspot-marker:before{content:"";border:2px solid #ffffffd9;border-radius:50%;animation:2.4s ease-out infinite hotspot-pulse;position:absolute;inset:-7px}@keyframes hotspot-pulse{0%{opacity:.6;transform:scale(.85)}70%{opacity:0;transform:scale(1.35)}to{opacity:0}}.hotspot-label{white-space:nowrap;text-shadow:0 1px 6px #000c;background:#14110dc7;border:1px solid #ffffff29;border-radius:999px;padding:5px 12px}.hotspot:hover .hotspot-marker,.hotspot:focus-visible .hotspot-marker{background:var(--color-primary-light);transform:scale(1.08)}.hotspot:focus-visible{outline:none}.hotspot:focus-visible .hotspot-label{outline:2px solid var(--color-primary-light);outline-offset:2px}.media-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.media-hit{color:#fff;cursor:pointer;pointer-events:auto;will-change:transform;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:0;left:0}.media-hit[data-visible=false],.media-hit[data-dimmed=true]{opacity:0;pointer-events:none}.media-hit[data-active=true]{cursor:default}.media-play{background:#14110d99;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:56px;max-width:45%;height:56px;max-height:45%;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 18px #00000073}.media-play svg{width:42%;height:42%;margin-left:8%}.media-hit:hover .media-play,.media-hit:focus-visible .media-play{background:var(--color-primary);transform:scale(1.08)}.media-hit:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:-3px}.media-controls{z-index:30;background:#14110de0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.media-control{color:#fff;font:600 .82rem var(--font-ui);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff3d;border-radius:999px;padding:8px 16px}.media-control:hover{background:var(--color-primary)}.media-note{color:#ffffffb3;white-space:nowrap;font-size:.78rem}@media (prefers-reduced-motion:reduce){.media-play{transition:none}}.media-lightbox-backdrop{z-index:40;background:#0a0806d1;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out media-lightbox-fade;display:flex;position:absolute;inset:0}.media-lightbox{flex-direction:column;align-items:center;gap:14px;max-width:calc(100vw - 32px);animation:.24s cubic-bezier(.2,.8,.3,1) media-lightbox-pop;display:flex;position:relative}@keyframes media-lightbox-fade{0%{opacity:0}}@keyframes media-lightbox-pop{0%{opacity:0;transform:scale(.94)translateY(14px)}}@media (prefers-reduced-motion:reduce){.media-lightbox-backdrop,.media-lightbox{animation:none}}.media-lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#14110deb;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:-16px;right:-16px}.media-lightbox-close svg{width:16px;height:16px}.media-lightbox-stage{max-width:100%;display:inline-flex;position:relative}.media-lightbox-media{object-fit:contain;border-radius:12px;width:auto;max-width:min(80vw,1100px);height:auto;max-height:76vh;display:block;box-shadow:0 24px 64px #00000080}.media-lightbox-controls{position:static;transform:none}.media-video-overlay{cursor:pointer;background:#0000004d;border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 8px 24px #00000073}.media-video-overlay video{object-fit:cover;width:100%;height:100%;display:block}.media-video-overlay-play{aspect-ratio:1;pointer-events:none;background:#0a08068c;border-radius:50%;width:15%;min-width:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-video-overlay-play:after{content:"";border-style:solid;border-width:22% 0 22% 32%;border-color:#0000 #0000 #0000 #ffffffeb;width:0;height:0;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.viewer-overlay{text-align:center;background:#14110db8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:.95rem;display:flex;position:absolute;inset:0}.viewer-overlay--error{background:#14110deb}.viewer-overlay-detail{color:#fff9;word-break:break-word;max-width:460px;margin:0;font-size:.82rem}.viewer-spinner{border:3px solid #ffffff40;border-top-color:var(--color-primary-light);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite viewer-spin}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-action{background:var(--color-primary);color:#fff;font:600 .85rem var(--font-ui);cursor:pointer;border:1px solid #ffffff3d;border-radius:999px;padding:9px 20px}.viewer-action:hover{background:var(--color-primary-light);color:var(--color-text)}.viewer-hint{border-radius:var(--radius);background:#14110dd1;border:1px solid #ffffff29;align-items:center;gap:14px;max-width:min(560px,100vw - 110px);padding:12px 16px;font-size:.85rem;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.viewer-hint p{margin:0}.info-panel{background:var(--color-surface-solid);width:min(340px,100vw - 36px);color:var(--color-text);border-radius:14px;padding:18px;position:absolute;top:74px;right:18px;box-shadow:0 20px 48px #00000073}.info-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.info-panel h2{font-family:var(--font-main);margin:0 0 10px;font-size:1.05rem}.info-panel p{margin:0;font-size:.9rem;line-height:1.55}.info-close{width:28px;height:28px;color:var(--color-text);cursor:pointer;background:#2b241c1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-close svg{width:14px;height:14px}.viewer-debug{color:#ffffffb3;pointer-events:none;background:#0000008c;border-radius:6px;margin:0;padding:5px 10px;font-size:.72rem;position:absolute;bottom:18px;left:18px}@media (prefers-reduced-motion:reduce){.hotspot-marker:before,.viewer-spinner{animation:none}}@media (width<=720px){.viewer-title{font-size:.95rem}.viewer-back{gap:0;padding:9px 12px;font-size:0}.viewer-back span{font-size:1rem}.viewer-hint{text-align:center;flex-direction:column;align-items:stretch;max-width:calc(100vw - 36px)}}
