:root{font-family:Inter,"Noto Sans SC",system-ui,sans-serif;color:#242821;background:#f2f3ef}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 82% 5%,#fff 0 0,#f2f3ef 45%)}.shell{width:min(1060px,calc(100% - 36px));margin:0 auto;padding:62px 0 28px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #dfe2da;padding-bottom:25px}.eyebrow{margin:0 0 12px;color:#df5d3c;font:10px/1.2 ui-monospace,monospace;letter-spacing:.18em}h1{margin:0;font-size:clamp(32px,6vw,64px);letter-spacing:-.07em;line-height:.98}h1 span{color:#df5d3c}.sub{margin:16px 0 0;color:#7f857b;font-size:13px}.status{display:flex;align-items:center;gap:8px;color:#747b71;font-size:12px;white-space:nowrap}.status i{width:9px;height:9px;border-radius:50%;background:#b1b7ac}.status.live i{background:#56a27f;box-shadow:0 0 0 5px #56a27f1f}.status.error i{background:#cc5e54}.gate{max-width:570px;padding:45px 0 60px}.gate form{display:grid;gap:10px}.gate label{color:#686f65;font-size:12px}.password-row{display:flex;gap:9px}.password-row input{min-width:0;flex:1;height:45px;padding:0 14px;border:1px solid #d7dbd2;border-radius:5px;background:#fff;font-size:15px;outline:none}.password-row input:focus{border-color:#d47a63;box-shadow:0 0 0 3px #df5d3c18}.password-row button{height:45px;padding:0 17px;border:0;border-radius:5px;background:#df5d3c;color:#fff;font-size:12px;cursor:pointer}.password-row button:disabled{opacity:.6;cursor:wait}.gate p{min-height:18px;margin:3px 0 0;color:#bd5347;font-size:11px}.stream{border:1px solid #dfe2da;background:#fff;box-shadow:0 20px 60px #2129200c}.toolbar{display:flex;align-items:center;gap:14px;min-height:62px;padding:0 17px;border-bottom:1px solid #e7e9e3}.toolbar strong{font-size:15px}.toolbar>span{color:#91978d;font:11px ui-monospace,monospace}.toolbar select{height:31px;padding:0 8px;border:1px solid #e1e4dc;border-radius:4px;background:#fff;color:#686e65;font-size:10px}.toolbar label{display:flex;align-items:center;gap:7px;margin-left:auto;width:min(290px,40%);height:31px;padding:0 9px;border:1px solid #e1e4dc;border-radius:4px;color:#9ba097}.toolbar input{width:100%;border:0;outline:0;font-size:11px}.toolbar button{width:32px;height:31px;border:1px solid #e1e4dc;background:#fff;color:#686e65;border-radius:4px;cursor:pointer}.columns,.row{display:grid;grid-template-columns:minmax(0,1fr) 205px 62px;gap:12px;align-items:center}.columns{padding:10px 17px;color:#9ba097;font-size:10px}.list{max-height:calc(100vh - 330px);min-height:230px;overflow:auto}.row{padding:13px 17px;border-top:1px solid #f0f1ed}.main{display:flex;gap:10px;min-width:0}.avatar{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ecede8;color:#6d746b;font-size:11px}.copy{min-width:0}.name{display:block;margin-bottom:3px;color:#666d63;font-size:11px}.content{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.meta{display:flex;align-items:center;gap:6px;min-width:0;color:#8b9288;font-size:10px}.room{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time{color:#9ba097;font:10px ui-monospace,monospace}.empty{display:grid;place-items:center;min-height:230px;color:#9da39a;font-size:12px}.hidden{display:none!important}footer{padding-top:18px;color:#9da39a;font-size:11px}@media(max-width:680px){.shell{width:calc(100% - 26px);padding-top:34px}header{gap:10px}.sub{font-size:11px}.status{font-size:10px}.gate{padding:32px 0 40px}.password-row{display:grid}.password-row button{width:100%}.toolbar{flex-wrap:wrap;padding:12px;gap:8px}.toolbar label{order:4;width:100%;margin-left:0}.columns,.row{grid-template-columns:minmax(0,1fr) 86px 42px;gap:7px}.columns,.row{padding-left:10px;padding-right:10px}.content{font-size:12px}.meta{font-size:8px}.time{font-size:8px}}