:root{--bg:#080d18;--p:#0e1627;--l:#24314b;--t:#edf2fb;--m:#8996ae;--a:#7180ff;--g:#38d29b;--r:#ff667d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 0,#192544,#080d18 48%);color:var(--t);font:14px system-ui,Inter,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:68px;border-bottom:1px solid var(--l);display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#09101ddd;backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.brand small{display:block;color:var(--m);font-size:10px}nav{display:flex;gap:8px;align-items:center}nav button,nav a{border:1px solid var(--l);background:#111b2e;color:var(--t);padding:8px 11px;border-radius:8px;text-decoration:none}.layout{display:grid;grid-template-columns:330px 1fr;height:calc(100vh - 68px)}aside{padding:15px;border-right:1px solid var(--l);overflow:auto}.box{background:#0e1729cc;border:1px solid var(--l);border-radius:13px;padding:13px;margin-bottom:12px}.box label{display:block;color:#aab6ca;font-size:11px;margin:9px 0 5px}.box input,.box select,.box textarea{width:100%;background:#091120;border:1px solid #273650;color:var(--t);padding:9px;border-radius:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.grid button,.danger{background:#121d32;color:var(--t);border:1px solid var(--l);border-radius:8px;padding:9px}.primary{background:linear-gradient(135deg,#6575ff,#875cff)!important;border:0!important;color:white}.danger{color:#ff9aaa;width:100%;margin-top:8px}.status{font-size:10px;color:var(--m);margin-top:7px}.main{min-width:0;display:flex;flex-direction:column}.chathead{height:64px;border-bottom:1px solid var(--l);display:flex;align-items:center;justify-content:space-between;padding:12px 22px}.chathead small{display:block;color:var(--m);font-size:10px}.chathead span{font-size:10px;color:var(--m)}.messages{flex:1;overflow:auto;padding:24px max(15px,calc((100% - 920px)/2))}.empty{text-align:center;margin-top:14vh;color:var(--m)}.orb{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,#6575ff,#a15cff);font-size:28px}.empty h1{color:var(--t)}.msg{display:flex;gap:10px;margin-bottom:19px;max-width:920px;margin-left:auto;margin-right:auto}.msg.user{flex-direction:row-reverse}.ava{width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#1b2945;display:grid;place-items:center;font-size:10px;font-weight:bold}.user .ava{background:#5f6fec}.bubble{max-width:84%;background:#111b2e;border:1px solid var(--l);border-radius:13px;padding:11px 13px;overflow:auto}.user .bubble{background:#1a2750}.bubble pre{background:#070b13;padding:11px;border-radius:8px;overflow:auto}.meta{font-size:9px;color:var(--m);margin-top:7px}.files{display:flex;gap:6px;flex-wrap:wrap;padding:0 max(15px,calc((100% - 920px)/2))}.tag{font-size:10px;border:1px solid var(--l);padding:5px 8px;border-radius:12px}.composer{display:flex;gap:8px;padding:12px max(15px,calc((100% - 920px)/2));border-top:1px solid var(--l);background:#09101ddd}.composer textarea{flex:1;resize:none;min-height:43px;max-height:180px;background:#091120;color:var(--t);border:1px solid #273650;border-radius:9px;padding:11px}.composer button{height:43px;min-width:43px;background:#111b2e;color:white;border:1px solid var(--l);border-radius:9px}.composer #send{background:linear-gradient(135deg,#6575ff,#875cff);border:0}.login{display:grid;place-items:center;height:100vh}.loginbox{width:min(360px,92vw);background:#0e1729;border:1px solid var(--l);padding:25px;border-radius:18px}.loginbox input,.loginbox button{width:100%;margin-top:9px;padding:11px;border-radius:8px}.error{color:#ff9aaa;font-size:12px}.cards{display:flex;gap:15px;padding:25px}.cards div{background:#0e1729;border:1px solid var(--l);padding:22px;border-radius:14px;min-width:160px}.cards b{display:block;font-size:28px}.cards small{color:var(--m)}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{max-height:45vh;border-right:0;border-bottom:1px solid var(--l)}}

.savecfg{width:100%;margin-top:8px;background:linear-gradient(135deg,#6575ff,#875cff);color:#fff;border:0;border-radius:8px;padding:9px}.savecfg:hover{filter:brightness(1.08)}