*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f1fb;background:#14101e}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.app{height:100dvh;display:flex;overflow:hidden}.side{flex:0 0 260px;background:#1e192b;border-right:1px solid #393042;display:flex;flex-direction:column;transition:transform .2s}.brand{padding:19px;display:flex;align-items:center;gap:12px;font-weight:750}.brand .logo{width:38px;height:38px;border:2px solid #bd82fa;color:#e7c6ff;border-radius:50%;display:grid;place-items:center;font-size:23px}.navscroll{overflow:auto;flex:1;padding:4px 13px}.navscroll h5{font-size:10px;margin:24px 5px 9px;letter-spacing:1.8px;color:#af83e7}.navbtn,.chatbtn{display:flex;align-items:center;gap:12px;text-align:left;color:#cec9d5;background:none;border:0;border-radius:11px;padding:10px 12px;width:100%;font-size:13px}.navbtn:hover,.chatbtn:hover,.navbtn.on{background:#342846;color:#fff}.navbtn .sym{font-size:18px;color:#bc98f1}.bottom{padding:15px;border-top:1px solid #393042;color:#aba4b8;font-size:12px}.main{display:flex;flex:1;flex-direction:column;min-width:0}.top{height:62px;background:#1e192b;border-bottom:1px solid #342b42;display:flex;align-items:center;gap:10px;padding:0 22px}.iconbtn{border:0;background:#35294e;border-radius:9px;color:#e8dbff;padding:9px 12px}.pick{background:#332b40;color:#fff;border:1px solid #514463;padding:10px 12px;border-radius:9px;max-width:280px}.spacer{flex:1}.userpill{font-size:12px;color:#bfb2cd}.content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.blank{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.orb{width:66px;height:66px;background:linear-gradient(135deg,#d5a4ff,#672fbd);border-radius:50%}.blank h2{font-size:21px;font-weight:500}.composerWrap{width:min(790px,calc(100% - 35px));margin:0 auto 28px}.composer{display:flex;align-items:end;gap:8px;background:#221b31;border:1px solid #514063;border-radius:27px;padding:8px 12px}.composer textarea{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#fff;resize:none;min-height:36px;max-height:160px;padding:10px}.circle{border-radius:50%;width:38px;height:38px;border:0;color:#fff;background:#352846}.send{background:#8150c9}.helptext{text-align:center;color:#9a90a8;font-size:11px;padding-top:13px}.messages{width:min(860px,calc(100% - 36px));margin:25px auto;display:flex;flex-direction:column;gap:20px}.bubble{max-width:92%;padding:17px 20px;border-radius:18px;background:#211b2e;white-space:pre-wrap;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.bubble.user{align-self:end;background:#402b63}.bubble span{display:block;font-size:10px;color:#bd91ff;margin-bottom:5px;font-weight:700}.panel{width:min(1120px,calc(100% - 42px));margin:28px auto}.panel h1{font-size:25px}.muted{color:#aaa3b7}.panelcard{border:1px solid #423550;background:#201a2d;padding:22px;border-radius:16px;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.field{width:100%;background:#15111f;border:1px solid #4f4261;border-radius:10px;padding:12px;color:white;margin:5px 0 12px}.action{background:#814acb;color:white;border:0;border-radius:10px;padding:11px 16px}.action.ghost{background:#382c48}.entry{background:#271f36;border:1px solid #413350;border-radius:11px;padding:14px;margin:8px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.tag{font-size:11px;border-radius:40px;background:#493456;padding:4px 9px}.tag.ok{background:#1d563e}.login{height:100vh;display:grid;place-items:center;padding:20px}.loginbox{background:#211b2e;border:1px solid #483856;border-radius:20px;padding:35px;width:min(410px,100%)}.loginbox h1{font-size:26px}.danger{color:#ff9f9f}.notif{min-height:18px;color:#ddb6ff;font-size:12px}.shade{display:none}.hide{display:none!important}@media(max-width:750px){.side{position:fixed;z-index:20;top:0;bottom:0;left:0;transform:translateX(-100%);width:280px}.side.open{transform:translateX(0)}.shade.open{display:block;position:fixed;inset:0;background:#000a;z-index:19}.top{padding:0 10px}.pick{max-width:165px;font-size:12px}.userpill{display:none}.blank h2{font-size:18px}.panel{width:calc(100% - 24px);margin:15px auto}.panelcard{padding:14px}}