@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#354b43;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#e6eee6}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5d8067;outline-offset:4px}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:absolute;top:36px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;pointer-events:auto;font-family:"Noto Serif SC",serif;font-size:25px;font-weight:600}.brand-icon{font-size:40px;font-family:serif;font-weight:400;transform:rotate(-20deg)}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.4px;font-weight:400;margin-top:6px}.top-right{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#68876a;box-shadow:0 0 0 3px #7b9a7415}.icon-button{pointer-events:auto;margin-left:22px;border:1px solid #637e5e30;background:#ffffff45;width:35px;height:35px;border-radius:50%;font-size:20px;position:relative}.sound-slash{position:absolute;width:21px;height:1px;background:currentColor;transform:rotate(-45deg);left:6px;top:16px}.intro{position:absolute;left:6%;top:23%;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2.1px;display:flex;align-items:center;gap:10px;font-weight:600}.eyebrow>span{display:block;width:24px;height:1px;background:#768874}h1{font-family:"Noto Serif SC",serif;font-size:clamp(31px,3.1vw,51px);font-weight:500;line-height:1.65;letter-spacing:5px;margin:22px 0 18px}.intro p{font-size:12px;letter-spacing:2px;line-height:2.3;color:#77867b}.island-label{display:flex;gap:12px;margin-top:50px;align-items:center;font-size:12px;letter-spacing:2px}.tiny-island{font-size:26px;color:#768d74}.island-label small{display:block;font-size:9px;letter-spacing:1px;color:#87928a;margin-top:9px}.world-panel{position:absolute;right:40px;top:50%;transform:translateY(-43%);width:246px;padding:23px 22px 0;background:linear-gradient(135deg,#fafcf9d9,#f8faf4a8);border:1px solid #ffffffba;border-radius:17px;box-shadow:0 15px 60px #3e665d0c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading .eyebrow{font-size:7px;letter-spacing:1.6px;color:#7c8b7f}h2{font-family:"Noto Serif SC",serif;font-weight:500;font-size:19px;letter-spacing:3px;margin:10px 0 15px}.weather-big{font-size:33px;color:#a99457}.condition{display:flex;align-items:center;gap:10px;font-size:10px;color:#849083}.condition>span:first-child{color:#51674f}.condition>span:nth-child(2){font-size:19px;color:#566e56}.divider{height:11px;width:1px;background:#cfd6ca}#wind-label{font-size:9px}.time-row{margin-top:26px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}#time-label{font-size:12px;letter-spacing:1px;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;width:100%;margin:17px 0 9px;height:3px;border-radius:4px;background:linear-gradient(90deg,#667885,#d8b77a,#f3dba4,#d8b77a,#667885);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #7e9276;box-shadow:0 0 0 3px #fff8}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#96a18e}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:19px 0 23px;letter-spacing:.6px}input[role=switch]{appearance:none;position:relative;width:27px;height:15px;background:#c0c9bc;border-radius:15px;cursor:pointer;margin:0;transition:background .3s}input[role=switch]:checked{background:#7c9673}input[role=switch]:after{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;background:#fff;border-radius:50%;transition:transform .3s}input[role=switch]:checked:after{transform:translate(12px)}.section-label{font-size:10px;border-top:1px solid #7c8c6f20;padding-top:20px;display:flex;justify-content:space-between}.section-label span{font-size:8px;color:#99a48e}.weather-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.weather-options button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;padding:9px 0;border:1px solid transparent;border-radius:8px;background:#e5eadf60;color:#85927c;transition:all .25s}.weather-options button span{font-size:21px;line-height:25px}.weather-options button:hover{background:#d8e3cf80;transform:translateY(-2px)}.weather-options button.selected{border-color:#8da27b;background:#e5ecdd;color:#566e46}.weather-auto{font-size:9px;margin:17px 0}.panel-foot{border-top:1px solid #7c8c6f20;display:flex;gap:8px;padding:14px 0;font-size:8px;align-items:center;color:#98a28e}.panel-foot>span:last-child{margin-left:auto;font-size:7px;letter-spacing:1px}.moment{position:absolute;bottom:16%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;font-family:"Noto Serif SC",serif;font-size:11px;letter-spacing:2px;color:#6b8279;background:#ffffff35;border:1px solid #ffffff4f;padding:10px 17px;border-radius:20px;pointer-events:none;white-space:nowrap}.moment-icon{color:#ad878e;font-size:16px}footer{position:absolute;bottom:30px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center}.instructions{display:flex;align-items:center;gap:12px;font-size:9px;color:#7c9188;letter-spacing:1px}.instructions i{font-style:normal;opacity:.5}.mouse-icon{width:11px;height:16px;border:1px solid #8ea197;border-radius:6px;position:relative}.mouse-icon:after{position:absolute;content:"";width:1px;height:4px;left:4px;top:3px;background:#8ea197}.view-actions{display:flex;gap:7px}.view-actions button{width:33px;height:33px;border:1px solid #ffffff90;border-radius:50%;background:#ffffff45;font-size:19px;color:#688275;transition:background .2s}.view-actions button:hover{background:#fff}#restore-ui{display:none;position:fixed;right:25px;bottom:25px;border:1px solid #ffffff70;border-radius:20px;padding:10px 16px;background:#ffffff70;font-size:12px}body.immersive .topbar,body.immersive .intro,body.immersive .world-panel,body.immersive footer,body.immersive .moment{display:none}body.immersive #restore-ui{display:block}#toast{position:absolute;left:50%;bottom:80px;transform:translate(-50%,10px);padding:12px 22px;background:#344f42d9;color:#fff;border-radius:25px;font-size:12px;opacity:0;pointer-events:none;transition:.3s}#toast.show{opacity:1;transform:translate(-50%)}#loading{position:fixed;inset:0;z-index:10;background:#eaf0e8;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1s}.loading-mark{font-family:"Noto Serif SC",serif;font-size:45px;animation:float 2s ease-in-out infinite}#loading p{font-size:11px;letter-spacing:3px;color:#829180;margin-top:25px}@keyframes float{50%{transform:translateY(-9px)}}body.night{color:#d5dfda}body.night .intro p,body.night .island-label small{color:#a3b6b1}body.night .world-panel{color:#c4d3c7;background:linear-gradient(135deg,#263e48d9,#263d4299);border-color:#b9d9d522}body.night h2,body.night .condition>span:first-child,body.night .condition>span:nth-child(2){color:#c6d3bf}body.night .weather-options button{background:#1e363a50;color:#9aaea6}body.night .weather-options button.selected{background:#71816c44;color:#d7e3ca}body.night .moment{color:#b3c9bf;background:#243b4450;border-color:#d4e5dc20}@media(max-width:1100px){.intro{left:4%;top:23%}h1{font-size:31px}.world-panel{right:24px;width:215px;padding:20px 17px 0}.topbar{left:30px;right:30px}.island-label{margin-top:32px}.intro p{font-size:10px}.eyebrow{font-size:6px;letter-spacing:1.4px}.moment{bottom:13%}}@media(max-width:760px){.topbar{top:22px;left:24px;right:24px}.brand{font-size:21px}.brand-icon{font-size:32px}.top-right{font-size:9px}.icon-button{margin-left:4px}.intro{top:110px;left:26px}.intro .eyebrow{font-size:6px}h1{font-size:27px;line-height:1.5;letter-spacing:3px;margin:13px 0}.intro p,.island-label{display:none}.world-panel{top:auto;bottom:79px;right:18px;transform:none;width:calc(100% - 36px);padding:15px 17px 10px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-radius:15px}.panel-heading{grid-column:1}.panel-heading .eyebrow{display:none}h2{font-size:14px;margin:0 0 7px}.weather-big{font-size:25px}.condition{grid-column:1;font-size:9px}.condition>span:nth-child(2){font-size:15px}.time-row{grid-column:2;grid-row:1;margin-top:3px}#time{grid-column:2;grid-row:2;margin:9px 0}.range-labels{display:none}.toggle-row{grid-column:2;margin:10px 0 0;font-size:9px}.section-label{display:none}.weather-options{grid-column:1 / -1;grid-template-columns:repeat(6,1fr);grid-row:4;margin-top:12px;gap:5px}.weather-options button{padding:5px 0;gap:2px;font-size:8px}.weather-options button span{font-size:17px;line-height:20px}.weather-auto{grid-column:1;grid-row:3;margin-top:10px}.panel-foot{display:none}footer{left:24px;right:24px;bottom:22px}.instructions{font-size:8px;gap:7px}.instructions>span:last-child,.instructions>i:last-of-type{display:none}.view-actions{gap:5px}.view-actions button{width:29px;height:29px;font-size:16px}.moment{display:none}}#panel-toggle{display:none}@media(max-width:760px){#panel-toggle{display:block;position:absolute;right:17px;top:22px;border:0;background:transparent;font-size:10px;color:#74846c;letter-spacing:1px;padding:6px}.world-panel:not(.expanded){display:block;padding:14px 17px;width:calc(100% - 36px)}.world-panel:not(.expanded) .panel-heading{width:calc(100% - 100px);justify-content:flex-start;gap:14px}.world-panel:not(.expanded) .weather-big{font-size:23px}.world-panel:not(.expanded) h2{margin-bottom:0}.world-panel:not(.expanded) .condition{margin-top:5px}.world-panel:not(.expanded) .time-row,.world-panel:not(.expanded) #time,.world-panel:not(.expanded) .toggle-row,.world-panel:not(.expanded) .weather-options{display:none}.world-panel.expanded #panel-toggle{position:relative;grid-column:1 / -1;grid-row:1;top:auto;right:auto;text-align:right;padding:0 0 10px}.world-panel.expanded .time-row{grid-row:2}.world-panel.expanded #time{grid-row:3}.world-panel.expanded .weather-options{grid-row:5}.world-panel.expanded .weather-auto{grid-row:4}.intro{top:100px}.intro h1{font-size:22px}.intro h1 br,.intro .eyebrow{display:none}}@media(max-width:760px)and (max-height:650px){.intro{display:none}.topbar{top:19px}.world-panel{bottom:68px}footer{bottom:20px}}