:root{font-family:system-ui,-apple-system,sans-serif;color:#262c29;background:#f5f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:650px;margin:auto;padding:30px 20px 60px}header{padding:10px 0 24px;border-bottom:1px solid #d3d8cb}.eyebrow{font-size:11px;letter-spacing:2px;color:#5e7260}h1{font-size:30px;letter-spacing:-1px;margin:12px 0}h2{font-size:21px}h3{font-size:17px}p{line-height:1.7;color:#58635b}section{margin:24px 0}label{display:block;margin:17px 0;font-size:14px}input,select,button{font:inherit;border-radius:9px;min-height:48px}input,select{width:100%;padding:12px;border:1px solid #bbc7b6;background:#fff;color:#262c29;margin-top:7px}button{border:1px solid #304f3e;background:#304f3e;color:white;padding:11px 18px;cursor:pointer;margin:6px 6px 6px 0}button:disabled{opacity:.45;cursor:default}.secondary{color:#304f3e;background:transparent;border-color:#b8c5b8}.danger{color:#8a382e;background:#fff4ed;border-color:#bd9e91}form>button{width:100%}.line{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{font-size:12px;padding:6px 9px;background:#e4ebdf;border-radius:20px;white-space:nowrap}.small{font-size:12px}#notice{color:#8a382e;min-height:24px}#seats{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px}#seats li{padding:13px 10px;background:#fff;border:1px solid #d9dfd1;border-radius:9px;overflow-wrap:anywhere;font-size:14px}#seats .dead{opacity:.5}.identity{background:#e8eddf;padding:18px;border-radius:12px}.identity h3{margin:0}#role{font-size:24px}#controls{margin:20px 0;border-top:1px solid #d3d8cb;padding-top:15px}#result{padding:14px;background:#ede6d6;border-radius:9px}details{border-top:1px solid #d3d8cb;padding-top:20px;margin-top:24px}summary{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b6ad5f;outline-offset:3px}[hidden]{display:none!important}@media(max-width:350px){main{padding:18px 12px}h1{font-size:26px}}
.hosting{background:#fffdf4;border:1px solid #d3d8cb;border-radius:13px;padding:18px}.hosting h3{margin:0}.hosting #hosting-announcement{font-size:18px;font-weight:700;color:#304f3e;margin-bottom:10px}.hosting #speaker{display:block;color:#8a592e}.media-controls{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.media-controls button{flex:1;min-width:140px}.hosting .small{margin:10px 0 0}#seats .speaking{border:2px solid #42694b;background:#e6eddc}#remote-audio{display:none}#countdown{font-variant-numeric:tabular-nums;font-size:14px}