:root{font-family:Inter,system-ui,sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.layout{display:flex;height:100vh;max-width:1200px;margin:auto;background:white}aside{width:280px;background:#17202a;color:white;padding:28px 22px;position:relative}h1,h2,h3,p{margin-top:0}aside h2{font-size:25px;margin-bottom:28px}.me{padding:12px;background:#263440;border-radius:10px;margin-bottom:32px}.me span{font-size:11px;background:#8b5cf6;border-radius:5px;padding:3px 5px;float:right}.person{padding:10px 2px;color:#dbe4ea}.person:first-letter{color:#35c98b}.ghost{width:100%;margin-top:12px;background:transparent;border:1px solid #52606b;color:#dbe4ea}.chat{flex:1;display:flex;flex-direction:column;min-width:0}header{padding:28px 34px;border-bottom:1px solid #e8edf0}header h1{font-size:22px;margin-bottom:5px}.muted{color:#77838d;font-size:14px}.chat>#msgs{flex:1;overflow:auto;padding:25px 34px}article{max-width:760px;margin-bottom:20px}article b{margin-right:12px}time{font-size:12px;color:#9aa4aa}article div{margin-top:6px;white-space:pre-wrap;line-height:1.45}article a{display:inline-block;margin-top:7px;color:#5b44d6;text-decoration:none}.chat form{display:flex;gap:10px;padding:18px 30px;border-top:1px solid #e8edf0}.chat input:not([type=file]){flex:1;border:1px solid #d7dfe4;border-radius:12px;padding:13px;font-size:15px}.chat button,.auth button,.admin button{background:#5b44d6;color:white;border:0;border-radius:10px;padding:0 20px;font-size:15px}.attach{font-size:22px;padding:8px;cursor:pointer}.card{background:white;border-radius:18px;box-shadow:0 12px 50px #1b263314}.auth{width:380px;margin:15vh auto;padding:38px}.auth h1{text-align:center}.auth form{display:grid;gap:12px}.auth input,.admin input{padding:13px;border:1px solid #d7dfe4;border-radius:9px;font-size:15px}.auth button{height:45px}.auth small{color:#d33;text-align:center}.admin{max-width:800px;margin:50px auto;padding:35px}.link{background:none!important;color:#5b44d6!important;padding:0!important;margin-bottom:25px}.admin form{display:flex;gap:10px;margin:25px 0}.admin form input{flex:1}.row{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #edf0f2}.row span{flex:1}.row button{padding:9px 12px;font-size:13px}.row small{color:#77838d}@media(max-width:650px){aside{width:190px;padding:20px 14px}.chat>#msgs,header{padding-left:18px;padding-right:18px}.chat form{padding:12px}.admin{margin:15px;padding:20px}.admin form{display:grid}.row{flex-wrap:wrap}.row span{flex-basis:100%}}