:root{color:#252d2a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#fbfcf9;--ink:#252d2a;--muted:#636b66;--line:#d6dcd4;--accent:#284f3d;--radius:12px;--shadow:0 8px 32px #20322a10;background:#eeefeb;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #62806b}button{white-space:nowrap;background:0 0;border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:not(:disabled):active{transform:scale(.98)}#app{width:100%;height:100dvh;min-height:580px;position:relative;overflow:hidden}#viewport,#labels{position:absolute;inset:0}#viewport canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#viewport canvas:focus-visible{outline-offset:-3px;outline:2px solid #62806b}#labels{pointer-events:none;overflow:hidden}.header{pointer-events:none;background:linear-gradient(#eeefebf2,#eeefeb00);justify-content:space-between;align-items:center;height:88px;padding:0 36px;display:flex;position:absolute;top:0;left:0;right:0}.header>*{pointer-events:auto}.brand{align-items:center;gap:20px;display:flex}.brand strong{letter-spacing:.04em;font-size:21px;font-weight:650}.brand span{color:var(--muted);border-left:1px solid #bcc5bd;padding-left:20px;font-size:13px}.header-actions{align-items:center;gap:20px;display:flex}.model-status{color:var(--muted);font-size:12px}.model-status.ready:before{content:"";vertical-align:middle;background:#54795d;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.quiet-button{border-radius:8px;padding:11px 13px;font-size:13px}.quiet-button:hover{background:#e1e7df}.destinations{background:var(--surface);border-radius:var(--radius);width:218px;box-shadow:var(--shadow);border:1px solid #dce0d8;padding:19px 13px 14px;position:absolute;top:124px;left:36px}.nav-heading{justify-content:space-between;align-items:center;margin:0 10px 15px;font-size:13px;font-weight:600;display:flex}.nav-heading button{color:var(--muted);padding:5px;font-size:11px}.viewpoint{text-align:left;border-radius:8px;grid-template-columns:28px 1fr 14px;align-items:center;gap:5px;width:100%;padding:13px 10px;display:grid}.viewpoint:hover{background:#f0f3ed}.viewpoint[aria-current=true]{background:#e6ece4}.viewpoint-number{color:#808981;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.viewpoint-title{font-size:14px;font-weight:550;display:block}.viewpoint-detail{color:var(--muted);text-overflow:ellipsis;margin-top:6px;font-size:10px;line-height:1.5;display:block;overflow:hidden}.viewpoint>span:nth-child(2){min-width:0}.viewpoint-arrow{color:#7a887c;font-size:14px}.nav-note{color:var(--muted);border-top:1px solid #e3e7df;margin:6px 0 0;padding:12px 10px 0;font-size:11px;line-height:1.6}.destinations.collapsed #viewpoints,.destinations.collapsed .nav-note{display:none}.destinations.collapsed .nav-heading{margin-bottom:0}.destinations.collapsed{padding-bottom:18px}.project-info{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:322px;box-shadow:var(--shadow);z-index:3;padding:24px;position:absolute;top:88px;right:36px}.info-top{justify-content:space-between;align-items:center;display:flex}.info-top h2{margin:0;font-size:16px}.info-top button{color:var(--muted);padding:6px;font-size:11px}.project-info p{color:var(--muted);margin:19px 0;font-size:12px;line-height:1.9}.project-info dl{margin:22px 0;font-size:12px}.project-info dl div{justify-content:space-between;gap:14px;margin:13px 0;display:flex}.project-info dt{color:var(--muted)}.project-info dd{text-align:right;margin:0}.project-info .info-note{border-top:1px solid var(--line);padding-top:17px;font-size:11px}.download-link{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:11px 13px;font-size:12px;display:flex}.download-link:hover{background:#e6ece4}.download-link[aria-disabled=true]{pointer-events:none;opacity:.4}.load-state{text-align:center;pointer-events:none;width:min(430px,100% - 44px);padding:30px 18px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.load-state button{pointer-events:auto}.load-caption{letter-spacing:.1em;color:#778279;font-size:11px}.load-state h1{letter-spacing:.01em;margin:20px 0 14px;font-size:28px;font-weight:500}.load-state p{color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.8}.load-state progress{width:160px;height:2px;accent-color:var(--accent);background:#dbe1d8;border:0;border-radius:1px;margin:0 auto 12px;display:block;overflow:hidden}.load-state progress::-webkit-progress-bar{background:#dbe1d8}.load-state progress::-webkit-progress-value{background:var(--accent)}.load-state progress::-moz-progress-bar{background:var(--accent)}.load-percent{color:var(--muted);font-size:10px}.primary-button{background:var(--accent);color:#fff;border-radius:8px;margin:20px auto 0;padding:12px 20px;font-size:12px;display:block}.primary-button:hover{background:#1e3c2e}.view-caption{pointer-events:none;position:absolute;bottom:134px;left:36px}.view-caption span{display:block}.view-caption span:first-child{letter-spacing:.04em;font-size:22px;font-weight:500}.view-caption span:last-child{color:var(--muted);margin-top:9px;font-size:12px}.controls-wrap{pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:23px;left:0;right:0}.controls-wrap>*{pointer-events:auto}.interaction-help{color:#59655d;background:#eeefebdf;border-radius:8px;margin:0;padding:6px 12px;font-size:11px}.toolbar{background:var(--surface);box-shadow:var(--shadow);border:1px solid #d8ded4;border-radius:14px;align-items:center;gap:2px;padding:7px;display:flex}.mode-switch{background:#edf0e9;border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex}.mode-switch button{border-radius:7px;padding:11px 18px;font-size:12px}.mode-switch button[aria-pressed=true]{background:var(--accent);color:#fff}.toolbar-separator{background:var(--line);width:1px;height:19px;margin:0 8px}.toggle-button{border-radius:8px;align-items:center;gap:6px;padding:11px 10px;font-size:12px;display:flex}.toggle-button:hover{background:#e6ece4}.toggle-light{border:1px solid #929f93;border-radius:50%;width:5px;height:5px;display:inline-block}.toggle-button[aria-pressed=true] .toggle-light{background:var(--accent);border-color:var(--accent)}.scale-note{color:#778177;letter-spacing:.025em;font-size:10px}.space-label{pointer-events:auto;white-space:nowrap;background:#fcfdfaef;border:1px solid #d7dfd2;border-radius:7px;padding:8px 11px;font-size:11px;transition:background .16s,opacity .16s;position:absolute;top:0;left:0;box-shadow:0 4px 16px #263d2418}.space-label:hover{background:#dfe9dc}.space-label:after{content:"";background:#98a994;width:1px;height:12px;display:block;position:absolute;bottom:-13px;left:50%}.toast{color:#fff;box-shadow:var(--shadow);z-index:5;background:#263d30;border-radius:8px;padding:12px 20px;font-size:12px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.walk-pad{grid-template-rows:repeat(2,38px);grid-template-columns:repeat(3,38px);gap:5px;display:grid;position:absolute;bottom:155px;right:36px}.walk-pad button{background:var(--surface);border:1px solid var(--line);touch-action:none;box-shadow:var(--shadow);border-radius:8px;font-size:17px}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-area:2/1}.walk-pad button:nth-child(3){grid-area:2/2}.walk-pad button:nth-child(4){grid-area:2/3}.walk-pad button.pressed{background:var(--accent);color:#fff}.walk-mode .view-caption{background:#fafbf7eb;border:1px solid #e0e4db;border-radius:10px;padding:15px 18px}.walk-mode .view-caption span:first-child{font-size:16px}.walk-mode .destinations{background:#fbfcf9f5}@media (width<=1050px){.header{padding:0 24px}.destinations{width:194px;left:24px}.viewpoint{grid-template-columns:21px 1fr 10px;padding:12px 8px}.viewpoint-detail{font-size:9px}.view-caption{left:24px}.toolbar .quiet-button,.toggle-button{padding:11px 9px}.toolbar-separator{margin:0 5px}.project-info,.walk-pad{right:24px}.load-state{left:59%}}@media (width<=767px){#app{min-height:480px}.header{height:72px;padding:0 18px}.brand{gap:11px}.brand strong{font-size:17px}.brand span{padding-left:11px;font-size:10px}.header-actions{gap:4px}.model-status{display:none}.header-actions .quiet-button{padding:10px;font-size:11px}.destinations{width:auto;padding:13px 11px 10px;top:84px;left:18px;right:18px}.nav-heading{margin:0 5px 8px;font-size:11px}.nav-heading button{font-size:10px}.nav-note{display:none}.destinations nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.viewpoint{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 8px;display:flex}.viewpoint-title{font-size:11px}.viewpoint-number{font-size:9px}.viewpoint-detail,.viewpoint-arrow{display:none}.destinations.collapsed{padding:11px}.project-info{z-index:6;width:min(322px,100% - 36px);top:74px;right:18px}.load-state{padding:15px;top:49%;left:50%}.load-state h1{font-size:24px}.view-caption{bottom:184px;left:20px}.view-caption span:first-child{font-size:18px}.view-caption span:last-child{font-size:10px}.controls-wrap{gap:8px;bottom:13px}.toolbar{grid-template-columns:repeat(5,1fr);gap:2px;width:calc(100% - 30px);max-width:460px;padding:6px;display:grid}.mode-switch{grid-column:1/-1;justify-content:stretch;margin-bottom:3px}.mode-switch button{flex:1;padding:10px 14px;font-size:11px}.toolbar-separator{display:none}.toggle-button{justify-content:center;gap:5px;padding:10px 4px;font-size:11px}.toolbar .quiet-button{padding:10px 4px;font-size:11px}.interaction-help{padding:5px 10px;font-size:10px}.scale-note{font-size:9px}.space-label{padding:7px 9px;font-size:10px}.walk-pad{grid-template-rows:repeat(2,35px);grid-template-columns:repeat(3,35px);gap:4px;bottom:185px;right:18px}.walk-mode .view-caption{max-width:calc(100% - 160px);padding:11px 13px}.walk-mode .view-caption span:first-child{font-size:14px}.walk-mode .view-caption span:last-child{line-height:1.6}.toast{text-align:center;width:max-content;max-width:calc(100% - 38px);font-size:11px;line-height:1.6;bottom:178px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#labels{z-index:1}.header{z-index:3}.destinations,.controls-wrap,.walk-pad,.view-caption{z-index:2}.load-state{z-index:3}.project-info{z-index:4}.toast{z-index:5}.project-info .environment-note{margin:14px 0;font-size:10px;line-height:1.8}.environment-note a{text-underline-offset:3px;text-decoration:underline}.project-info{max-height:calc(100dvh - 106px);overflow-y:auto}.download-link+.download-link{margin-top:8px}@media (width<=767px){.destinations nav{grid-template-columns:repeat(3,minmax(0,1fr))}}.tour-panel{background:var(--surface);width:min(580px,100vw - 48px);box-shadow:var(--shadow);border:1px solid #d8ded4;border-radius:14px;align-items:center;gap:12px;padding:7px 8px 7px 7px;display:flex}.tour-play{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.tour-play:hover{background:#1e3c2e}.tour-play svg{fill:currentColor;width:15px;height:15px}.tour-play[data-state=playing] .icon-play,.tour-play[data-state=paused] .icon-pause{display:none}.tour-track{cursor:pointer;border-radius:6px;flex:1;height:30px;position:relative}.tour-track:focus-visible{outline-offset:2px;outline:2px solid #62806b}.tour-rail{background:#e1e6de;border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0;overflow:hidden}.tour-fill{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}.tour-marks{pointer-events:none;position:absolute;inset:0}.tour-mark{background:var(--surface);pointer-events:auto;border:2px solid #9aa89c;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;padding:0;transition:border-color .15s,transform .15s;position:absolute;top:50%}.tour-mark:hover{border-color:var(--accent);transform:scale(1.25)}.tour-time{color:var(--muted);text-align:right;flex:none;min-width:78px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.tour-exit{flex:none}.tour-mode .view-caption{border-color:#cfd9cc;bottom:206px}.tour-mode .walk-pad{bottom:212px}.tour-mode .toast{bottom:224px}.screen-picker{position:relative}.screen-toggle{gap:8px}.screen-style-name{color:var(--accent);font-weight:600}.screen-swatch-mini{border-radius:3px;width:16px;height:11px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.screen-menu{background:var(--surface);border:1px solid var(--line);z-index:6;border-radius:12px;width:318px;padding:12px;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #20322a24}.screen-menu-title{color:var(--muted);letter-spacing:.04em;margin:2px 6px 10px;font-size:11px}.screen-option{text-align:left;white-space:normal;border-radius:8px;grid-template-columns:48px 1fr 14px;align-items:center;gap:12px;width:100%;padding:10px 8px;display:grid}.screen-option:hover{background:#f0f3ed}.screen-option[aria-checked=true]{background:#e6ece4}.screen-option:after{content:"";border:1px solid #9aa89c;border-radius:50%;justify-self:center;width:8px;height:8px}.screen-option[aria-checked=true]:after{background:var(--accent);border-color:var(--accent)}.screen-option-name{font-size:13px;font-weight:600;display:block}.screen-option-detail{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}.screen-swatch{border-radius:6px;width:48px;height:30px;display:block;box-shadow:inset 0 0 0 1px #0000001a}.swatch-art,.screen-toggle[data-style=art] .screen-swatch-mini{background:radial-gradient(circle at 80% 26%,#c0432f 0 9%,#0000 10%),radial-gradient(26% 70% at 30% 100%,#56646e 0 58%,#0000 60%),radial-gradient(20% 46% at 52% 100%,#8a979f 0 58%,#0000 60%),radial-gradient(40% 30% at 75% 100%,#b9c2c6 0 58%,#0000 60%),#efe8d8}.swatch-edu,.screen-toggle[data-style=edu] .screen-swatch-mini{background:linear-gradient(#c9a96e,#c9a96e) 22% 58%/34% 2px no-repeat,linear-gradient(#f3efe6,#f3efe6) 22% 38%/48% 4px no-repeat,linear-gradient(135deg,#16324f,#0a1829)}.swatch-fun,.screen-toggle[data-style=fun] .screen-swatch-mini{background:radial-gradient(circle at 24% 36%,#ffc94a 0 18%,#0000 19%),radial-gradient(circle at 62% 64%,#ff6b6b 0 16%,#0000 17%),radial-gradient(circle at 84% 30%,#2ec4b6 0 12%,#0000 13%),#fff4e2}.screen-go{border-top:1px solid var(--line);width:100%;color:var(--accent);border-radius:0 0 8px 8px;justify-content:space-between;margin-top:8px;padding:11px 10px;font-size:12px;display:flex}.screen-go:hover{background:#f0f3ed}@media (width<=1050px){.screen-toggle-label{display:none}}@media (width<=767px){.toolbar{grid-template-columns:1.7fr 1fr 1fr 1fr}.screen-menu{width:min(318px,100vw - 36px);left:0;transform:none}.tour-panel{gap:8px;width:calc(100% - 30px)}.tour-time{min-width:0;font-size:10px}.tour-mode .view-caption,.tour-mode .walk-pad{bottom:252px}.tour-mode .toast{bottom:262px}}