:root{font:14px/1.5 Inter,system-ui,'Segoe UI',sans-serif;color:#e7eef5;background:#0c1118}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #7fddc8;outline-offset:2px}.shell{display:grid;grid-template-columns:255px minmax(0,1fr) 240px;height:100dvh;min-height:500px}.sidebar{display:flex;flex-direction:column;background:#121a24;border-right:1px solid #2e3847;padding:25px 14px}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;margin-bottom:45px}.mark{width:40px;height:42px;display:grid;place-items:center;border:1px solid #7ed9bd;background:#1c413c;border-radius:10px;font-size:27px;font-weight:900;color:#a7ffdd}.brand b{display:block;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:1.5px;color:#78b5aa}.section-name,.kicker{font-size:10px;letter-spacing:1.8px;color:#8295a9;font-weight:700}.section-name{padding:0 14px;margin-bottom:10px}#rooms{display:grid;gap:5px}#rooms button{display:flex;gap:11px;width:100%;border:0;border-radius:8px;background:transparent;color:#afbfcd;padding:11px 14px;text-align:left}#rooms button span{color:#738c9a;font-size:18px;line-height:19px}#rooms button.active,#rooms button:hover{background:#243a43;color:white}#rooms button.active span{color:#7dd9bf}.new-room{margin:18px 4px;border:1px dashed #476173;background:#192632;color:#98bcb7;padding:11px;border-radius:8px;text-align:left}.side-bottom{margin-top:auto;padding:15px 8px 0;border-top:1px solid #33404e;display:flex;gap:10px;align-items:center}.user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#386d5e;font-weight:800}.side-bottom small{display:block;font-size:10px;color:#8497a3}.main{min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 82% -15%,#24453a50,transparent 44%),#0c131a}.top{border-bottom:1px solid #2b3541;padding:22px 30px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top h1{font-size:24px;margin:4px 0;font-weight:700}.top span{font-size:12px;color:#9aaab7}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.header-actions button,.import-button{border:1px solid #3a4b5b;background:#1c2a35;color:#cfdfeb;border-radius:7px;padding:9px 11px;cursor:pointer}.header-actions button:hover,.import-button:hover{background:#2a4249}.notice{display:flex;align-items:flex-start;gap:9px;background:#182b32;border-bottom:1px solid #2c4b4b;padding:10px 27px;color:#a9c9c5;font-size:11px}.dot{display:block;width:7px;height:7px;border-radius:50%;background:#ddb57b;flex-shrink:0;margin-top:4px}.messages{flex:1;overflow-y:auto;padding:25px 30px;scrollbar-width:thin}.empty{margin:70px auto;max-width:370px;text-align:center;color:#8da1ae}.empty b{display:block;color:#dae9ed;font-size:18px;margin-bottom:9px}.message{display:flex;gap:12px;margin:0 0 24px;max-width:850px}.avatar{height:38px;width:38px;background:#244a47;border:1px solid #427d72;border-radius:11px;display:grid;place-items:center;color:#b1f6df;flex-shrink:0;font-weight:800}.message header{display:flex;align-items:center;gap:10px}.message header b{font-size:13px}.message time{color:#82919e;font-size:10px}.message p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#cddae4}.message main{flex:1;min-width:0}.message .delete{margin-left:auto;border:0;color:#8699a6;background:none;font-size:12px;visibility:hidden}.message:hover .delete,.message .delete:focus-visible{visibility:visible}.composer{background:#121c26;border-top:1px solid #2e404c;padding:16px 26px 20px}.composer label{display:block;color:#a3b9c2;font-weight:800;letter-spacing:.8px;font-size:10px;margin-bottom:7px}.compose-row{display:flex;gap:10px;align-items:stretch}.compose-row textarea{flex:1;min-width:0;resize:vertical;max-height:190px;min-height:60px;border:1px solid #435262;border-radius:8px;background:#1c2c37;color:#e8f3f2;padding:11px 12px}.compose-row button{background:#8fdec1;color:#10251e;border:0;border-radius:8px;padding:0 20px;font-weight:800}.composer small{display:block;margin-top:7px;font-size:10px;color:#879cab}.details{background:#141e29;border-left:1px solid #2e3846;padding:27px 20px}.room-symbol{height:72px;width:72px;border:1px solid #427765;border-radius:18px;background:#234338;display:grid;place-items:center;font-size:40px;color:#a7f1d3;margin:25px 0 15px}.details h2{font-size:19px;margin:0}.details p{color:#97a9b8;font-size:12px;line-height:1.65}.stat{margin:24px 0;padding:13px;background:#1e2d39;border:1px solid #344858;border-radius:9px}.stat strong{font-size:25px;display:block}.stat span{color:#96afbe;font-size:11px}.details hr{border:0;border-top:1px solid #2d3e49}.details h3{color:#899fae;font-size:10px;letter-spacing:1.5px}.details button{display:block;background:#32282b;border:1px solid #65424b;color:#f0c8c8;border-radius:7px;padding:10px;width:100%;margin:13px 0}.details a{display:block;color:#9bdfc7;margin:14px 0}.details .small{font-size:11px;margin-top:30px}.searchbar{display:flex;gap:8px;padding:10px 27px;background:#15242d}.searchbar input{flex:1;min-width:0;background:#253744;border:1px solid #4b6571;color:#e8f3f3;padding:8px;border-radius:6px}.searchbar button{background:transparent;color:#e9eeee;border:0}dialog{background:#17242e;color:#e9f0f7;border:1px solid #4b6470;border-radius:12px;min-width:min(440px,95vw);box-shadow:0 15px 70px #0009}dialog::backdrop{background:#050b11bc}dialog h2{margin:0 0 19px}dialog label{display:grid;gap:6px;margin:13px 0;font-size:12px}dialog input{background:#243541;border:1px solid #526371;border-radius:6px;padding:9px;color:white}.dialog-actions{display:flex;justify-content:end;gap:9px;margin-top:23px}.dialog-actions button{background:#285e50;color:white;border:0;border-radius:6px;padding:9px 15px}@media(max-width:1100px){.shell{grid-template-columns:230px minmax(0,1fr)}.details{display:none}}@media(max-width:640px){.shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:100dvh}.sidebar{padding:10px 10px 4px;border-right:0;border-bottom:1px solid #354956}.brand{margin:0 0 8px}.mark{width:32px;height:32px;font-size:20px}.section-name,.side-bottom{display:none}#rooms{display:flex;gap:5px;overflow-x:auto}#rooms button{min-width:max-content;padding:7px 10px}.new-room{margin:5px 0;padding:7px}.top{padding:13px 16px;align-items:flex-start}.top h1{font-size:19px}.header-actions{gap:4px}.header-actions button,.import-button{font-size:11px;padding:6px}.messages{padding:18px 15px}.composer{padding:12px}.compose-row button{padding:0 12px}.notice{padding:7px 12px}}