*{box-sizing:border-box}body{margin:0;background:#071d2a;color:#eaf5ff;font:16px/1.6 system-ui,sans-serif}header{display:flex;align-items:center;gap:18px;padding:18px 5%;border-bottom:1px solid #294a5d}header img{width:36px}header button{margin-left:auto}main{max-width:1000px;margin:30px auto;padding:0 20px 80px}h1{font-size:30px;line-height:1.2}h2{font-size:20px}p,small{color:#b0c9d9}.card{background:#102e40;border:1px solid #31566b;border-radius:18px;padding:24px;margin:18px 0}.auth{max-width:480px;margin:50px auto}label{display:block;margin:20px 0}input,textarea,select{display:block;width:100%;padding:14px;background:#071e2b;color:#eef8ff;border:1px solid #4b7188;border-radius:9px;font:inherit;margin-top:8px}input[type=checkbox],input[type=radio]{display:inline;width:auto;margin-right:10px}button{font:600 15px system-ui;padding:12px 18px;border:1px solid #4a7b98;border-radius:9px;background:#1a4158;color:white;cursor:pointer}button.primary{background:#55baff;color:#082333}button:disabled{opacity:.5}nav{display:flex;gap:8px;overflow:auto}nav button.active{background:#267caf}.row{border-top:1px solid #31566b;padding:16px 0;display:flex;gap:16px;align-items:center;justify-content:space-between}.row:first-child{border:0}.error{color:#ffb8af}.messages{max-height:380px;overflow:auto}.bubble{background:#1c455f;border-radius:14px;padding:12px 18px;margin:10px 0;max-width:85%;white-space:pre-wrap}.bubble.mine{margin-left:auto;background:#216a94}#notice{position:fixed;bottom:12px;left:20px;background:#21536d;border-radius:10px;padding:8px}#notice:empty{display:none}a{color:#65c6ff}fieldset{border:1px solid #31566b;border-radius:12px;margin:18px 0;padding:20px}@media(max-width:600px){.card{padding:18px}main{margin-top:20px}h1{font-size:26px}.row{align-items:flex-start}}
