:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#1859ff;border:0;border-radius:6px;padding:10px 14px}button:hover{background:#0f47d8}button.secondary{color:#183153;background:#edf2fb}button.secondary:hover{background:#dbe6f8}.app-shell,.auth-shell{min-height:100vh;padding:28px}.auth-shell{place-items:center;display:grid}.auth-panel{width:min(480px,100%)}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;max-width:1180px;margin:0 auto 24px;display:flex}.account{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.account span{color:#526074;overflow-wrap:anywhere;max-width:280px}.eyebrow{color:#59657a;letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:700}h1{margin:10px 0 0;font-size:clamp(34px,5vw,64px);line-height:1}h2{margin:0;font-size:24px;line-height:1.15}.lead{color:#4f5c70;margin:0 0 20px;font-size:18px;line-height:1.55}.room-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;max-width:1180px;margin:0 auto;display:grid}.control-panel,.chat-panel,.auth-panel,.notice{background:#fff;border:1px solid #dce2ec;border-radius:8px;box-shadow:0 16px 60px #10182814}.control-panel{align-self:start;padding:20px}.chat-panel{flex-direction:column;min-height:640px;display:flex;overflow:hidden}.primary-action{width:100%}.share-box{border-top:1px solid #e6ebf2;gap:10px;margin-top:20px;padding-top:20px;display:grid}.share-box span,.room-meter{color:#627086;font-size:14px}.share-box code{color:#183153;overflow-wrap:anywhere;background:#f3f6fb;border:1px solid #dce2ec;border-radius:6px;padding:10px}.room-meter{border-top:1px solid #e6ebf2;margin-top:20px;padding-top:20px}.room-meter strong{color:#172033;font-size:28px}.notice,.error{color:#7a4b00;border-color:#f3c279;margin-top:18px;padding:14px}.google-button{margin-top:24px}.empty-state,.join-form{text-align:center;gap:14px;max-width:440px;margin:auto;padding:24px;display:grid}.empty-state p{color:#59657a;margin:0;line-height:1.5}.join-form{text-align:left}label{color:#31405a;gap:8px;font-weight:700;display:grid}input,textarea{color:#172033;border:1px solid #ccd6e5;border-radius:6px;width:100%;padding:11px 12px}textarea{resize:vertical}.chat-header{border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.participant-list{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:50%;display:flex}.participant-list span{color:#183153;text-overflow:ellipsis;white-space:nowrap;background:#edf2fb;border-radius:999px;max-width:180px;padding:6px 10px;font-size:13px;overflow:hidden}.message-list{flex-direction:column;flex:1;gap:12px;margin:0;padding:20px;list-style:none;display:flex;overflow-y:auto}.message-list li{background:#f6f8fc;border:1px solid #e1e7f0;border-radius:8px;align-self:flex-start;max-width:min(620px,88%);padding:12px 14px}.message-list li.own-message{background:#eaf1ff;border-color:#c8d8ff;align-self:flex-end}.message-list div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.message-list strong{overflow-wrap:anywhere}.message-list time{color:#68758a;white-space:nowrap;font-size:12px}.message-list p{overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0;line-height:1.45}.message-form{border-top:1px solid #e6ebf2;gap:10px;padding:16px 20px;display:grid}.send-row{justify-content:space-between;align-items:center;display:flex}.send-row span{color:#68758a;font-size:13px}.sr-only{width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=820px){.app-shell{padding:18px}.topbar,.room-grid{grid-template-columns:1fr}.topbar,.chat-header{flex-direction:column}.account{justify-content:flex-start}.chat-panel{min-height:560px}.participant-list{justify-content:flex-start;max-width:100%}.message-list li{max-width:96%}}