:root{--ink:#0f1714;--foam:#f3f7f4;--mist:#f3f7f4c7;--glass:#0c16129e;--glass-strong:#0a120fd1;--line:#f3f7f424;--accent:#3d9b78;--accent-soft:#3d9b7847;--shadow:0 18px 50px #00000059;--radius:16px;--font:"DM Sans", system-ui, sans-serif;--display:"Instrument Serif", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;color:var(--foam);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#06100c;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#app{isolation:isolate;width:100%;height:100%;position:relative}#pano{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#pano.is-dragging{cursor:grabbing}.loader{z-index:40;background:radial-gradient(at 50% 35%,#3d9b782e,#0000 55%),linear-gradient(160deg,#0a1611 0%,#06100c 55%,#0b1a14 100%);place-content:center;gap:.65rem;transition:opacity .55s,visibility .55s;display:grid;position:absolute;inset:0}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader__ring{border:2px solid #f3f7f426;border-top-color:var(--accent);border-radius:50%;width:52px;height:52px;margin:0 auto .4rem;animation:.9s linear infinite spin}.loader__brand{text-align:center;font-family:var(--display);letter-spacing:.02em;margin:0;font-size:clamp(2.4rem,6vw,3.4rem);font-weight:400}.loader__text{text-align:center;color:var(--mist);margin:0;font-size:.92rem}@keyframes spin{to{transform:rotate(360deg)}}.topbar{z-index:20;pointer-events:none;background:linear-gradient(#06100c8c,#0000);justify-content:space-between;align-items:center;padding:1rem 1.15rem;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:.75rem;display:flex}.brand__mark{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 6px var(--accent-soft);border-radius:50%}.brand__title{font-family:var(--display);margin:0;font-size:1.55rem;font-weight:400;line-height:1}.brand__subtitle{letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin:.15rem 0 0;font-size:.72rem}.icon-btn{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;place-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:grid}.icon-btn:hover{background:#14241cd9}.icon-btn--sm{border-radius:8px;width:30px;height:30px;font-size:1.15rem;line-height:1}.nav-dock{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:.55rem;width:min(920px,100% - 1.5rem);display:flex;position:absolute;transform:translate(-50%)}.nav-dock__group{pointer-events:auto;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;gap:.35rem;padding:.4rem;display:flex}.nav-btn{letter-spacing:.04em;text-transform:uppercase;color:var(--mist);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.78rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.nav-btn:hover,.nav-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--foam)}.nav-btn__icon{opacity:.9;place-items:center;display:grid}.ctrl-btn{width:38px;height:38px;color:var(--mist);border-radius:50%;place-items:center;transition:background .2s,color .2s,transform .15s;display:grid}.ctrl-btn:hover{color:var(--foam);background:#f3f7f414}.ctrl-btn:active{transform:scale(.94)}.ctrl-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--foam)}.ctrl-divider{background:var(--line);align-self:stretch;width:1px;margin:.35rem .15rem}.side-panel{z-index:25;border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(280px,100% - 2rem);max-height:calc(100% - 10rem);box-shadow:var(--shadow);padding:.9rem;animation:.28s rise;position:absolute;top:5.2rem;left:1rem;overflow:auto}.side-panel__head{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.side-panel__head h2{letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin:0;font-size:.78rem;font-weight:600}.layer-list,.hotspot-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.layer-item,.hotspot-item{text-align:left;background:#f3f7f40a;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.7rem .75rem;transition:background .2s,border-color .2s;display:flex}.layer-item:hover,.hotspot-item:hover{border-color:var(--line);background:#f3f7f414}.layer-item__label,.hotspot-item__label{font-size:.92rem;font-weight:500;display:block}.layer-item__meta,.hotspot-item__meta{color:var(--mist);font-size:.72rem;display:block}.switch{background:#f3f7f429;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--foam);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch.is-on{background:var(--accent)}.switch.is-on:after{transform:translate(16px)}.hotspot-markers{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hotspot{pointer-events:auto;cursor:pointer;transform-origin:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:opacity .25s;position:absolute;top:0;left:0}.hotspot.is-hidden,.hotspot.is-behind{opacity:0;pointer-events:none}.hotspot__pulse{border:1px solid #3d9b788c;border-radius:50%;animation:2.2s ease-out infinite pulse;position:absolute;inset:-8px}.hotspot__dot{background:radial-gradient(circle at 35% 30%, #7ed9b4, var(--accent) 55%, #1f6b4f);border:2px solid #f3f7f4e6;border-radius:50%;transition:transform .2s,box-shadow .2s;position:absolute;inset:0;box-shadow:0 4px 14px #00000059}.hotspot:hover .hotspot__dot,.hotspot.is-active .hotspot__dot{box-shadow:0 0 0 6px var(--accent-soft), 0 6px 18px #0006;transform:scale(1.18)}@keyframes pulse{0%{opacity:.85;transform:scale(.7)}to{opacity:0;transform:scale(1.7)}}.tooltip{z-index:30;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:240px;box-shadow:var(--shadow);pointer-events:none;border-radius:14px;padding:.85rem .95rem;animation:.2s rise;position:absolute;transform:translate(-50%,calc(-100% - 18px))}.tooltip__title{font-family:var(--display);margin:0;font-size:1.2rem;font-weight:400}.tooltip__desc{color:var(--mist);margin:.3rem 0 0;font-size:.82rem;line-height:1.4}.info-card{z-index:25;border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(300px,100% - 2rem);box-shadow:var(--shadow);padding:1.15rem 1.2rem 1.2rem;animation:.28s rise;position:absolute;top:5.2rem;right:1rem}.info-card__close{position:absolute;top:.7rem;right:.7rem}.info-card__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.7rem;font-weight:600}.info-card__title{font-family:var(--display);margin:.35rem 0 .55rem;font-size:1.85rem;font-weight:400;line-height:1.05}.info-card__body{color:var(--mist);margin:0;font-size:.9rem;line-height:1.5}.info-card__hints{gap:.35rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.info-card__hints li{color:var(--foam);background:#f3f7f40d;border-radius:8px;padding:.45rem .6rem;font-size:.78rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.nav-dock{bottom:max(.7rem, env(safe-area-inset-bottom))}.nav-btn{padding:.5rem .7rem;font-size:.7rem}.nav-btn__icon{display:none}.side-panel,.info-card{top:auto;bottom:5.8rem}.info-card{width:auto;left:1rem;right:1rem}}