:root{font-family:Songti TC,"Noto Serif TC",Georgia,serif;color:#d9d9cb;background:#080e11;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}#space{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.grain{position:fixed;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.chrome{position:fixed;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between;transition:opacity 1.8s;z-index:2}header{top:36px;align-items:flex-start!important}.wordmark{font-size:14px;letter-spacing:.3em;color:inherit;text-decoration:none;line-height:1.8}.wordmark span{display:block;font-size:10px;letter-spacing:.44em;opacity:.45}.caption{font-size:9px;line-height:2.1;text-align:right;letter-spacing:.17em;opacity:.45}footer{bottom:30px;font-size:11px}.moment{display:flex;align-items:center;gap:12px;letter-spacing:.12em}#time-label{font-family:Georgia,serif;opacity:.4;font-size:11px;font-variant-numeric:tabular-nums}.dot{width:4px;height:4px;border-radius:50%;background:#c9c9ae;box-shadow:0 0 8px #c9c9ae50}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;min-height:40px;letter-spacing:.1em;padding:8px 10px;border-radius:3px}button:hover{background:#d9ddce0c}button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid #d9d9cb;outline-offset:5px}#settings-toggle{font-size:10px;opacity:.65}#settings-toggle span{margin-left:18px}#settings{position:fixed;right:44px;bottom:85px;width:300px;padding:22px;background:#101719ed;border:1px solid #abb6b11a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:4;font-size:12px}#settings[hidden]{display:none}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:.15em}.panel-head button{font-size:24px;opacity:.55;padding:0 8px}label[for=hour],label[for=beam-strength]{display:flex;justify-content:space-between;font-size:10px;opacity:.6;letter-spacing:.15em}input[type=range]{width:100%;accent-color:#c6c9b1;height:25px;margin:12px 0}.presets{display:flex;justify-content:space-between}.presets button{font-size:10px;padding:4px 8px}.check{display:flex;align-items:center;gap:9px;opacity:.65;font-size:11px;margin:20px 0;cursor:pointer}.check input{accent-color:#a6b6af}.actions{border-top:1px solid #acbcb515;padding-top:12px;display:flex;flex-wrap:wrap;gap:4px}.actions button{font-size:10px;padding:7px}.actions button[aria-pressed=true]{color:#ecddaa;background:#d9ddce0c}#settings p{font-size:10px;opacity:.3;letter-spacing:.09em;margin:18px 0 0}#status{position:fixed;top:50%;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.2em;padding:28px;line-height:2;color:#cfdbd5}body.resting .chrome{opacity:0;pointer-events:none}body.resting:has(:focus-visible) .chrome{opacity:1;pointer-events:auto}@media(max-width:600px){.chrome{left:23px;right:23px}header{top:25px}.caption{display:none}footer{bottom:22px}.wordmark{font-size:12px}#settings{right:20px;bottom:78px;width:min(300px,calc(100vw - 40px))}.moment{gap:8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.chrome{transition:none}}#space canvas{touch-action:none;cursor:grab}#space canvas:active{cursor:grabbing}#settings{max-height:calc(100dvh - 110px);overflow-y:auto}label[for=beam-strength]{margin-top:18px}#settings select{display:block;width:100%;font:inherit;color:inherit;background:#172226;border:1px solid #abb6b130;border-radius:3px;padding:10px;margin:8px 0 18px}#settings select:focus-visible{outline:1px solid #d9d9cb;outline-offset:3px}#settings label[for=weather],#settings label[for=quality],#settings label[for=rain-intensity]{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}#rain-controls[hidden]{display:none}.music-player{border-top:1px solid #abb6b130;margin-top:18px;padding-top:8px}#settings .music-player__title{opacity:.8;margin:8px 0 12px}.music-player__play{border:1px solid #abb6b130;width:100%;margin-bottom:12px}.music-player__volume-label{display:block;font-size:10px}.music-player__loop-label{display:flex;align-items:center;gap:8px;font-size:10px}#settings .music-player__status{opacity:.75;line-height:1.6}#settings #water-mode,#settings #water-hint{opacity:.65;line-height:1.7}