*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#314a4c;background:#c9e0e7;font-family:system-ui,-apple-system,PingFang SC,sans-serif}#scene,canvas{touch-action:none;width:100%;height:100%;display:block}header{pointer-events:none;letter-spacing:2px;align-items:center;gap:13px;font-size:17px;font-weight:600;display:flex;position:absolute;top:30px;left:36px}.mark{font-size:36px;font-weight:300}small{letter-spacing:3px;opacity:.65;margin-top:7px;font-size:10px;font-weight:400;display:block}footer{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:26px;left:36px;right:36px}footer>span{letter-spacing:2px;opacity:.7;font-size:11px}footer>div{gap:10px;display:flex}button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#314a4c;cursor:pointer;background:#ffffffa6;border:1px solid #ffffff80;border-radius:50%;width:48px;height:48px;font-size:24px;transition:background .2s}button:hover{background:#fff}button:focus-visible{outline-offset:3px;outline:3px solid #366e7e}#error{background:#fff;border-radius:15px;padding:25px;line-height:1.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px){header{top:22px;left:22px}footer{bottom:20px;left:22px;right:22px}footer>span{letter-spacing:1px;font-size:9px}}body{overscroll-behavior:none;height:100dvh}footer{pointer-events:none;bottom:max(26px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right))}footer>div{pointer-events:auto}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (any-pointer:coarse){button{width:56px;height:56px}footer>div{gap:14px}footer>span{letter-spacing:1px;font-size:12px}}body{transition:color 2s}body.night{color:#e6e5da}#reset{white-space:nowrap;border-radius:28px;width:auto;min-width:120px;padding:0 16px;font-size:15px;font-weight:600}#reset>span{vertical-align:-1px;margin-right:4px;font-size:22px}@media (width<=600px){footer{justify-content:flex-end}footer>span{display:none}}#rain{border-radius:28px;width:82px;font-size:15px;font-weight:600}#rain[aria-pressed=true]{color:#193c53;background:#b7d8ed}footer>div{flex-wrap:wrap;justify-content:flex-end}@media (width<=420px){footer>div{gap:6px}#reset{min-width:104px;padding:0 10px}}