:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf7;background:#07111f}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.shell{display:grid;grid-template-columns:340px 1fr;height:100vh;background:#0b1423}.shell aside{border-right:1px solid #223047;background:#0d192b;display:flex;flex-direction:column}.shell header,.chathead{display:flex;align-items:center;gap:10px;padding:16px}.shell header b{margin-right:auto}.shell button,.chathead button,footer button{background:transparent;color:#b8c5d9;padding:8px;border-radius:10px}.shell button:hover,.chathead button:hover{background:#1a2940;color:#fff}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#21c2a2,#0b5fff);display:grid;place-items:center;color:#fff;font-weight:800;flex:none}.search{margin:0 14px;background:#17253a;display:flex;gap:8px;padding:10px;border-radius:11px;color:#91a1b9}.search input{border:0;outline:0;background:none;color:#fff;width:100%}.new{margin:12px 14px;background:#1267e8!important;color:#fff!important;display:flex;justify-content:center;gap:8px}.tabs{display:flex;gap:20px;padding:12px 18px;border-bottom:1px solid #223047;color:#9caac0}.tabs span:first-child{color:#fff;border-bottom:2px solid #21c2a2;padding-bottom:8px}.tabs svg{width:16px;vertical-align:middle}.conversations{overflow:auto}.conversations a{display:flex;gap:11px;color:#eaf1ff;text-decoration:none;padding:12px 16px}.conversations a:hover{background:#17253a}.conversations small,.chathead small{display:block;color:#91a1b9;margin-top:3px}.muted{color:#91a1b9;padding:10px 18px;font-size:.9rem}.content{min-width:0;position:relative}.welcome,.auth{height:100%;display:grid;place-content:center;text-align:center;gap:10px}.welcome .brandmark,.auth .brandmark{margin:auto}.brandmark{width:72px;height:72px;border-radius:23px;background:linear-gradient(135deg,#21c2a2,#0b5fff);display:grid;place-items:center;font-size:2rem;font-weight:900}.welcome h1{margin:4px}.welcome p,.welcome small{color:#9bacbf}.auth{min-height:100vh;background:radial-gradient(circle at 20% 20%,#13356c,#07111f 50%);grid-template-columns:1fr 380px;gap:80px;padding:30px}.auth section{text-align:left}.auth section .brandmark{margin:0}.auth form{background:#101d31;border:1px solid #263854;padding:30px;border-radius:20px;text-align:left}.auth input,.auth form>button{display:block;width:100%;padding:12px;margin:11px 0;border-radius:10px;border:1px solid #344864;background:#091426;color:#fff}.auth form>button,.round{background:#1267e8!important;color:#fff!important}.auth nav{display:flex;justify-content:space-between}.auth nav button{color:#82b2ff;padding:0;background:none}.error{color:#ff9b9b;font-size:.85rem}.chat{height:100%;display:flex;flex-direction:column}.chathead{border-bottom:1px solid #223047;background:#0d192b}.spacer{flex:1}.messages{flex:1;overflow:auto;padding:24px max(5%,30px);display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#0a1525,#0d1b2e)}article{max-width:min(70%,580px);background:#192a43;border-radius:4px 15px 15px;padding:9px 12px;align-self:flex-start}article.mine{align-self:flex-end;background:#075f58}article p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}article small{font-size:.72rem;color:#c0cad7;float:right;margin:5px 0 0 15px}.chat footer{display:flex;align-items:end;gap:4px;padding:12px;background:#0d192b}.chat textarea{resize:none;max-height:150px;flex:1;border:1px solid #30435e;border-radius:20px;padding:10px 14px;background:#17253a;color:#fff;outline:none}.offline{position:absolute;top:0;left:0;right:0;z-index:4;background:#c58416;color:#15100a;display:flex;justify-content:center;gap:8px;padding:7px;font-size:.85rem}.fatal{padding:40px;text-align:center}.mobile{display:none}@media(max-width:720px){.shell{grid-template-columns:1fr}.shell aside{display:none}.auth{grid-template-columns:1fr;padding:20px;gap:15px}.auth section{text-align:center}.auth section .brandmark{margin:auto}.mobile{display:block}.messages{padding:16px}article{max-width:85%}}