@font-face{font-family:local-serif;src:local("Noto Serif CJK SC"),local("Source Han Serif SC"),local("SimSun")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e5c4be;color:#344745;font-family:"Microsoft YaHei",sans-serif}#stage{position:relative;width:100%;height:100%;min-height:350px}canvas{display:block;width:100%;height:100%;outline:none}header{position:absolute;top:5.4vh;left:4.4vw;pointer-events:none}header .eyebrow{font-size:9px;letter-spacing:3px;opacity:.60;margin:0 0 13px}h1{font-family:local-serif,"Songti SC",serif;font-size:clamp(25px,3vw,43px);font-weight:400;letter-spacing:9px;margin:0;line-height:1.4}.subtitle{font-size:9px;opacity:.62;letter-spacing:2px;margin-top:8px}.verse{position:absolute;left:4.4vw;bottom:5.2vh;pointer-events:none}.verse .line{display:block;width:34px;height:1px;background:#4d6762;opacity:.7;margin-bottom:15px}.verse p{font-family:local-serif,serif;font-size:15px;line-height:1.95;letter-spacing:2px;margin:0 0 10px}.verse small{font-size:9px;letter-spacing:1.5px;opacity:.68}nav{position:absolute;right:3.3vw;bottom:4.4vh;display:flex;gap:8px;align-items:center}button,select,input{font:inherit}button{color:#36504a;cursor:pointer;background:#f0e5cfcc;border:1px solid #6e857a55;border-radius:30px;padding:10px 15px;font-size:11px;backdrop-filter:blur(8px);transition:background .2s}button:hover{background:#fff2dce8}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b16b57;outline-offset:3px}button[aria-pressed=true]{background:#5c7c70;color:#fff0d3}#pause{font-size:12px;width:38px;padding:10px 0}#sound{font-size:15px}#sound span{font-size:11px;margin-left:5px}aside{position:absolute;right:22px;top:22px;bottom:82px;width:292px;border:1px solid #98a19166;border-radius:9px;background:#f5efdfec;backdrop-filter:blur(15px);box-shadow:0 12px 60px #3f4e4230;padding:20px;overflow:auto;color:#354e48}aside[hidden]{display:none}.panelhead{display:flex;align-items:center;justify-content:space-between}h2{font-size:15px;font-weight:500;margin:0}#close{border:0;background:none;padding:0;font-size:24px}aside p{font-size:11px;line-height:1.8;color:#718079;margin:12px 0 22px}aside label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:14px 0;gap:15px}select{background:#faf6e9;border:1px solid #b5beb0;border-radius:4px;padding:6px 8px;color:#395249;font-size:11px;width:170px}input{accent-color:#6f9080}input[type=range]{width:170px}#layers{border-top:1px solid #b3c0b066;margin-top:21px;padding-top:7px}#layers label{justify-content:flex-start;gap:9px;margin:9px 0;font-size:11px}aside a{display:block;font-size:11px;color:#6a8076;text-decoration:none;padding:7px 0}aside a:hover{color:#2b5244}.caption{margin-bottom:12px!important}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e7c8c1;color:#566b61;font-family:local-serif,serif;font-size:23px;letter-spacing:5px;transition:opacity 1s}#loading span{font-size:10px;letter-spacing:3px;opacity:.6;margin-top:14px}#loading[hidden]{display:none}#error{position:absolute;inset:35%;width:40%;padding:20px;background:#fff3e2;font-size:14px}#error[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#qa pre{font-size:9px;white-space:pre-wrap}@media(max-width:700px){header{top:26px;left:23px}.verse{left:23px;bottom:90px}.verse p{font-size:12px}.verse small{display:none}nav{bottom:24px;right:23px}.eyebrow{font-size:8px!important}h1{font-size:28px}aside{right:12px;top:12px;bottom:75px;width:min(292px,calc(100vw - 24px))}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:701px){.verse{left:39%;bottom:5.2vh}.verse p{font-size:13px}.verse small{font-size:8px}}
@media(min-width:701px){header{left:auto;right:4.4vw;text-align:right}}