: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}}#progress{color:var(--brass);opacity:.9!important;margin-top:6px!important}#progress:empty{display:none}#halls{pointer-events:auto;flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}#halls a{color:var(--paper);opacity:.75;border:1px solid #b8a77f73;border-radius:14px;padding:5px 11px;font-size:12px;text-decoration:none}#halls a:hover{opacity:1;border-color:var(--brass)}#halls a[aria-current=page]{background:var(--brass);border-color:var(--brass);color:var(--ink);opacity:1;font-weight:700}#open-submit{border:1px solid var(--brass);color:var(--brass);font:inherit;letter-spacing:.1em;cursor:pointer;pointer-events:auto;background:#1d1a1799;border-radius:16px;margin-top:14px;padding:7px 14px;font-size:13px}#open-submit:hover{background:var(--brass);color:var(--ink)}#submit{background:var(--paper);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;padding:28px 30px 22px;font-family:inherit;box-shadow:0 24px 60px #00000080}#submit::backdrop{background:#0a080699}#submit .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}#submit .number{letter-spacing:.2em;color:#7a6a58;margin:0;font:500 12px Georgia,serif}#submit h2{letter-spacing:.04em;margin:10px 0 8px;font-size:26px}#submit h3{border-top:1px solid var(--brass);margin:22px 0 6px;padding-top:12px;font-size:16px}#submit p{margin:6px 0;font-size:14px;line-height:1.75}#submit .lead{color:#4d443c}#submit label{color:#5d5148;margin:10px 0;font-size:13px;display:block}#submit input,#submit textarea{width:100%;color:var(--ink);background:#fbf7ef;border:1px solid #c9bca5;margin-top:4px;padding:8px 10px;font:15px/1.6 inherit;display:block}#submit textarea{resize:vertical}#submit pre{white-space:pre-wrap;word-break:break-word;background:#e3d8c4;margin:6px 0;padding:10px 12px;font:12px/1.6 ui-monospace,Menlo,monospace}#submit .row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}#submit .row button{background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border:0;padding:8px 18px;font-size:14px}#submit .row button:disabled{opacity:.5}#submit .row a{color:var(--ink);font-size:14px}#submit .trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}#submit-status{color:#7a6a58;font-size:13px}@media (width<=720px){#submit{padding:22px 18px 16px}}