@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500&display=swap";footer{justify-content:flex-end!important;text-align:right}.view-control{position:fixed;left:22px;bottom:22px;z-index:5;display:flex;flex-direction:column;align-items:center;width:92px;color:#baa77f;padding:8px 3px;background:#151c18c9;border:1px solid #a38c5929;border-radius:50px 50px 9px 9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#view-globe{width:76px;height:76px;padding:0;border:0;background:none;color:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}#view-globe.dragging{cursor:grabbing;color:#ead3a0}#view-globe:hover{color:#ead3a0}#view-globe svg{width:100%;height:100%;overflow:visible}#globe-grid{transform-origin:40px 40px;transition:transform .06s}.view-caption{font-size:8px;letter-spacing:1.3px;margin:0 0 8px}#view-angles{font-size:9px;font-variant-numeric:tabular-nums;color:#899788;white-space:pre}#view-reset{border:0;border-top:1px solid #b29d6c29;background:none;color:#a9ad98;font-size:9px;letter-spacing:1px;margin-top:8px;padding:7px 5px 0}#view-reset:hover{color:#e7d7b3}@media(max-width:700px){.view-control{left:10px;bottom:12px;width:66px;padding:3px 2px 5px;border-radius:35px 35px 7px 7px}#view-globe{width:54px;height:54px}.view-caption{font-size:6px;letter-spacing:.8px;margin-bottom:5px}#view-angles{font-size:7px}#view-reset{font-size:8px;margin-top:5px;padding-top:5px}footer{padding-left:70px!important}}:root{font-family:Arial,Microsoft JhengHei,sans-serif;color:#d9d5ca;background:#171a19;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 50%,#343a35,#202623 45%,#171a19 80%);min-height:100vh}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header,footer{display:flex;justify-content:space-between;align-items:center;margin:0 5vw}header{height:96px;border-bottom:1px solid #ffffff15}.brand{color:#e3dfd4;text-decoration:none;font-family:Georgia,serif;font-size:22px;letter-spacing:3px}.brand span{display:block;font-family:sans-serif;font-size:9px;letter-spacing:5px;margin-top:9px;color:#92998e}.edition,footer{font-size:9px;letter-spacing:2px;color:#899389}.edition i{display:inline-block;width:5px;height:5px;background:#b9a27b;border-radius:50%;margin:0 16px}.intro{text-align:center;padding-top:40px}.eyebrow{font-size:9px;letter-spacing:3px;color:#b6a27d}h1{font-family:"Noto Serif TC",serif;font-size:30px;font-weight:400;letter-spacing:6px;margin:16px 0 10px}.intro p{font-family:Georgia,serif;font-style:italic;color:#92988d;font-size:13px}#stage{width:100%;height:clamp(300px,43vw,600px);touch-action:none;cursor:default;margin-top:-12px}canvas{display:block;width:100%;height:100%}#loading{position:absolute;top:48%;width:100%;text-align:center;color:#c7b388;font-size:12px;letter-spacing:2px}.readout{max-width:780px;margin:-12px auto 0;display:flex;gap:24px;align-items:center;border-top:1px solid #ffffff15;padding:18px 24px;font-size:11px;letter-spacing:1px}#powerState{font-size:9px;color:#9a9c89}#track{flex:1;color:#d1c5ab}#time{font-variant-numeric:tabular-nums;color:#9a9c89}.controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.controls button{background:transparent;border:1px solid #ffffff1c;color:#aeb3a7;font-size:10px;letter-spacing:1px;padding:9px 14px;border-radius:2px}.controls button:hover{border-color:#b8a780;color:#e2d6bc}.knob-controls{display:flex;justify-content:center;gap:24px;margin:20px 0 0}.knob-controls label{font-size:8px;letter-spacing:2px;color:#8e978d;display:flex;align-items:center;gap:9px}.knob-controls input{width:75px;accent-color:#c4ad7d;height:10px}.hint{text-align:center;font-size:10px;letter-spacing:1px;color:#889186;margin:19px 10px 32px}footer{padding:24px 0;border-top:1px solid #ffffff15;font-size:8px}dialog{background:#222824;color:#ded9cc;border:1px solid #777b634a;padding:42px;width:min(510px,90vw);box-shadow:0 30px 100px #0009;border-radius:4px}dialog::backdrop{background:#07100bd0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}dialog h2{font-family:"Noto Serif TC",serif;font-weight:400;font-size:24px;margin:20px 0 12px}dialog p{font-size:12px;color:#aab0a2;line-height:1.9}.close{position:absolute;right:18px;top:12px;background:none;border:0;color:#bbb9a8;font-size:26px}.song{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:19px 4px;border:0;border-bottom:1px solid #ffffff12;background:none;color:#ded9cc}.song:hover{color:#dac18e;background:#ffffff05}.song small{color:#9a8e72;font-size:10px}.song b{font-weight:400;flex:1}.song em{font-style:normal;color:#9a8e72}.library-foot{display:block;margin-top:27px;color:#858e80;font-size:9px;letter-spacing:2px}#toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#d3c5a9;color:#222a24;padding:12px 24px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;border-radius:3px}#toast.show{opacity:1}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d0b682;outline-offset:4px}@media(max-width:600px){header{height:80px}.edition{font-size:7px;letter-spacing:1px}.brand{font-size:16px}.intro{padding-top:36px}h1{font-size:23px;letter-spacing:3px}#stage{height:320px;margin-top:5px}.readout{gap:12px;margin:0 16px;padding:16px 0;font-size:10px}#powerState{font-size:7px}.controls{padding:0 18px}.knob-controls{gap:12px;flex-wrap:wrap}.knob-controls input{width:58px}footer{gap:20px;font-size:7px;line-height:1.8}dialog{padding:32px}}