:root{color:#f3eee3;font-synthesis:none;text-rendering:optimizelegibility;background:#17232e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #edaa80}.app-shell{height:100svh;min-height:650px;position:relative;overflow:hidden}.venue-view{position:absolute;inset:0}.venue-view canvas{touch-action:none;display:block}.topbar{pointer-events:none;justify-content:space-between;align-items:center;height:94px;padding:0 44px;display:flex;position:absolute;inset:0 0 auto}.topbar>*{pointer-events:auto}.brand{letter-spacing:-1px;color:inherit;align-items:center;gap:6px;font-size:24px;font-weight:600;text-decoration:none;display:flex}.brand-symbol{border:1px solid #60716e;border-radius:11px;place-items:center;width:37px;height:37px;margin-right:10px;font:italic 27px Georgia,serif;display:grid}.brand-live{color:#d9a17d;font-weight:400}.venue-tag{color:#b0c0bf;letter-spacing:.17em;align-items:center;gap:9px;font-size:10px;display:flex}.status-dot,.tiny-dot{background:#b3c698;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.icon-button{color:#d6dfd9;background:#1e2b35;border:1px solid #3f515b;border-radius:20px;padding:10px 16px;font-size:12px}.entry-card{background:#17232eed;border:1px solid #354652;border-radius:4px;width:330px;padding:25px 26px 22px;position:absolute;top:17%;left:5%}.eyebrow{color:#c8bca5;letter-spacing:.17em;font-size:8px}h1{letter-spacing:-2.6px;margin:22px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:57px;font-weight:400;line-height:1.03}.intro{color:#acbabd;font-size:13px;line-height:1.75}.show-note{border-top:1px solid #34444e;align-items:center;gap:10px;margin-top:22px;padding:19px 0;display:flex}.show-note strong{font-size:12px;font-weight:500;display:block}.show-note div>span{color:#9cacb2;margin-top:6px;font-size:10px;display:block}label{color:#d0d5cf;margin-bottom:9px;font-size:10px;display:block}.name-field{background:#1e2b36;border:1px solid #52606a;border-radius:3px;align-items:center;padding:0 12px;display:flex}.name-field input{color:#f3eee3;background:0 0;border:0;width:100%;min-width:0;height:43px;font-size:13px}.name-field span{letter-spacing:.08em;color:#789097;flex-shrink:0;font-size:8px}.name-field input::placeholder{color:#82969f}.join-button{color:#25323b;background:#e7ac87;border:0;border-radius:3px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:13px 16px;font-size:12px;font-weight:600;display:flex}.join-button span{font-size:18px;font-weight:400}.join-button:hover{background:#f4c09b}.entry-footnote{color:#85999f;text-align:center;margin:15px 0 0;font-size:9px}.room-footer{color:#b3c1c4;pointer-events:none;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:26px;left:44px;right:44px}.room-footer>div{align-items:center;gap:16px;display:flex}.room-index{color:#d4b293;letter-spacing:.14em;font-size:9px}.reset-button{pointer-events:auto;color:#d6dfd9;background:#263740;border:1px solid #50646c;border-radius:50%;width:34px;height:34px;font-size:19px}kbd{letter-spacing:2px;border:1px solid #647880;border-radius:3px;padding:5px 8px;font-size:9px}.presence-pill{white-space:nowrap;background:#1c2b36ed;border:1px solid #4b616b;border-radius:30px;align-items:center;gap:13px;padding:12px 18px;font-size:12px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.presence-pill>span:not(.tiny-dot){color:#a9babc}.presence-pill button{color:#e0ac91;background:0 0;border:0;border-left:1px solid #53656c;padding-left:13px;font-size:11px}.self-label{color:#25343d;letter-spacing:1px;pointer-events:none;background:#f3e4bb;border-radius:3px;padding:3px 6px;font-size:8px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.self-label[hidden]{display:none}.touch-pad{touch-action:none;-webkit-user-select:none;user-select:none;background:#223540b3;border:1px solid #9aafa969;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;bottom:90px;left:30px}.touch-pad span{pointer-events:none;background:#ccddd2b3;border:1px solid #f0eed29c;border-radius:50%;width:45px;height:45px}.error-banner{background:#422f2d;border:1px solid #d19378;justify-content:space-between;align-items:center;gap:15px;width:min(90%,600px);padding:16px;font-size:13px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.error-banner button{color:#ffe0c7;background:0 0;border:1px solid #b78871;border-radius:3px;padding:6px 10px}.diagnostics{background:#17232ef5;border:1px solid #51626b;border-radius:4px;flex-direction:column;gap:10px;width:245px;padding:19px;font:11px monospace;display:flex;position:absolute;top:108px;right:30px}.diagnostics strong{margin-bottom:5px;font-size:12px}.diagnostics button{color:#263740;background:#c5d4bf;border:none;border-radius:2px;padding:9px;font-size:11px}.diagnostics a{color:#e0b093;line-height:1.5}.diagnostics small{color:#9fb4b9;line-height:1.5}@media (max-width:760px){.app-shell{min-height:570px}.topbar{height:70px;padding:0 20px}.brand{font-size:20px}.brand-symbol{width:30px;height:30px;margin-right:4px;font-size:23px}.venue-tag{display:none}.icon-button{padding:8px 12px;font-size:10px}.entry-card{width:275px;padding:18px 22px;top:auto;bottom:68px;left:20px}h1{margin:12px 0;font-size:40px}.intro{margin:8px 0;font-size:11px}.show-note{margin-top:10px;padding:12px 0}.entry-footnote{margin-top:10px}.room-footer{font-size:9px;bottom:20px;left:20px;right:20px}.room-footer>div{gap:8px}.room-footer>div:first-child>span:last-child,.controls-hint kbd{display:none}.presence-pill{gap:8px;padding:12px;font-size:10px;top:79px}.diagnostics{top:130px;right:16px}}@media (max-height:650px) and (min-width:761px){.entry-card{top:90px}h1{margin:12px 0;font-size:42px}.show-note{margin-top:12px;padding:10px 0}}.audio-panel{z-index:3;background:#142329ee;border-radius:16px;flex-wrap:wrap;gap:10px;max-width:min(360px,100vw - 48px);padding:14px;display:flex;position:absolute;top:140px;left:24px}.audio-panel>span{width:100%}.audio-panel button,.artist-page button{cursor:pointer;border-radius:10px;padding:10px 14px}.audio-panel label{align-items:center;gap:8px;display:flex}.artist-page{max-width:600px;height:100dvh;margin:0 auto;padding:40px 24px;overflow-y:auto}.artist-page h1{font-size:clamp(36px,8vw,64px)}.artist-page form,.artist-page label{gap:12px;display:grid}.artist-page form{margin:24px 0}.artist-page input,.artist-page select{border-radius:8px;width:100%;padding:12px}.artist-page meter{width:100%;height:24px}.stage-button{pointer-events:auto;white-space:nowrap;color:inherit;cursor:pointer;background:#263b45;border:1px solid #ffffff40;border-radius:18px;padding:8px 12px}