:root{color:#e1e9e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#080f1d;font-family:Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#app{width:100%;height:100svh;min-height:360px;position:relative;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block}.heading{pointer-events:none;position:absolute;top:clamp(25px,4.5vh,52px);left:clamp(25px,4.3vw,70px)}h1{letter-spacing:.17em;align-items:center;gap:15px;margin:0 0 13px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(28px,3.1vw,43px);font-weight:500;display:flex}.seal{color:#dd8e87;letter-spacing:0;opacity:.8;border:1px solid #ad6961;border-radius:2px;place-items:center;width:20px;height:25px;font-family:Noto Serif SC,serif;font-size:12px;display:grid;transform:rotate(-6deg)}.heading p{letter-spacing:.25em;color:#849caa;margin:0;font-size:11px}.quiet-note{writing-mode:vertical-rl;letter-spacing:.3em;color:#627a90;pointer-events:none;font-size:11px;line-height:2;position:absolute;top:51px;right:4.3vw}.controls{bottom:max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101d2adb;border:1px solid #9ac2cc21;border-radius:13px;align-items:center;gap:5px;padding:8px 12px;display:flex;box-shadow:0 8px 30px #0003,inset 0 1px #ffffff03}.toolbar button{color:#a5b7be;letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:11px 13px;font-size:11px;transition:background .2s,color .2s;display:flex}.toolbar button:hover{color:#eef8ef;background:#a5d6d20d}.toolbar button[aria-pressed=true]{color:#aadbc9;background:#7dbaa71c}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #c9e8dc}.icon,#rain-icon{width:17px;height:17px;display:inline-flex}svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.divider{background:#8faab52b;width:1px;height:23px;margin:0 7px}.rain-control{color:#a5b7be;align-items:center;gap:10px;padding:0 10px;font-size:11px;display:flex}#rain{appearance:none;cursor:pointer;background:linear-gradient(90deg,#97c4b6 58%,#354655 58%);border-radius:3px;width:72px;height:3px;margin:0 4px}#rain::-webkit-slider-thumb{appearance:none;background:#c4e4d6;border-radius:50%;width:10px;height:10px;box-shadow:0 0 7px #9be1cf30}#rain::-moz-range-thumb{background:#c4e4d6;border:none;border-radius:50%;width:10px;height:10px}.gesture-hint{color:#6b8192;letter-spacing:.12em;margin:15px 0 0;font-size:10px}.gesture-hint i{opacity:.6;margin:0 10px;font-style:normal}.touch-hint{display:none}.toast{color:#e0e7c7;opacity:0;pointer-events:none;white-space:nowrap;background:#152b2ae8;border:1px solid #b5cfb42b;border-radius:8px;padding:12px 20px;font-size:12px;transition:opacity .3s,transform .3s;position:absolute;bottom:135px;left:50%;transform:translate(-50%,10px)}.toast.visible{opacity:1;transform:translate(-50%)}.loading{color:#87a9ab;letter-spacing:.2em;background:#080f1d;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:12px;transition:opacity .8s;display:flex;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-ring{border:1px solid #8db6ac23;border-top-color:#9ecfbd;border-radius:50%;width:28px;height:28px;animation:1.4s linear infinite spin}.error{text-align:center;background:#080f1d;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.error[hidden]{display:none}.error h2{font-size:22px;font-weight:400}.error p{color:#94a5b4;max-width:500px;font-size:14px;line-height:1.8}.error button{color:#e0eee5;cursor:pointer;background:#29473f;border:1px solid #789e8e;border-radius:7px;padding:10px 22px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.heading{top:27px;left:25px}.quiet-note{font-size:10px;top:30px;right:20px}.toolbar{border-radius:12px;gap:0;padding:7px}.toolbar button{gap:5px;padding:9px 10px;font-size:10px}.toolbar button .icon{width:15px;height:15px}.rain-control{gap:6px;padding:0 7px;font-size:10px}#rain{width:40px}.divider{margin:0 4px}#photo,.hint-extra,.desktop-hint{display:none}.touch-hint{display:inline}.controls{bottom:max(28px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=370px){#orbit span:last-child,#reset span:last-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}