:root{font-family:system-ui,sans-serif;color:#20262e;background:#f3f5f7;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{padding:.65rem .85rem;border:1px solid #87909b;border-radius:.35rem;background:#fff;color:inherit;min-height:44px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2864b8;outline-offset:2px}input[type=range]{width:100%;min-height:44px;accent-color:#245f9e}input[readonly]{min-width:0;width:100%;padding:.5rem;border:1px solid #87909b;border-radius:.35rem}select,progress{width:100%}progress{height:1.3rem;accent-color:#245f9e}label{display:block;font-weight:600}h1{font-size:1.45rem;margin:0 0 .75rem}p{margin:.7rem 0}main{max-width:1040px;margin:auto;padding:1rem}.statusbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 1rem;background:#fff;border-bottom:1px solid #c6ccd4}.statusbar span{display:block;font-size:.85rem}.stop{background:#a51c30;color:#fff;border-color:#a51c30;font-weight:700;flex-shrink:0}.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel,.invite{padding:1rem;border:1px solid #c6ccd4;border-radius:.5rem;background:#fff;min-width:0}.invite{margin-bottom:1rem}.row{display:flex;align-items:center;gap:.5rem}.row button{flex-shrink:0}.actions{margin:.7rem 0 1.3rem}.actuator{margin:1.2rem 0}.devices .row{justify-content:space-between;margin:.5rem 0}.devices span{min-width:0}.hint{color:#505d6d;font-size:.9rem}.welcome{max-width:520px;padding-top:4rem}@media(max-width:650px){.panels{grid-template-columns:1fr}.statusbar{padding:.5rem}main{padding:.75rem}}.stage{margin-bottom:1rem}.still{width:100%;max-height:65vh;aspect-ratio:16 / 9;object-fit:contain;background:#20262e;border-radius:.35rem}.empty-still{display:grid;place-items:center;color:#fff}.speaking{display:inline-block;margin-left:.5rem;color:#245f9e}.tip-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.chat-log{height:16rem;overflow-y:auto;overflow-wrap:anywhere}#chat{min-width:0;width:100%;padding:.6rem}.actuator-toggle{display:flex;align-items:center;gap:.5rem;min-height:44px}.actuator-toggle input{width:1.3rem;height:1.3rem}fieldset{border:1px solid #87909b;border-radius:.35rem}h2{font-size:1.1rem}.stage,.tip-buttons,.chat-log,.actuator-toggle{overflow-wrap:anywhere}.tip-buttons button{max-width:100%}