:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f5ef;color:#20231f}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh}button,input,select{font:inherit}.shell{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:32px 0}.panel{background:#fff;border:1px solid #dedbd2;border-radius:8px;padding:24px;box-shadow:0 18px 44px #2d2a2014}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;background:linear-gradient(135deg,#fff,#f1f6f4)}.eyebrow{margin:0 0 8px;color:#14756d;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,6vw,4.6rem);line-height:.96;letter-spacing:0}h2{margin-bottom:0;font-size:1.1rem}.status{margin-bottom:0;color:#656b61}.url-box{display:flex;align-items:center;gap:16px;min-width:min(360px,100%);padding:16px;border:1px solid #c9d8d3;border-radius:8px;background:#f8fffc}.url-box span{display:block;margin-bottom:6px;color:#5d6863;font-size:.84rem}.url-box strong{overflow-wrap:anywhere}.qr-code{display:grid;place-items:center;flex:0 0 auto;width:120px;height:120px;padding:8px;border:1px solid #d6e1dd;border-radius:8px;background:#fff}.qr-code svg{display:block;width:100%;height:100%}.grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:20px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}.wide{grid-column:1 / -1}label{display:grid;gap:8px;color:#434940;font-weight:700}input,select{width:100%;min-height:44px;border:1px solid #c8c9c2;border-radius:6px;padding:0 12px;background:#fff}button{min-height:46px;border:0;border-radius:6px;color:#fff;background:#167a70;font-weight:800;cursor:pointer}.create-room{flex:0 0 auto;min-width:160px}button#stopButton{background:#41463f}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head span{color:#5c655f;font-size:.9rem}.participants{display:grid;gap:10px;min-height:160px;margin:0;padding:0;list-style:none}.participants li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid #e0e2dd;border-radius:8px;background:#fbfbf8}.metric{color:#64706b;font-variant-numeric:tabular-nums}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero{display:grid}.url-box{align-items:flex-start}}