@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+JP:wght@300;400;500&display=swap');
:root{color-scheme:dark;--ink:#eef4ee;--muted:#a6b8bd;--accent:#cbefc8;--line:rgba(226,243,237,.16);--glass:rgba(8,24,31,.73)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030a10;color:var(--ink);font-family:'DM Sans','Hiragino Sans',sans-serif;font-size:13px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:none;border:0}button:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:wait}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.5}#globe,#ocean{position:absolute;inset:0}#ocean{z-index:2}#ocean canvas{display:block;width:100%;height:100%}[hidden]{display:none!important}.vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(1,8,15,.66),transparent 22%,transparent 60%,rgba(1,9,14,.76)),linear-gradient(90deg,rgba(1,9,14,.3),transparent 40%,transparent 75%,rgba(1,9,14,.32))}
.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:.19em;font-weight:500;line-height:1.05}.brand-symbol{font-size:35px;font-weight:400;color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:.26em;margin-top:8px;color:var(--muted)}.view-switch{display:flex;border:1px solid var(--line);border-radius:24px;padding:4px;background:rgba(9,25,31,.5);backdrop-filter:blur(15px);gap:3px}.view-switch button{padding:9px 25px;border-radius:20px;font-size:12px}.view-switch .selected{background:#e7f0e7;color:#172921}.top-actions{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.02em;color:var(--muted)}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #cbefc888}.icon-btn{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-family:Georgia,serif;font-size:17px;margin-left:9px}.intro{position:absolute;z-index:4;top:20%;left:48px;pointer-events:none;transition:opacity .5s,transform .5s}.eyebrow{font-size:9px;letter-spacing:.23em;color:var(--accent);font-weight:500}.intro h1{font-family:'Noto Serif JP',serif;font-size:clamp(40px,4.5vw,68px);font-weight:300;line-height:1.5;letter-spacing:.07em;margin:18px 0 20px}.intro em{font-style:normal;color:#daeadc}.intro p{font-size:11px;letter-spacing:.06em;color:var(--muted)}.intro-line{width:36px;height:1px;background:var(--accent);margin-top:30px;opacity:.7}
.location-panel{position:absolute;right:36px;top:122px;z-index:8;width:300px;background:linear-gradient(145deg,rgba(17,39,47,.8),rgba(5,21,29,.76));border:1px solid var(--line);border-radius:15px;padding:20px;backdrop-filter:blur(24px);box-shadow:0 18px 70px #0002;max-height:calc(100dvh - 335px);overflow-y:auto;scrollbar-width:thin}#search-form{display:flex;align-items:center;gap:8px;padding-bottom:15px;border-bottom:1px solid var(--line)}#search-form svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}#search{min-width:0;width:100%;background:transparent;border:0;color:var(--ink);font-size:11px;outline-offset:3px}#search::placeholder{color:#9eafb5}#search-form button{color:var(--muted);font-size:18px}#search-results{padding:8px 0;border-bottom:1px solid var(--line)}.search-result{display:block;text-align:left;width:100%;padding:10px 4px;border-bottom:1px solid #ffffff09}.search-result small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.search-empty{color:var(--muted);font-size:11px;padding:10px 0}.place-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.place-head .eyebrow{font-size:8px;letter-spacing:.14em;margin:0 0 8px}.place-head h2{font-size:21px;font-weight:500;letter-spacing:.06em;margin:0}.coordinates{font-size:9px;letter-spacing:.06em;color:var(--muted);margin:7px 0 18px}.temperature{display:flex;align-items:center;gap:4px;margin:10px 0 24px}.temperature>span:first-child{font-size:27px;color:var(--accent);margin-right:9px}.temperature strong{font-weight:400;font-size:56px;letter-spacing:-.05em;line-height:1}.temperature .degree{font-size:27px;align-self:flex-start;margin-top:1px}.temperature>div{margin-left:auto;font-size:12px}.temperature small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:23px}.metrics>div>span{display:block;color:var(--muted);font-size:10px}.metrics b{display:inline-block;color:var(--accent);font-weight:400}.metrics strong{display:block;font-size:19px;font-weight:400;margin-top:7px}.metrics small{font-size:9px;color:var(--muted)}.marine-row{display:flex;gap:17px;align-items:center;padding:17px 0 9px;border-top:1px solid var(--line)}.wave-symbol{color:var(--accent);font-size:26px}.marine-row>div>span{display:block;font-size:9px;color:var(--muted)}.marine-row strong{display:block;margin-top:6px;font-weight:400;font-size:19px;white-space:nowrap}.marine-row small{font-size:10px;color:var(--muted)}#dive-btn{font-size:10px;margin-left:auto;padding:8px 0;white-space:nowrap}#dive-btn span{display:block;margin-top:5px;color:var(--accent);text-align:right}.data-note{font-size:9px;color:#a9bcc1;line-height:1.7;margin:7px 0 0;min-height:0}.data-note:empty{display:none}.forecast-heading{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:23px 0 16px}.forecast-heading span:first-child{color:var(--ink)}.hourly{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.hour{display:flex;flex-direction:column;align-items:center;gap:11px;font-size:10px}.hour .w-icon{font-size:18px;color:#c9decc}.hour small{font-size:9px;color:var(--muted)}.hour strong{font-weight:400}.hour.chosen{color:var(--accent)}
.scene-controls{position:absolute;left:42px;bottom:235px;z-index:7;display:flex;align-items:center;gap:5px}.scene-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:11px 13px;font-size:9px;color:#98adb6;border-radius:10px;background:rgba(9,23,31,.35);backdrop-filter:blur(8px)}.scene-button>span:first-child{font-size:21px;height:26px}.scene-button.active{color:#e1eddc}.scene-button.active>span:first-child{color:var(--accent)}.control-separator{height:36px;width:1px;background:var(--line);margin:0 8px}.scene-caption{position:absolute;z-index:4;left:50%;bottom:237px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;pointer-events:none;text-shadow:0 1px 8px #000;white-space:nowrap}.caption-line{height:25px;width:1px;background:#d5eccc88;margin-bottom:12px}#scene-title{letter-spacing:.23em;font-size:12px}.scene-caption small{font-size:9px;color:var(--muted);margin-top:9px;letter-spacing:.08em}.navigation-controls{position:absolute;right:40px;bottom:235px;z-index:7;display:flex;border:1px solid var(--line);border-radius:9px;backdrop-filter:blur(10px);background:rgba(9,25,31,.5)}.navigation-controls button{font-size:19px;width:36px;height:38px}.navigation-controls button+button{border-left:1px solid var(--line)}.notice{position:absolute;z-index:20;left:50%;top:100px;transform:translateX(-50%);max-width:min(520px,90vw);border:1px solid var(--line);background:#112933ed;border-radius:10px;padding:13px 20px;font-size:11px;text-align:center;line-height:1.7;backdrop-filter:blur(20px)}
.bottom-panel{position:absolute;z-index:9;bottom:0;left:40px;right:40px}.destinations{display:flex;align-items:center;gap:24px;white-space:nowrap;overflow:auto;scrollbar-width:none;padding:12px 0 23px}.destinations>.eyebrow{margin-right:12px;font-size:9px}.destinations button{font-size:11px;letter-spacing:.02em;padding:8px 0;color:#ccd6d9}.destinations button>span{margin-left:13px;font-size:11px;color:var(--accent)}.timeline{display:flex;align-items:center;gap:24px;padding:20px 25px;border:1px solid var(--line);border-radius:13px;background:rgba(11,28,36,.76);backdrop-filter:blur(22px)}.play-btn{width:37px;height:37px;border:1px solid #d0e5d65c;border-radius:50%;font-size:11px;color:var(--accent);flex-shrink:0}.time-current{min-width:102px;display:flex;flex-direction:column;gap:6px}.time-current strong{font-size:12px;font-weight:500}.time-current span{font-size:18px;letter-spacing:.06em;color:var(--accent)}.time-track{flex:1}.day-labels{display:flex;justify-content:space-between;font-size:9px;color:#c1ccd1;padding:0 2px 7px}.time-ticks{display:flex;justify-content:space-between;font-size:8px;color:#829aa5;margin-top:5px}input[type=range]{width:100%;accent-color:var(--accent);height:14px;cursor:pointer;margin:0}.time-zone{font-size:8px;line-height:1.6;color:var(--muted);padding-left:15px;border-left:1px solid var(--line)}#now-btn{font-size:10px;color:#d4e6d3;white-space:nowrap}.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;color:#8ca3b1;padding:14px 0 22px}.footer-meta button{font-size:8px;color:#aabbbf}.cesium-viewer-bottom{bottom:7px!important;left:8px!important;max-width:80%;font-size:7px!important;opacity:.7;z-index:10!important}.cesium-credit-logoContainer img{max-height:13px}.cesium-widget-credits,.cesium-credit-textContainer{font-size:7px!important}
.boot{position:absolute;inset:0;z-index:30;background:#050f17;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;transition:opacity .8s;pointer-events:none}.boot.done{opacity:0}.boot>span{font-family:'Noto Serif JP',serif;font-size:16px;letter-spacing:.16em}.boot>small{font-size:8px;letter-spacing:.23em;color:var(--muted)}.boot-globe{width:66px;height:66px;border-radius:50%;border:1px solid #cee9d544;box-shadow:inset -16px -8px 18px #71a8b91c,0 0 40px #6093b211;position:relative}.boot-globe:after{content:'';position:absolute;inset:8px 21px;border:1px solid #c8eddb55;border-radius:50%;animation:spin 3s linear infinite}@keyframes spin{to{transform:rotateY(360deg)}}dialog{background:#0f242e;color:var(--ink);border:1px solid var(--line);border-radius:18px;max-width:580px;width:calc(100% - 30px);max-height:85dvh;padding:38px;line-height:1.85;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#010a10b5;backdrop-filter:blur(8px)}dialog>.icon-btn{float:right}dialog h2{font-family:'Noto Serif JP',serif;font-size:29px;font-weight:400;line-height:1.6}dialog p{font-size:12px;color:#c1d0d2}dialog dt{font-size:12px;margin:20px 0 5px;color:var(--accent)}dialog dd{margin:0;color:#adbdc4;font-size:11px}.legacy-link{font-size:11px;display:inline-block;border-bottom:1px solid #cee6d255;padding-bottom:5px;margin-top:20px}.terrain-view .intro,.ocean-view .intro{opacity:0;transform:translateY(-8px)}.ocean-view .scene-caption{bottom:260px}.immersive .intro,.immersive .location-panel,.immersive .bottom-panel,.immersive .top-actions,.immersive .scene-caption,.immersive .navigation-controls{display:none}.immersive .scene-controls{bottom:35px}.immersive .topbar{opacity:.6}.location-panel.collapsed #forecast-body{display:none}.location-panel.collapsed .place-head{margin-top:15px}
@media(min-width:1700px){.location-panel{width:330px;right:48px}.intro{left:64px}.topbar{padding:0 54px}}
@media(max-width:1100px){.intro h1{font-size:43px}.intro{left:30px}.topbar{padding:0 26px}.location-panel{right:24px;width:276px;top:110px;padding:18px}.scene-caption{display:none}.bottom-panel{left:24px;right:24px}.destinations{gap:22px}.scene-controls{left:26px}.scene-button{padding:10px}.top-actions #data-status{display:none}.navigation-controls{right:24px}.timeline{gap:16px}.desktop-hint{display:none}}
@media(max-width:700px){.topbar{height:77px;padding:0 18px;gap:8px}.brand{font-size:18px;gap:7px}.brand-symbol{font-size:27px}.brand small{font-size:6px;margin-top:5px}.view-switch{padding:3px}.view-switch button{padding:7px 13px;font-size:10px}.top-actions{gap:0}.top-actions .live-dot{display:none}.icon-btn{width:25px;height:25px;margin-left:0}.intro{left:23px;top:103px}.intro .eyebrow{font-size:7px}.intro h1{font-size:29px;line-height:1.55;margin:11px 0 13px}.intro p{display:none}.intro-line{width:23px;margin-top:19px}.location-panel{top:auto;bottom:190px;right:16px;left:16px;width:auto;max-height:44dvh;padding:13px 16px;border-radius:12px}.location-panel.collapsed{max-height:126px}.place-head{margin-top:13px}.place-head h2{font-size:17px}.place-head .eyebrow{font-size:7px}.coordinates{font-size:8px;margin:6px 0 8px}.temperature{margin:8px 0 13px}.temperature strong{font-size:43px}.temperature>span:first-child{font-size:24px}.temperature>div{margin-right:8px}.metrics{margin-bottom:10px}.metrics strong{font-size:17px;margin-top:4px}.marine-row{padding:10px 0 4px}.forecast-heading{margin:13px 0 10px}.hourly{gap:4px}.hour{gap:6px}.hour .w-icon{font-size:16px}#search-form{padding-bottom:10px}.bottom-panel{left:16px;right:16px}.destinations{padding:8px 0 13px;gap:20px}.destinations>.eyebrow{display:none}.destinations button{font-size:10px}.timeline{gap:10px;padding:14px 12px;border-radius:11px}.time-current{min-width:71px;gap:5px}.time-current strong{font-size:9px}.time-current span{font-size:15px}.play-btn{width:30px;height:30px}.time-zone{display:none}#now-btn{font-size:9px}.day-labels{font-size:7px}.time-ticks{font-size:7px}.footer-meta{padding:11px 0 25px;font-size:7px;gap:10px;align-items:flex-start}.footer-meta button{font-size:7px;white-space:nowrap}.scene-controls{left:20px;top:290px;bottom:auto;flex-direction:column;gap:2px}.scene-button{padding:6px 9px;font-size:8px;gap:3px;border-radius:7px}.scene-button>span:first-child{font-size:19px;height:21px}.control-separator{width:20px;height:1px;margin:5px 0}.scene-controls .scene-button:nth-last-child(2){display:none}.navigation-controls{right:19px;bottom:auto;top:105px;flex-direction:column}.navigation-controls button{height:29px;width:28px;font-size:16px}.navigation-controls button+button{border-left:0;border-top:1px solid var(--line)}.notice{top:82px;font-size:10px}.immersive .scene-controls{top:auto;bottom:30px;flex-direction:row}body.panel-expanded .scene-controls{display:none}dialog{padding:25px}dialog h2{font-size:25px}.cesium-viewer-bottom{bottom:5px!important;max-width:95%}.scene-caption{display:none}}
@media(max-height:740px) and (min-width:701px){.location-panel{top:96px;max-height:calc(100dvh - 282px)}.intro{top:19%}.intro h1{font-size:42px}.scene-controls{bottom:200px}.scene-caption,.navigation-controls{bottom:205px}.destinations{padding-bottom:14px}.timeline{padding:15px 20px}.footer-meta{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.ocean-view #orbit-toggle{display:none}
@media(max-width:700px){.location-panel.collapsed{bottom:172px}.scene-controls{top:275px}.location-panel:not(.collapsed){bottom:175px;max-height:48dvh}.bottom-panel .time-track{min-width:0}.time-track .day-labels span:nth-child(2),.time-track .day-labels span:nth-child(3){display:none}.time-track .time-ticks span:nth-child(2),.time-track .time-ticks span:nth-child(3){display:none}}