:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#efe6d6;--ink:#2b2622;--brass:#b8a77f}*{box-sizing:border-box}html,body{background:#1d1a17;height:100%;margin:0;font-family:Songti SC,STSong,Noto Serif SC,Georgia,serif;overflow:hidden}#hall{position:fixed;inset:0}#hall canvas{width:100%;height:100%;display:block}#masthead[hidden]{display:none}#masthead{left:32px;top:calc(env(safe-area-inset-top,0px) + 28px);color:var(--paper);pointer-events:none;position:fixed}#masthead .kicker{letter-spacing:.3em;color:var(--brass);margin:0;font:500 12px/1 Georgia,serif}#masthead h1{letter-spacing:.06em;margin:12px 0 8px;font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.25}#masthead .sub{opacity:.65;margin:0;font-size:13px}#hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);color:var(--paper);opacity:.6;white-space:nowrap;margin:0;font-size:13px;position:fixed;transform:translate(-50%)}#label{background:var(--paper);width:min(380px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);padding:26px 28px 22px;position:fixed;top:50%;right:32px;overflow-y:auto;transform:translateY(-50%);box-shadow:0 24px 60px #00000073}#label .close{border:1px solid var(--ink);width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:18px;position:absolute;top:12px;right:14px}#label .number{letter-spacing:.2em;color:#7a6a58;margin:0;font:500 12px Georgia,serif}#label h2{letter-spacing:.04em;margin:10px 0 4px;font-size:34px}#label .aka{color:#7a6a58;margin:0 0 14px;font-size:15px}#label dl{border-top:1px solid var(--brass);border-bottom:1px solid var(--brass);grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding:12px 0;font-size:14px;display:grid}#label dt{color:#7a6a58}#label dd{margin:0}#label .reading{margin:16px 0;font-size:16px;line-height:1.9}#label nav{color:#7a6a58;justify-content:space-between;align-items:center;font-size:13px;display:flex}#label nav button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:700}body.recording #masthead,body.recording #hint,body.recording #hall{display:none}body.recording canvas{width:auto;height:100vh;margin:0 auto;display:block}@media (width<=720px){#masthead{left:18px}#masthead h1{font-size:22px}#label{top:auto;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:auto;max-height:52dvh;padding:18px 20px 14px;transform:none}#label h2{font-size:26px}#label .reading{font-size:15px;line-height:1.8}}#home{right:24px;top:calc(env(safe-area-inset-top,0px) + 24px);color:var(--brass);opacity:.75;font-size:12px;text-decoration:none;position:fixed}#home:hover{opacity:1}body.recording #home{display:none}#progress{color:var(--brass);opacity:.9!important;margin-top:6px!important}#progress:empty{display:none}