@font-face{font-family:MoonSerif;src:url(/fonts/pagoda-serif.woff2) format("woff2");font-display:swap}:root{font-family:MoonSerif,Songti SC,serif;color:#e6efec;background:#1923a7;color-scheme:dark}*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}main{position:fixed;inset:0}canvas{width:100%;height:100%;display:block;outline-offset:-6px}button,a{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{text-decoration:none}button:hover,a:hover{color:#fff}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:1px solid #e6efec;outline-offset:6px}canvas:focus-visible{outline-offset:-6px}[hidden]{display:none!important}.art-header{position:fixed;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(25px + env(safe-area-inset-top)) 32px 20px;font-size:12px;letter-spacing:2px;opacity:.72;pointer-events:none}.art-header a{display:flex;gap:13px;justify-self:start;pointer-events:auto}.work-title{display:flex;gap:15px;align-items:center}.work-title small{font:9px Georgia;letter-spacing:3px}.art-caption{position:fixed;bottom:10vh;left:3vw;padding:24px 32px calc(24px + env(safe-area-inset-bottom));pointer-events:none;text-shadow:0 2px 15px #100c0d}.caption{font-size:13px;letter-spacing:3px}.caption small{display:block;margin-top:10px;font-size:9px;letter-spacing:2px;opacity:.45}.verse>span{display:block;line-height:2.2;letter-spacing:4px;color:#d2ddd7}#fallback{position:absolute;top:40%;left:10%;right:10%;text-align:center;line-height:2}#retry{display:block;margin:20px auto;border-bottom:1px solid;padding:10px}@media(max-width:600px){.art-header{padding-left:20px;padding-right:20px;font-size:11px}.work-title small{display:none}.art-caption{bottom:0;left:0;padding-left:20px;padding-right:20px}.caption{font-size:10px;letter-spacing:1px}.caption small{font-size:8px}}.sound-controls{position:fixed;right:28px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:10}.sound-toggle{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #d1ded12b;background:#111619e6;border-radius:3px;font-size:11px;letter-spacing:2px;color:#d2ddd7}.sound-toggle:hover,.sound-toggle[aria-expanded=true]{border-color:#d1ded170}.sound-off,.sound-toggle[data-muted=true] .sound-wave{display:none}.sound-toggle[data-muted=true] .sound-off{display:block}.sound-panel{position:absolute;bottom:55px;right:0;width:228px;padding:19px 20px 12px;background:#121a1cf5;border:1px solid #d1ded13b;border-radius:3px;box-shadow:0 10px 35px #0003}.sound-panel label{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.sound-panel output{font:11px Georgia,Songti SC,serif;color:#c9d5ce}.sound-panel input{display:block;width:100%;margin:14px 0 7px;height:28px;accent-color:#d5e1d6;cursor:pointer}.sound-panel input:focus-visible{outline:1px solid #e6efec;outline-offset:3px}.sound-panel button{width:100%;min-height:40px;border-top:1px solid #d1ded122;font-size:11px;letter-spacing:2px;color:#c9d5ce}@media(max-width:600px){.sound-controls{right:20px;bottom:calc(22px + env(safe-area-inset-bottom))}.sound-panel{width:min(228px,calc(100vw - 40px))}}