:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f1f5df;background:#182012;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.centered{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 0%,#65743b,transparent 44%),#182012}.card{width:min(100%,440px);background:#29331e;border:1px solid #586940;border-radius:20px;padding:32px;box-shadow:0 18px 50px #07100599}h1,h2,p{margin-top:0}h1{margin-bottom:9px}p{color:#cad7ad}label{display:block;margin:22px 0 8px;font-weight:600}input{width:100%;border:1px solid #65754a;background:#131b0e;border-radius:9px;color:#fff;padding:12px 13px;outline:none}input:focus{border-color:#c0d36c}button{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:#a8bd58;color:#14200c;border-radius:9px;font-weight:700;padding:12px 16px}form button{width:100%;margin-top:12px}.status{display:flex;align-items:center;gap:7px;color:#cdf48c;font-size:.9rem}.divider{text-align:center;color:#aab78d;margin:22px 0 2px}.error,.composer-error{color:#ffc1a8;margin:16px 0 0}.chat-layout{min-height:100vh;display:grid;grid-template-columns:285px minmax(0,1fr);background:#182012}.sidebar{padding:24px 16px;background:#25301b;border-right:1px solid #4f603a;display:flex;flex-direction:column;gap:30px}.brand{font-weight:800;font-size:1.3rem}.room-code{background:transparent;color:#d1e584;padding:8px 0;font-size:.82rem}.members{flex:1}.members h2{color:#c3d3a5;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.member{display:flex;gap:9px;align-items:center;padding:8px 4px;color:#f3f8e4}.member>span:nth-child(2){display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis}.avatar{width:29px;height:29px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#667844;font-size:.72rem}.crown{color:#e9d778}.member button{margin-left:auto;padding:7px;background:transparent;color:#ffb29b}.sidebar-actions{display:grid;gap:8px}.sidebar-actions button{background:#445331;color:#f0f6de}.sidebar-actions .danger{background:#714435;color:#ffe0d6}.chat-panel{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.chat-panel header{padding:21px 28px;border-bottom:1px solid #4f603a}.chat-panel header h1{font-size:1.1rem;margin:0 0 3px}.chat-panel header p{margin:0;font-size:.85rem}.messages{padding:26px max(22px,6vw);overflow-y:auto;max-height:calc(100vh - 151px)}.message{width:fit-content;max-width:min(680px,82%);background:#344325;border-radius:4px 16px 16px;padding:10px 13px;margin-bottom:15px}.message.mine{margin-left:auto;background:#75883c;border-radius:16px 4px 16px 16px;color:#14200c}.message-meta{display:flex;align-items:baseline;gap:9px;font-size:.76rem;color:#e2ebca}.message-meta time{font-size:.68rem;opacity:.8}.message p{white-space:pre-wrap;color:#fff;margin:6px 0 0;overflow-wrap:anywhere}.message.mine p{color:#14200c}.message img{display:block;max-width:100%;max-height:300px;border-radius:10px;margin-top:7px}.message audio{max-width:100%;margin-top:7px}.composer-wrap{border-top:1px solid #4f603a;background:#25301b}.composer{display:flex;gap:9px;padding:16px max(20px,6vw)}.composer input{flex:1}.composer button{width:44px;padding:0;flex:0 0 44px}.composer button:last-child{background:#a8bd58}.composer .recording{background:#e47a62;color:#350d06;animation:pulse 1s infinite}@keyframes pulse{50%{transform:scale(.94)}}.composer-error{padding:0 max(20px,6vw) 12px;font-size:.85rem}.toast{position:fixed;right:20px;bottom:20px;max-width:360px;padding:13px 16px;color:#fff;background:#39492a;border:1px solid #778b58;border-radius:10px;box-shadow:0 10px 25px #07100599}@media(max-width:700px){.chat-layout{grid-template-columns:1fr}.sidebar{min-height:auto;padding:15px;display:grid;grid-template-columns:1fr auto;gap:12px;border-right:0;border-bottom:1px solid #4f603a}.members{display:none}.sidebar-actions{grid-column:2;display:flex}.sidebar-actions button{padding:9px;font-size:0}.sidebar-actions svg{width:19px;height:19px}.chat-panel{min-height:calc(100vh - 112px)}.messages{max-height:calc(100vh - 224px);padding:18px}}:root{color:#eff8e9;background:#061c19}.centered{background:radial-gradient(circle at 12% 0%,#1f725f,transparent 46%),radial-gradient(circle at 100% 100%,#254d2d,transparent 42%),#061c19}.card{background:#10342d;border-color:#2d7060;box-shadow:0 20px 60px #020b09bb}p{color:#bbd8cb}input{background:#09251f;border-color:#347361}input:focus{border-color:#b7ec7d;box-shadow:0 0 0 3px #b7ec7d22}button{background:#b7df69;color:#0b241d}.status{color:#c6f58b}.divider{color:#91b7a6}.chat-layout{background:#061c19}.sidebar,.composer-wrap{background:#0c3029;border-color:#286553}.room-code{color:#c6f58b}.members h2{color:#b7d3c6}.member{color:#f0faeb}.avatar{background:#236854}.crown{color:#f5d479}.sidebar-actions button{background:#1c5547;color:#eff8e9}.sidebar-actions .danger{background:#713f38;color:#ffe5d9}.chat-panel header{border-color:#286553}.message{background:#12463b}.message.mine{background:#6ca34e;color:#092119}.message-meta{color:#d7eddc}.message.mine .message-meta{color:#183521}.composer button:last-child{background:#b7df69}.toast{background:#16483d;border-color:#579f78;box-shadow:0 10px 28px #020b09cc}