:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft JhengHei",sans-serif;color:#44301f;background:#fff8eb;line-height:1.6;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:16px 22px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:23px;font-weight:800;color:#743a1b;text-decoration:none;display:flex;gap:10px;align-items:center}.brand span{font-size:10px;letter-spacing:.12em}h1{font-size:clamp(22px,5vw,30px);margin:4px 0 14px;line-height:1.3}p{margin:10px 0}button,select,input{font:inherit;min-height:46px;border:1px solid #c68a4c;border-radius:14px;padding:10px 16px}button{background:#a84d20;color:#fff;cursor:pointer;font-weight:650}button:disabled{opacity:.45;cursor:default}.quiet{background:#fff7e8;color:#733b20;border-color:#e0c8a9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad6020;outline-offset:3px}select,input{width:100%;background:white;color:inherit;max-width:100%}label{display:block;font-weight:650;margin:12px 0 6px}.card{background:#fffcf6;border:1px solid #efdbbd;border-radius:24px;padding:24px;margin:16px 0;box-shadow:0 8px 24px #8a54200a}.eyebrow{font-size:11px;letter-spacing:.14em;color:#935222;font-weight:750}.muted,footer,.account{font-size:13px;color:#785c44}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}#notice{min-height:28px;font-size:14px;border-left:3px solid #c87a35;padding:8px 12px;background:#f9ecd8;border-radius:4px;overflow-wrap:anywhere}#notice.error{border-color:#b54039;color:#982a25}nav{display:flex;gap:8px;position:sticky;top:0;background:#fff8eb;padding:12px 0;z-index:3}nav button{flex:1;background:#f9efdf;color:#704321;border:1px solid #ead5b8;padding:10px 4px}nav button[aria-pressed=true]{background:#a84d20;color:white;border-color:#a84d20}#stage{position:relative;width:100%;height:clamp(250px,47vh,440px);background:#171a25;border-radius:24px;overflow:hidden}#scene{width:100%;height:100%;display:block}#loading{position:absolute;top:42%;width:100%;text-align:center;color:white}#placards{position:absolute;inset:0;pointer-events:none}.stage-caption{position:absolute;left:18px;bottom:14px;color:#ffe5bb;font-size:12px;background:#14151aaa;padding:5px 10px;border-radius:20px}.item{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #eadac4;padding:16px 0}.item p{margin:0;overflow-wrap:anywhere}.item small{display:block;color:#816e59}.item button{flex-shrink:0}details{border-top:1px solid #eadac4;padding:14px 0;margin-top:14px}summary{cursor:pointer;font-weight:600}#pass-qr{width:100%;max-width:320px;display:block;margin:auto}.code{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:13px}#pass-view{text-align:center;background:#fff;padding:10px;border-radius:16px;margin-top:12px}li{margin:14px 0;overflow-wrap:anywhere}footer{padding-bottom:calc(20px + env(safe-area-inset-bottom));text-align:center}footer details{max-width:600px;margin:auto}body.watch{background:#141720;color:#fff}.watch header,.watch main,.watch footer{max-width:none}.watch .brand{color:#ffe6bb}.watch main{padding-top:0}.watch #stage{height:calc(100vh - 210px);border-radius:12px}.watch:fullscreen header,.watch:fullscreen footer,.watch:fullscreen #notice{display:none}.watch:fullscreen main{padding:0}.watch:fullscreen #stage{height:100vh;border-radius:0}.watch #notice{color:#51311e}@media(max-width:500px){header,main,footer{padding-left:16px;padding-right:16px}.brand span{display:none}header button{padding:8px 10px;min-height:40px;font-size:13px}.card{padding:20px}#stage{border-radius:20px}.actions button{flex:1}.item button{padding:9px;font-size:14px}}
body.system-render{margin:0;background:#171a25}body.system-render #stage{width:100vw;height:100vh;border-radius:0}
