@font-face{font-family:Villa;src:local('Bahnschrift')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{--ink:#263c3c;--muted:#647572;--paper:rgba(250,252,245,.83);--line:rgba(40,63,51,.13);color:var(--ink);background:#d9e3da;font-family:Villa,'Microsoft YaHei',sans-serif;transition:color 1s}body.night{--ink:#e7ece2;--muted:#a3b7b1;--paper:rgba(24,39,43,.87);--line:rgba(204,222,208,.15)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid #779978;outline-offset:5px}#world{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.topbar{position:absolute;top:32px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark{display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none;letter-spacing:2.8px;font-size:14px;pointer-events:auto}.wordmark small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:7px}.mark{font-family:Georgia,serif;font-size:31px;letter-spacing:-9px;width:35px;line-height:35px}.mark span{font-size:23px;vertical-align:-5px}.top-actions{display:flex;gap:10px;align-items:center;pointer-events:auto}.live{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-right:14px}.live i,.note-dot{height:5px;width:5px;background:#728c59;border-radius:50%;display:inline-block}.circle{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:1px solid var(--line);backdrop-filter:blur(16px)}svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.intro{position:absolute;left:42px;top:150px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--muted);margin-bottom:20px}h1{font-family:'Microsoft YaHei',sans-serif;font-size:clamp(29px,3.2vw,49px);font-weight:300;line-height:1.55;letter-spacing:4px;margin:0 0 20px}.intro p{font-size:11px;color:var(--muted);line-height:2.15;letter-spacing:1px}.location{display:flex;align-items:center;gap:7px;margin-top:27px;font-size:7px;letter-spacing:1.5px;color:var(--muted)}.location svg{width:12px;height:12px}.view-tools{position:absolute;right:32px;top:50%;transform:translateY(-60%);display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:6px;backdrop-filter:blur(20px);gap:3px}.view{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--muted);transition:background .2s,color .2s}.view:hover,.circle:hover{background:rgba(151,173,151,.25)}.view.active{background:#425e51;color:#fff}.tool-divider{height:1px;margin:5px;background:var(--line)}.time-panel{position:absolute;bottom:63px;left:50%;transform:translateX(-50%);width:440px;background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:17px 22px 14px;backdrop-filter:blur(24px);box-shadow:0 12px 45px rgba(17,39,28,.09)}.time-top{display:flex;justify-content:space-between;align-items:center}.time-reading{display:flex;align-items:center;gap:9px;font-size:11px}.time-reading strong{font-weight:400;font-size:21px;letter-spacing:1px;font-variant-numeric:tabular-nums;margin-left:4px}.time-reading svg{width:16px;height:16px}.auto{border:1px solid var(--line);padding:5px 9px;border-radius:15px;display:flex;align-items:center;gap:6px;background:transparent;font-size:10px}.play-dot{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor}.auto[aria-pressed=true]{background:#425e51;color:white}.auto[aria-pressed=true] .play-dot{width:5px;height:7px;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor}.time-track{padding:14px 0 11px}input[type=range]{appearance:none;width:100%;height:5px;display:block;border-radius:5px;margin:0;cursor:pointer;background:linear-gradient(90deg,#263b59 0%,#987f83 22%,#eac689 30%,#d9dbc0 50%,#c5cdae 66%,#d29864 76%,#58698b 86%,#25354b 100%)}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:3px solid #fff;background:#4e6859;border-radius:50%;box-shadow:0 1px 5px #0004}input[type=range]::-moz-range-thumb{width:8px;height:8px;border:3px solid white;background:#4e6859;border-radius:50%}.track-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:9px;letter-spacing:.4px}.presets{display:flex;gap:7px;align-items:center}.preset,.bird-call{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;background:transparent;border-radius:8px;font-size:10px}.preset:hover,.preset.active{background:rgba(99,126,100,.15)}.presets>span{flex:1}.presets svg{width:13px;height:13px}.bird-call{border:1px solid var(--line)}.bird-call:hover{background:#425e51;color:white}.field-note{position:absolute;left:40px;bottom:101px;display:flex;align-items:center;gap:7px;max-width:210px;font-size:10px;line-height:1.8;color:var(--muted)}.note-dot{flex-shrink:0;animation:breathe 3s ease-in-out infinite}.footer{position:absolute;bottom:22px;left:40px;right:40px;font-size:9px;display:flex;align-items:center;gap:18px;color:var(--muted);letter-spacing:.5px}.footer b{padding:0 5px;font-weight:400}.footer button{background:none;color:inherit;font-size:9px;padding:5px 0;border-bottom:1px solid var(--line)}.build-label{margin-left:auto;font-size:8px;letter-spacing:2px}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9eee7;color:#364e43;z-index:10;transition:opacity .7s,visibility .7s}#loading.done{opacity:0;visibility:hidden}.load-mark{font-family:Georgia,serif;font-size:50px;letter-spacing:-9px;margin-left:-9px}.load-track{width:150px;height:2px;background:#cdd7cc;overflow:hidden;margin:14px 0}#progress{display:block;width:8%;height:100%;background:#607d64;transition:width .25s}#loading p{font-size:13px;letter-spacing:3px}#loading small{font-size:10px;color:#718775}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#toast{position:absolute;top:96px;left:50%;transform:translate(-50%,-10px);background:var(--paper);border:1px solid var(--line);backdrop-filter:blur(10px);border-radius:20px;padding:9px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.3s;z-index:4}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes breathe{50%{opacity:.35}}
@media(max-width:1050px){.intro{top:135px;left:28px}.topbar{left:28px;right:28px}.intro h1{font-size:30px}.intro p{font-size:10px}.time-panel{width:408px;bottom:60px}.field-note{bottom:235px;left:28px;max-width:230px}.location{display:none}.footer{left:28px;right:28px}.view-tools{right:22px}.live{display:none}}
@media(max-width:650px){.topbar{top:21px;left:20px;right:20px}.wordmark{font-size:10px;gap:10px;letter-spacing:2px}.wordmark small{font-size:6px;letter-spacing:.7px}.circle{width:33px;height:33px}.intro{top:104px;left:21px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px}.intro h1{font-size:25px;letter-spacing:2px;line-height:1.4}.intro p{display:none}.view-tools{right:12px;top:40%;padding:4px}.view{height:32px;width:32px}.time-panel{width:calc(100% - 34px);max-width:420px;bottom:58px;padding:14px 16px 12px}.field-note{left:21px;bottom:221px;font-size:9px;max-width:280px}.footer{left:21px;right:21px;bottom:18px;font-size:8px;gap:12px}.build-label{display:none}.time-reading strong{font-size:20px}.preset,.bird-call{padding:7px 8px}.mark{font-size:27px}.top-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}