:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf5;background:#080b10;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}main{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{background:#0d1118;border-right:1px solid #202733;padding:28px 20px}.brand{letter-spacing:.32em;color:#83bfff;margin-bottom:32px;font-size:18px}button{color:#e8edf5;cursor:pointer;background:#172131;border:1px solid #344257;border-radius:8px;padding:11px 14px}aside button{text-align:left;width:100%;margin-bottom:10px}.private{background:#211a35;border-color:#7256b6}nav{gap:6px;margin-top:24px;display:grid}nav a,a{color:#b8c7dd;border-radius:6px;padding:9px;text-decoration:none}nav a:hover{background:#161d28}.content{padding:8vh 7vw}.content header h1{margin-bottom:8px;font-size:42px}.content header p{color:#8795aa}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:60px;display:grid}.cards article{background:#0e141d;border:1px solid #202b3a;border-radius:14px;min-height:170px;padding:24px}.cards strong{font-size:44px}.cards p{color:#91a0b5}.ok{color:#62d99a}.down,.error{color:#ff7d7d}.login{place-items:center;min-height:100vh;display:grid}.login form{background:#0e141d;border:1px solid #202b3a;border-radius:14px;width:min(420px,90vw);padding:36px}.login label{color:#aab7ca;gap:8px;margin:18px 0;display:grid}.login input,.chat textarea{color:#fff;background:#080b10;border:1px solid #344257;border-radius:8px;padding:12px}.login button{width:100%}.chat{grid-template-rows:auto 1fr auto;width:100%;max-width:900px;min-height:100vh;margin:auto;padding:20px;display:grid}.chat header{border-bottom:1px solid #202b3a;justify-content:space-between;padding-bottom:16px;display:flex}.thread{padding:30px 0}.message{background:#101722;border-radius:10px;margin:10px 0;padding:14px}.message.user{background:#182844;margin-left:15%}.chat form{gap:10px;display:flex}.chat textarea{resize:vertical;flex:1}@media (max-width:800px){main{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:1fr}.content{padding:30px}}
