:root{--ui-right:max(24px,env(safe-area-inset-right));--ui-bottom:max(24px,env(safe-area-inset-bottom));--dock-width:276px;--dock-height:138px;--ink:#294351;--muted:#586e7a;--glass:linear-gradient(135deg,rgba(248,253,255,.64),rgba(235,246,252,.38));--panel:linear-gradient(140deg,rgba(249,253,255,.88),rgba(232,245,250,.76));--edge:rgba(255,255,255,.62);--button:rgba(255,255,255,.38);--hover:rgba(255,255,255,.7);--selected:rgba(220,245,237,.84);--selected-ink:#285e50;--selected-edge:rgba(74,137,117,.42);--line:rgba(70,101,117,.15);--shadow:0 8px 32px rgba(16,39,60,.1),0 2px 6px rgba(16,39,60,.04),inset 0 1px 0 rgba(255,255,255,.5)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:var(--ink);background:#8fc8ec;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}button:focus-visible,input:focus-visible{outline:2px solid #598a9f;outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100dvh;display:block;touch-action:none;outline:none;cursor:grab}#scene:active{cursor:grabbing}#system-dock,.system-popover{position:fixed;right:var(--ui-right);left:auto;transform:none;color:var(--ink);border:1px solid var(--edge);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:var(--shadow);isolation:isolate}#system-dock{z-index:5;bottom:var(--ui-bottom);width:var(--dock-width);height:var(--dock-height);max-width:calc(100vw - var(--ui-right) - 12px);display:grid;grid-template-rows:56px 1px 44px;gap:7px;padding:10px 12px;background:var(--glass);border-radius:22px}.dock-group{display:grid;align-items:center;gap:5px;min-width:0}.dock-primary{grid-template-columns:repeat(4,minmax(0,1fr))}.dock-secondary{grid-template-columns:repeat(5,minmax(0,1fr))}.dock-button{position:relative;min-width:44px;width:100%;height:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:var(--button);padding:0;line-height:1.2;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;touch-action:manipulation}.dock-label{font-size:10px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums}.dock-icon{display:block}.dock-secondary .dock-button{height:44px;border-color:transparent;background:transparent;border-radius:11px}.dock-secondary .dock-button svg{width:21px;height:21px;stroke-width:1.7}.dock-secondary .dock-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dock-divider{display:block;width:100%;height:1px;margin:0;background:linear-gradient(90deg,transparent,var(--line) 15%,var(--line) 85%,transparent)}.dock-button[aria-expanded=true],.dock-button.active{background:var(--selected);color:var(--selected-ink);border-color:var(--selected-edge);box-shadow:inset 0 1px #ffffff80}.dock-button:active{transform:scale(.96)}#system-dock .turn,#bgm{display:none}#audio-menu.playing:after{content:"";position:absolute;top:6px;right:7px;width:5px;height:5px;border-radius:50%;background:#468c70;box-shadow:0 0 0 2px #f1fff7b8}.system-popover{z-index:6;bottom:calc(var(--ui-bottom) + var(--dock-height) + 12px);width:344px;max-width:calc(100vw - var(--ui-right) - 12px);max-height:calc(100dvh - var(--ui-bottom) - var(--dock-height) - max(12px,env(safe-area-inset-top)) - 12px);background:var(--panel);border-radius:20px;padding:18px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(90,124,139,.35) transparent;animation:panel-in .16s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.popover-heading h2{font-size:14px;letter-spacing:.05em;font-weight:600;margin:0}.popover-heading small{font-size:10px;color:var(--muted)}.choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.choice{position:relative;min-width:0;min-height:67px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid transparent;border-radius:12px;background:var(--button);font-size:11px;font-weight:500;padding:8px 2px;transition:background .18s ease,border-color .18s ease;touch-action:manipulation}.choice svg{width:25px;height:25px}.choice.selected{background:var(--selected);border-color:var(--selected-edge);color:var(--selected-ink)}.choice.selected:after{content:"";position:absolute;top:5px;right:5px;width:4px;height:4px;border-radius:50%;background:var(--selected-ink)}.choice:disabled svg{filter:grayscale(.75)}.panel-note{font-size:11px;line-height:1.65;color:var(--muted);text-align:center;margin:13px 0 0}.clock-readout{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.04em}#time-of-day{width:100%;height:36px;margin:0 0 9px;accent-color:#649786;touch-action:pan-x}.day-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.day-presets .choice{min-height:62px}.wide-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--button);color:var(--ink);font-size:12px;touch-action:manipulation}.wide-button svg{width:17px;height:17px}.wide-button.selected{background:var(--selected);color:var(--selected-ink);border-color:var(--selected-edge)}.now-playing{display:flex;align-items:center;gap:12px;margin:0 0 14px}.album-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);background:#c6bcdd45;border-radius:13px;color:#8175a8;font-size:25px}.now-playing strong{display:block;font-family:Georgia,serif;font-size:19px;font-weight:500;color:var(--ink)}.now-playing div>span{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.audio-play{margin-bottom:14px;background:var(--selected);font-size:12px}.audio-play-icon svg{width:18px;height:18px}.audio-mixer label{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--ink)}.audio-mixer output{color:var(--muted);font-variant-numeric:tabular-nums}.audio-mixer input{width:100%;height:38px;margin:0;accent-color:#649786;touch-action:pan-x}#hint{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:calc(var(--ui-bottom) + 4px);margin:0;font-size:11px;letter-spacing:.04em;white-space:nowrap;color:#eff8fcd1;text-shadow:0 1px 6px rgba(26,52,69,.25);pointer-events:none;transition:opacity .3s}#hint.used{opacity:0}.touch-hint{display:none}#loading{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#8fc8ec;color:#456773;text-align:center;padding:24px}#loading.hidden{opacity:0;pointer-events:none}#loading p{max-width:400px;line-height:1.8}.loader-petal{width:22px;height:28px;border-radius:70% 20% 70% 30%;background:#e899ad;animation:petal 1.4s ease-in-out infinite}@keyframes petal{50%{transform:translateY(-7px) rotate(35deg)}}.night{--ink:#edf5fa;--muted:#b9cbd5;--glass:linear-gradient(135deg,rgba(38,63,84,.62),rgba(23,46,68,.46));--panel:linear-gradient(140deg,rgba(37,61,81,.93),rgba(25,48,68,.87));--edge:rgba(216,235,249,.24);--button:rgba(196,220,239,.09);--hover:rgba(211,231,246,.18);--selected:rgba(101,159,149,.32);--selected-ink:#dcfff0;--selected-edge:rgba(173,225,207,.5);--line:rgba(218,234,245,.16);--shadow:0 8px 32px rgba(4,18,35,.18),inset 0 1px 0 rgba(220,237,251,.12)}.night .dock-button{border-color:#dbecf80f}.night .dock-button[aria-expanded=true],.night .dock-button.active{border-color:var(--selected-edge)}.night .dock-secondary .dock-button{border-color:transparent}.night #audio-menu.playing:after{background:#a0dcbe;box-shadow:0 0 0 2px #1c3644b3}.night .album-mark{color:#c5b3e9;border-color:#dcd4f824}@media(hover:hover){.dock-button:hover,.choice:hover:enabled,.wide-button:hover{background:var(--hover);border-color:var(--edge)}.dock-button:hover{transform:translateY(-1px)}.dock-button[aria-expanded=true]:hover,.dock-button.active:hover,.choice.selected:hover,.wide-button.selected:hover{background:var(--selected);border-color:var(--selected-edge)}}@media(pointer:coarse){.mouse-hint{display:none}.touch-hint{display:inline}}@media(max-width:620px){:root{--ui-right:max(12px,env(safe-area-inset-right));--ui-bottom:max(12px,env(safe-area-inset-bottom));--dock-width:260px;--dock-height:130px}#system-dock{padding:8px 10px;grid-template-rows:54px 1px 44px;gap:6px;border-radius:20px}.dock-button{height:54px}.dock-group{gap:4px}.system-popover{padding:16px;border-radius:18px}.audio-mixer input{height:44px}#hint{display:none}}@media(max-width:360px){:root{--ui-right:max(10px,env(safe-area-inset-right));--dock-width:250px}#system-dock{padding-left:8px;padding-right:8px}.system-popover{padding:14px}.choices{gap:4px}.dock-secondary{gap:3px}}@media(min-width:560px)and (max-height:520px)and (orientation:landscape){:root{--ui-right:max(12px,env(safe-area-inset-right));--ui-bottom:max(10px,env(safe-area-inset-bottom));--dock-width:260px;--dock-height:130px}#system-dock{padding:8px 10px;grid-template-rows:54px 1px 44px;gap:6px;border-radius:20px}.dock-button{height:54px}.system-popover{right:calc(var(--ui-right) + var(--dock-width) + 12px);bottom:var(--ui-bottom);width:320px;max-width:calc(100vw - var(--ui-right) - var(--dock-width) - 24px);max-height:calc(100dvh - var(--ui-bottom) - max(12px,env(safe-area-inset-top)));padding:14px 16px}.popover-heading{margin-bottom:12px}.now-playing{margin-bottom:8px}.audio-play{margin:8px 0}.panel-note{margin-top:9px}#hint{display:none}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#system-dock{background:#eef8fdde}.system-popover{background:#f3f9fdf5}.night #system-dock{background:#20384de6}.night .system-popover{background:#1d344af7}}@media(prefers-reduced-transparency:reduce){#system-dock,.system-popover{background:#eaf4f9;backdrop-filter:none;-webkit-backdrop-filter:none}.night #system-dock,.night .system-popover{background:#203a50}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--ui-right:max(20px,env(safe-area-inset-right));--ui-bottom:max(20px,env(safe-area-inset-bottom));--ui-left:max(20px,env(safe-area-inset-left));--ui-top:max(20px,env(safe-area-inset-top));--dock-width:254px;--dock-height:126px;--ink:#f3f9fd;--muted:#e0edf5;--glass:linear-gradient(135deg,rgba(235,247,255,.12),rgba(216,237,250,.035));--panel:linear-gradient(135deg,rgba(226,243,254,.2),rgba(210,232,248,.11));--edge:rgba(255,255,255,.34);--button:rgba(233,247,255,.08);--hover:rgba(231,247,255,.2);--selected:rgba(131,194,179,.3);--selected-ink:#f3fff9;--selected-edge:rgba(213,255,238,.66);--line:rgba(227,243,253,.23);--shadow:0 4px 18px rgba(14,32,48,.07),inset 0 1px 0 rgba(255,255,255,.16)}#system-dock,.system-popover,#audio-menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 3px rgba(15,35,53,.65)}#system-dock{padding:8px 10px;grid-template-rows:52px 1px 44px;gap:5px;border-radius:20px}.dock-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.dock-secondary{gap:3px}.dock-button{height:52px;border-color:transparent;background:transparent;border-radius:12px;gap:4px}.dock-button svg,.choice svg{filter:drop-shadow(0 1px 1px rgba(9,28,46,.26))}.dock-button[aria-expanded=true],.dock-button.active{box-shadow:none}.dock-label{font-size:10px}.dock-secondary .dock-button{border-radius:50%}#audio-menu{position:fixed;z-index:7;left:var(--ui-left);top:var(--ui-top);width:44px;min-width:44px;height:44px;border-radius:50%;border:1px solid var(--edge);background:var(--glass);box-shadow:var(--shadow);display:grid;place-items:center;padding:0}#audio-menu svg{width:23px;height:23px}#audio-menu svg path{stroke:#f1e8ff}#audio-menu svg ellipse{fill:#d7c7f0;stroke:#f1e8ff}#audio-menu.playing:after{top:3px;right:3px;width:5px;height:5px;background:#b2e7c9;box-shadow:0 0 0 2px #1832424d}#audio-menu[aria-expanded=true]{background:#a3b1d73b;border-color:#ffffffb8}.system-popover{width:300px;padding:10px;border-radius:17px;bottom:calc(var(--ui-bottom) + var(--dock-height) + 9px);max-height:calc(100dvh - var(--ui-bottom) - var(--dock-height) - max(10px,env(safe-area-inset-top)) - 10px)}.choices{gap:3px}.choice{min-height:56px;padding:5px 2px;gap:5px;font-size:10px;background:transparent;border-radius:11px}.choice svg{width:23px;height:23px}.choice.selected{background:var(--selected)}.choice:disabled{opacity:.34}.panel-note{font-size:10px;line-height:1.35;margin:6px 0 1px}.day-presets{gap:4px}.day-presets .choice{min-height:52px}.time-strip{display:flex;align-items:center;gap:12px;padding:0 3px}.clock-readout{font-size:13px;font-weight:500;letter-spacing:.01em;flex:none}#time-of-day{height:32px;min-width:0;flex:1;margin:2px 0}.wide-button{min-height:44px;margin-top:3px;font-size:10px;border:0;background:transparent;padding:7px}.wide-button.selected{background:var(--selected)}#audio-panel{left:var(--ui-left);right:auto;top:calc(var(--ui-top) + 54px);bottom:auto;width:260px;max-width:calc(100vw - var(--ui-left) - 12px);max-height:calc(100dvh - var(--ui-top) - 68px);display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:12px;transform-origin:top left}#audio-toggle{width:44px;height:44px;min-height:44px;margin:0;padding:0;display:grid;place-items:center;border:1px solid var(--edge);border-radius:50%;background:#dff5f01f}#audio-toggle svg{width:18px;height:18px}#audio-toggle svg path,#audio-toggle svg rect{fill:#d6f4e7}.audio-mixer{min-width:0}.audio-mixer label{margin:0;align-items:center;font-size:10px;line-height:1}.audio-mixer label>span{display:flex;align-items:center;gap:5px}.audio-mixer label svg{width:14px;height:14px;fill:none;stroke-width:1.6}.audio-mixer input{height:32px;accent-color:#b4dbc9}.audio-mixer output{font-size:10px;color:var(--ink)}#time-of-day{accent-color:#b4dbc9}#hint{display:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.night{--ink:#eef8ff;--muted:#d6e9f5;--glass:linear-gradient(135deg,rgba(35,66,91,.2),rgba(20,43,67,.09));--panel:linear-gradient(135deg,rgba(30,60,86,.3),rgba(20,43,69,.2));--edge:rgba(220,241,255,.3);--button:rgba(213,238,255,.06);--hover:rgba(208,235,253,.16);--selected:rgba(114,180,162,.26);--selected-ink:#effff7;--selected-edge:rgba(191,245,221,.56);--line:rgba(218,239,254,.19);--shadow:0 4px 18px rgba(4,18,35,.1),inset 0 1px 0 rgba(223,241,255,.08)}.night .dock-button{border-color:transparent}.night #audio-menu{border-color:var(--edge)}@media(max-width:620px){:root{--ui-right:max(12px,env(safe-area-inset-right));--ui-bottom:max(12px,env(safe-area-inset-bottom));--ui-left:max(14px,env(safe-area-inset-left));--ui-top:max(14px,env(safe-area-inset-top));--dock-width:250px;--dock-height:126px}#system-dock{padding:8px;grid-template-rows:52px 1px 44px;gap:5px}.dock-button{height:52px}.system-popover{padding:10px}.audio-mixer input{height:36px}#audio-panel{width:252px}}@media(min-width:560px)and (max-height:520px)and (orientation:landscape){:root{--ui-right:max(12px,env(safe-area-inset-right));--ui-bottom:max(10px,env(safe-area-inset-bottom));--ui-left:max(12px,env(safe-area-inset-left));--ui-top:max(12px,env(safe-area-inset-top));--dock-width:250px;--dock-height:126px}#system-dock{padding:8px;grid-template-rows:52px 1px 44px;gap:5px}.system-popover:not(#audio-panel){right:calc(var(--ui-right) + var(--dock-width) + 9px);bottom:var(--ui-bottom);width:280px;max-width:calc(100vw - var(--ui-right) - var(--dock-width) - 21px);max-height:calc(100dvh - var(--ui-bottom) - max(10px,env(safe-area-inset-top)));padding:10px}#audio-panel{width:252px;max-height:calc(100dvh - var(--ui-top) - 68px)}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#system-dock,#audio-menu{background:#334f6538}.system-popover{background:#304e6375}.night #system-dock,.night #audio-menu{background:#10253d3b}.night .system-popover{background:#1127417a}}@media(prefers-reduced-transparency:reduce){#system-dock,.system-popover,#audio-menu{background:#34526a;backdrop-filter:none;-webkit-backdrop-filter:none}.night #system-dock,.night .system-popover,.night #audio-menu{background:#203a50}}.audio-mixer input,#time-of-day{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.audio-mixer input::-webkit-slider-runnable-track,#time-of-day::-webkit-slider-runnable-track{height:2px;border:0;border-radius:2px;background:#f0fbff7a}.audio-mixer input::-webkit-slider-thumb,#time-of-day::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4.5px;border-radius:50%;border:1px solid rgba(255,255,255,.86);background:#c4e5d8;box-shadow:0 1px 5px #0c24362e}.audio-mixer input::-moz-range-track,#time-of-day::-moz-range-track{height:2px;border:0;border-radius:2px;background:#f0fbff7a}.audio-mixer input::-moz-range-thumb,#time-of-day::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.86);background:#c4e5d8;box-shadow:0 1px 5px #0c24362e}