@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Outfit:wght@400;500;600;650;700;750&display=swap";:root{font-family:DM Sans,sans-serif;color:#203f40;font-synthesis:none;background:#80c5d3}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}button{transition:background .2s,transform .2s}button:hover{background:#fffdf2;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #ea7851;outline-offset:4px}button:disabled{opacity:.45}svg{width:19px;height:19px;stroke-width:1.6}#app,#scene{position:fixed;top:0;right:0;bottom:0;left:0}#scene{outline:0;cursor:grab}#scene:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(225,245,238,.2),transparent 28%,transparent 75%,rgba(22,99,119,.13))}.identity{position:absolute;top:43px;left:48px;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;display:flex;align-items:center;gap:9px}.sunmark{font-size:27px;line-height:26px}h1{font-family:Outfit,sans-serif;font-size:62px;letter-spacing:-3px;font-weight:600;margin:8px 0 5px;line-height:1.05}h1 span{font:14px DM Sans,sans-serif;vertical-align:top;display:inline-block;margin:8px 0 0 6px;display:none}.identity p{font-size:13px;margin:12px 0 23px;letter-spacing:.1px;color:#436266}.live{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.live>span,.view-label>span:first-child{width:5px;height:5px;border-radius:50%;background:#32856e}.live b{border-left:1px solid #739b9d;padding-left:12px;margin-left:4px;font-size:11px;font-weight:500;letter-spacing:0}.live svg{width:14px;height:14px}.top-tools{position:absolute;right:36px;top:36px;display:flex;gap:12px}.glass{background:#fffdf3e6;border:1px solid rgba(255,255,255,.65);box-shadow:0 4px 20px #244f5310;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.time-switch{display:flex;padding:5px;gap:3px;border:1px solid #ffffff60;border-radius:30px;background:#f7fcf43d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.time-switch button{display:flex;align-items:center;gap:8px;border-radius:23px;background:transparent;padding:9px 13px;font-size:11px}.time-switch button.active{background:#fffdf0;box-shadow:0 2px 7px #224c4910}.time-switch button:not(.active) span{display:none}.square{width:46px;height:46px;border-radius:50%;display:grid;place-items:center}.scene-caption{position:absolute;top:50%;left:27px;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:17px;font-size:8px;letter-spacing:2px;opacity:.65}.caption-line{height:53px;width:1px;background:#426b70}.places-wrap{position:absolute;bottom:99px;left:36px}.explore{display:flex;align-items:center;text-align:left;padding:15px 17px 15px 13px;border-radius:14px;gap:13px}.explore-icon{background:#e5ebde;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.explore>span:nth-child(2){font-size:12px;font-weight:650}.explore small{display:block;font-size:10px;font-weight:400;color:#78847c;margin-top:5px}.explore .chevron{width:15px;margin-left:18px}.places{border-radius:17px;margin-bottom:12px;width:310px;padding:17px}.panel-heading{font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-heading button{background:transparent;display:grid;place-items:center;padding:3px}.panel-heading svg{width:16px}.places>button{background:transparent;display:flex;align-items:center;gap:12px;width:100%;padding:13px 2px;text-align:left;border-top:1px solid #30443b12;font-size:12px}.places>button:hover{background:#e4ecd9;border-radius:7px}.place-icon{font-size:10px;color:#849786}.places small{display:block;font-size:10px;color:#7b8880;margin-top:4px}.places>button>svg{margin-left:auto;width:16px}.navigation{position:absolute;right:36px;bottom:98px;display:flex;flex-direction:column;align-items:center;gap:13px}.zoom{display:flex;flex-direction:column;border-radius:25px;align-items:center;padding:4px}.zoom button{background:transparent;width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.zoom>span{width:17px;height:1px;background:#d4ddd4}.navigation .square{width:44px;height:44px}#compass{position:relative;width:58px;height:69px;background:transparent;padding:10px 0 0}#compass>span{position:absolute;top:0;left:26px;font-size:9px;font-weight:700}#compass svg{height:58px;width:58px}#compass circle{fill:#fffced70;stroke:#fffceb9c;stroke-width:1}#compass path{stroke:none}footer{position:absolute;bottom:26px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.credit{color:#325a60;text-decoration:none;display:flex;gap:6px;align-items:center;font-size:9px}.credit svg{width:12px;height:12px}.credit b{font-weight:600}.controls{display:flex;gap:17px;align-items:center;border-radius:30px;padding:13px 15px 13px 20px;font-size:10px;color:#75817a}.controls>span{display:flex;gap:6px;align-items:center;white-space:nowrap}.controls svg{width:16px;height:16px;color:#4c6158}.controls b{font-weight:550;color:#314c42}.controls em{height:15px;width:1px;background:#d9dfd4}.controls kbd{font:9px DM Sans,sans-serif;letter-spacing:1px;border:1px solid #cdd6c9;border-radius:4px;padding:3px;color:#45604f}.controls button{border:1px solid #bdc9bd;background:transparent;border-radius:50%;height:19px;width:19px;font-size:10px;padding:0;color:#657664}.view-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;min-width:175px;justify-content:flex-end}.view-label>span:first-child{background:#467d80;width:4px;height:4px}.help-panel{position:absolute;bottom:90px;left:50%;transform:translate(-50%);width:340px;padding:22px;border-radius:18px}.help-panel p{display:flex;flex-direction:column;gap:4px;font-size:11px;margin:15px 0}.help-panel p span{color:#7c877c}.loading{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;background:#fffdf0ee;padding:30px;border-radius:20px;font-size:12px}.loading>span:last-child{font-size:10px;color:#7e8980}.spinner{width:25px;height:25px;border:2px solid #d3e2d7;border-top-color:#376e5b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}#toast{position:absolute;top:110px;left:50%;transform:translate(-50%);background:#fffdf0;padding:10px 18px;border-radius:30px;font-size:12px;opacity:0;transition:opacity .3s;pointer-events:none}#toast.show{opacity:1}@media(min-width:1500px){h1{font-size:72px}.identity{top:55px;left:55px}}@media(max-width:1050px){.license,.view-label{display:none}footer{justify-content:space-between}.controls{gap:11px}.identity{left:30px;top:32px}h1{font-size:52px}}@media(max-width:650px){.identity{top:26px;left:23px}.eyebrow{font-size:8px;letter-spacing:1.5px}.sunmark{font-size:22px}h1{font-size:43px;letter-spacing:-2px}.identity p{font-size:10px;margin-top:10px}.live{font-size:8px}.top-tools{top:25px;right:18px;flex-direction:column;align-items:flex-end;gap:9px}.top-tools .square{width:37px;height:37px}.time-switch button{padding:7px}.time-switch button span{display:none!important}.time-switch svg{width:16px;height:16px}.scene-caption{display:none}.places-wrap{left:18px;bottom:108px}.explore{padding:11px;gap:9px}.explore>span:nth-child(2){font-size:11px}.explore small{font-size:9px}.explore .chevron{margin-left:1px}.explore-icon{width:31px;height:31px}.navigation{right:18px;bottom:106px;gap:9px}.navigation .square{width:39px;height:39px}.zoom button{width:29px;height:32px}footer{bottom:18px;left:18px;right:18px;flex-direction:column-reverse;gap:15px}.controls{font-size:9px;padding:11px 13px;gap:9px}.controls>span{gap:4px}.controls kbd{font-size:8px}.controls svg{width:13px}.credit{font-size:8px}.help-panel{bottom:105px;width:calc(100% - 36px)}.places{width:275px}.loading{width:240px}#toast{top:185px;white-space:nowrap;font-size:11px}}