@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;450;500;550;600;650&display=swap";:root{font-family:DM Sans,sans-serif;color:#eeeae4;background:#15272e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e8b6be;outline-offset:5px}main{height:100svh;min-height:650px;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,25,.48),transparent 54%),linear-gradient(0deg,rgba(8,19,23,.86),transparent 24%,transparent 80%,rgba(9,21,25,.45))}header{position:absolute;top:0;width:100%;padding:30px 4%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;color:#f0ece5;text-decoration:none;letter-spacing:-1px;font-weight:550;display:flex;align-items:center;gap:9px}.brand-flower{font-size:34px;line-height:1;color:#e4b8bd;font-weight:400}.brand-dot{color:#e5b6be;margin-left:-8px}.header-right{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.6px;color:#c6ceca}.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#bbc8ae;box-shadow:0 0 8px #b0c8a555}.divider{height:14px;width:1px;background:#ced7cc30;margin:0 10px}.header-right .icon-button{margin-left:20px;border:1px solid #ced7cc35;border-radius:50%;width:36px;height:36px}.intro{position:absolute;left:6.3%;top:23%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.7px;color:#c0c8c0;display:flex;align-items:center;gap:13px}.eyebrow>span{width:25px;height:1px;background:#d5b5b0}h1{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(56px,5.6vw,86px);font-weight:400;line-height:.99;letter-spacing:-2.4px;margin:25px 0 23px}h1 em{color:#e6bbc1;font-weight:400}.intro p{font-size:12px;line-height:1.9;color:#bac3c1;font-weight:400;letter-spacing:.15px}.location{display:flex;align-items:center;gap:15px;margin-top:33px;font-size:8px;letter-spacing:2px;color:#b8c0b9}.japanese{font-family:serif;font-size:19px;letter-spacing:5px;color:#e3d8d1}.little-line{width:25px;height:1px;background:#c1c5b944}.vertical-note{position:absolute;right:4.3%;top:33%;writing-mode:vertical-rl;letter-spacing:8px;font-family:serif;color:#dfdad0;font-size:20px;display:flex;gap:24px}.vertical-note span{font-family:DM Sans,sans-serif;letter-spacing:2.4px;font-size:8px;color:#aab5af}.scene-label{position:absolute;right:6%;bottom:26%;display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1.7px;color:#c4ccc4}.label-line{width:23px;height:1px;background:#bfcbc44a}.weather{margin-left:8px;font-size:13px;letter-spacing:0}.bottom-area{position:absolute;bottom:9.7%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.toolbar{display:flex;align-items:center;gap:12px;white-space:nowrap;padding:15px 20px;border:1px solid #c8cec32b;border-radius:13px;background:#182426c9;box-shadow:0 10px 45px #0002;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.toolbar-title{display:flex;align-items:center;gap:12px;padding-right:9px}.toolbar-title>svg{color:#e6bac3}.toolbar-title>span{font-size:12px;letter-spacing:.1px}.toolbar-title small{display:block;font-size:6px;letter-spacing:1.8px;color:#889b98;margin-top:5px}.tool-separator{height:29px;width:1px;background:#b8c5bb25;margin:0 6px}.icon-button{border:0;background:transparent;width:31px;height:31px;display:flex;align-items:center;justify-content:center;color:#b8c5c1;transition:color .2s,background .2s;border-radius:7px}.icon-button:hover{color:#f3cfda;background:#fff1}.toolbar button:not(.icon-button){display:flex;align-items:center;gap:9px;border:0;border-radius:7px;background:transparent;padding:9px 10px;color:#c8d1ca;font-size:11px}.toolbar button:hover,.toolbar button.selected{background:#c8cec312!important;color:#f0d0d5!important}.time-button svg:first-child{color:#d8c9ac}.interaction-hint{display:flex;align-items:center;gap:8px;color:#879995;font-size:9px;margin-top:18px;letter-spacing:.3px}.mouse-icon{border:1px solid #87999588;border-radius:6px;width:9px;height:13px;position:relative}.mouse-icon:after{content:"";position:absolute;left:3px;top:2px;height:3px;border-left:1px solid #a4b1ac}.hint-dot{margin:0 5px;color:#6e8781}footer{position:absolute;bottom:27px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;color:#819590;font-size:7px;letter-spacing:1.8px}footer>span:nth-child(2){font-family:Cormorant Garamond,serif;font-size:15px;font-style:italic;letter-spacing:.2px;color:#b4beb5}.footer-right{display:flex;align-items:center;gap:15px;letter-spacing:2px}.settings{position:absolute;bottom:115px;right:0;width:300px;padding:20px 22px;border-radius:13px;background:#182528ed;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #c8cec32b;box-shadow:0 12px 50px #0003}.settings-title{display:flex;justify-content:space-between;align-items:center;font-family:Cormorant Garamond,serif;font-size:22px;margin-bottom:18px}.settings label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:16px 0;font-size:11px;color:#ccd3cc}.settings label>span{display:flex;align-items:center;gap:8px}.settings output{font-size:10px;color:#dcb6bf}.settings input{width:100%;height:3px;accent-color:#deb5bf;cursor:pointer}.orbit-toggle{width:100%;background:transparent;border:0;border-top:1px solid #fff1;padding:16px 0 0;text-align:left;font-size:11px;display:flex;justify-content:space-between}.orbit-toggle>span{color:#a6b5af}.orbit-toggle.active>span{color:#e8b8c5}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:serif;font-size:22px}@media(min-width:1600px){.intro{top:25%}}@media(max-width:800px){header{padding:22px 6%}.header-right>span:not(.live-dot){display:none}.header-right{font-size:0;gap:0}.header-right .icon-button{margin:0}.intro{top:18%;left:7%}h1{font-size:64px}.intro p{font-size:11px}.vertical-note{right:6%;font-size:17px;top:30%}.vertical-note span{display:none}.toolbar{gap:3px;padding:13px 10px}.toolbar-title{padding:0 5px}.toolbar-title>span{display:none}.toolbar .tool-separator{margin:0 4px}.toolbar button:not(.icon-button){padding:8px;font-size:10px}.toolbar .reset{display:none}.toolbar .icon-button{width:27px}.bottom-area{bottom:12%;width:max-content;max-width:95%}.scene-label{bottom:30%;font-size:8px}footer>span:first-child{display:none}footer{bottom:25px;font-size:6px}footer>span:nth-child(2){font-size:14px}.location{margin-top:22px}.settings{right:0;width:285px}.intro .eyebrow{font-size:7px;letter-spacing:2px}}.music-credit{padding:4px 0 15px;display:flex;flex-direction:column;gap:5px;color:#899f98;font-size:9px;line-height:1.5}.music-credit>span:first-child{color:#d0c6bc}.music-credit a{color:#d7b4bf;text-decoration:none}.music-credit a:hover{text-decoration:underline}.music-status{font-size:10px;color:#e8c5c7;text-align:center;max-width:350px;line-height:1.5;margin-bottom:10px}.music-status:empty{display:none}.icon-button.music-button.playing{color:#e6bac3;background:#e6bac310}html,body,#root{width:100%;height:100%;overflow:hidden}main{height:100dvh;min-height:0}.scene,.scene canvas{touch-action:none}.back-link{display:inline-flex;align-items:center;min-height:36px;color:#b4c4bd;font-size:11px;letter-spacing:.3px;text-decoration:none}.back-link:hover{color:#edc5cf;text-decoration:underline;text-underline-offset:4px}.desktop-hint{display:flex;align-items:center;gap:8px}.touch-hint{display:none}.settings{max-height:calc(100dvh - 230px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#62766d transparent;touch-action:pan-y}.settings input[type=range]{height:30px;margin:0;background:transparent;appearance:none;touch-action:none}.settings input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#6d7f79}.settings input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;margin-top:-7.5px;background:#deb5bf;border:2px solid #eee0df}.settings input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#6d7f79}.settings input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#deb5bf;border:2px solid #eee0df}@media(max-width:800px){header{padding:calc(14px + env(safe-area-inset-top)) 20px 12px;align-items:center}.brand{font-size:23px}.brand-flower{font-size:29px}.header-right .icon-button{width:44px;height:44px}.header-right .live-dot{margin-right:14px}.intro{left:24px;top:calc(88px + env(safe-area-inset-top))}h1{font-size:clamp(42px,10.5vw,64px);line-height:1.02;letter-spacing:-1.4px;margin:17px 0 12px}.intro p{font-size:11px;line-height:1.6}.intro .location{margin-top:15px}.intro .eyebrow{font-size:7px;letter-spacing:1.8px}.vertical-note{display:none}.scene-label{right:22px;bottom:calc(174px + env(safe-area-inset-bottom));font-size:8px;gap:8px}.bottom-area{bottom:calc(65px + env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:560px}.toolbar{width:100%;min-height:60px;gap:4px;justify-content:space-between;padding:7px 8px;border-radius:15px}.toolbar-title,.toolbar .tool-separator{display:none}.toolbar .icon-button,.toolbar button:not(.icon-button){min-width:44px;min-height:44px;width:auto;height:44px;flex-shrink:0}.toolbar button:not(.icon-button){padding:8px;gap:8px;font-size:11px}.toolbar .reset{display:flex}.toolbar .atmosphere>span,.toolbar .time-button>svg:last-child{display:none}.toolbar .atmosphere>svg{width:19px;height:19px}.interaction-hint{font-size:10px;margin-top:11px;line-height:1.4}.desktop-hint{display:none}.touch-hint{display:inline-flex;align-items:center}.settings{bottom:100px;left:0;right:0;width:100%;max-height:calc(100dvh - 200px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:14px 20px}.settings-title{margin-bottom:8px;font-size:23px}.settings-title .icon-button{width:44px;height:44px}.settings label{margin:10px 0;gap:4px;font-size:12px}.settings output{font-size:11px}.settings .orbit-toggle{min-height:44px;align-items:center;padding:10px 0 0;font-size:12px}.music-credit{font-size:10px;padding-bottom:9px}.music-credit a{display:inline-block;padding:3px 0}footer{left:20px;right:20px;bottom:env(safe-area-inset-bottom);height:48px;justify-content:center}footer>span{display:none!important}.back-link{min-height:44px;padding:0 12px;font-size:12px}.music-status{font-size:11px;max-width:100%}}@media(max-width:800px)and (max-height:720px){.intro p,.intro .location{display:none}.intro{top:calc(75px + env(safe-area-inset-top))}.scene-label{bottom:calc(165px + env(safe-area-inset-bottom))}}@media(max-width:360px){.bottom-area{width:calc(100% - 20px)}.toolbar{gap:0;padding:6px}.toolbar button:not(.icon-button){gap:6px}.intro{left:20px}h1{font-size:42px}.scene-label{right:16px;letter-spacing:1px}}@media(max-height:500px)and (orientation:landscape){header{padding:8px max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left))}.intro{top:76px;left:max(24px,env(safe-area-inset-left))}.intro h1{font-size:38px;margin:12px 0}.intro p,.intro .location,.vertical-note,.scene-label{display:none}.bottom-area{left:auto;right:max(16px,env(safe-area-inset-right));transform:none;bottom:calc(12px + env(safe-area-inset-bottom));width:330px;max-width:calc(100% - 190px)}.toolbar-title,.tool-separator{display:none!important}.toolbar{min-height:56px;padding:6px;gap:2px;justify-content:space-between}.toolbar .icon-button,.toolbar button:not(.icon-button){min-width:44px;min-height:44px}.toolbar .reset{display:flex}.toolbar .atmosphere>span,.toolbar .time-button>svg:last-child{display:none}.interaction-hint{display:none}.settings{bottom:68px;left:0;right:0;width:100%;max-height:calc(100dvh - 92px);padding:12px 18px}footer{right:auto;left:max(14px,env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));height:44px;width:150px}footer>span{display:none!important}}@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline-flex}.icon-button{min-width:44px;min-height:44px}}.wind-direction{display:grid;grid-template-columns:108px 1fr;gap:0 18px;align-items:center;padding:12px 0 14px;margin:4px 0 10px;border-top:1px solid #c8cec31a;border-bottom:1px solid #c8cec31a}.wind-direction>label{margin:0;min-width:0}.wind-direction>p{grid-column:1/-1;margin:10px 0 0;text-align:center;color:#93a7a4;font-size:9px;letter-spacing:.2px}.wind-rose{width:108px;position:relative}.wind-rose svg{display:block;width:108px;height:108px;overflow:visible}.wind-rose__ring,.wind-rose__inner{fill:none;stroke:#c8cec333;stroke-width:.7}.wind-rose__inner{stroke-dasharray:1 4;opacity:.6}.wind-rose__tick{fill:none;stroke:#d2d9ce80;stroke-width:1}.wind-rose__star{fill:#b5c8be0d;stroke:#b5c8be30;stroke-width:.6}.wind-rose text{fill:#b7c9c3;text-anchor:middle;font:9px DM Sans,sans-serif}.wind-rose text:first-of-type{fill:#e8b6be}.wind-rose__needle{transition:opacity .2s}.wind-rose__head{fill:#edbdc8}.wind-rose__tail{fill:#718e89}.wind-rose__hub{fill:#e6e5d9;stroke:#263b3b;stroke-width:1.2}.wind-rose__caption{display:grid;gap:4px;text-align:center;font-size:8px;color:#9eb2ab}.wind-rose__caption strong{font-size:11px;color:#e8c2cb;font-weight:500}.wind-rose__caption strong span{color:#adbfb7;margin-left:4px}.wind-rose.is-calm .wind-rose__needle{opacity:.3}.settings{max-height:min(75svh,620px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6c8580 transparent}.settings input:focus-visible{outline:2px solid #e8b6be;outline-offset:4px}@media(max-width:600px){.wind-direction{grid-template-columns:90px 1fr;gap:0 12px}.wind-rose,.wind-rose svg{width:90px}.wind-rose svg{height:90px}}