:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#edf7f8;background:#071012;--panel:#0c171a;--line:#1d3034;--muted:#82999e;--accent:#73e3db}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#102529 0,#071012 42%)}button,input{font:inherit}.shell{max-width:1180px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{font-size:20px;font-weight:800;letter-spacing:.12em}.online{color:var(--accent);font-size:13px}.grid{display:grid;grid-template-columns:1.5fr .85fr;gap:18px}.panel{background:rgba(12,23,26,.92);border:1px solid var(--line);border-radius:20px;overflow:hidden}.chat{min-height:720px;display:flex;flex-direction:column}.face-wrap{height:300px;display:grid;place-items:center;border-bottom:1px solid var(--line);position:relative}.state{position:absolute;bottom:22px;color:var(--muted);font-size:13px}.face{width:230px;height:145px;position:relative}.eye{position:absolute;top:28px;width:72px;height:72px;border:5px solid #eefafa;border-radius:50%;transition:.2s}.eye.l{left:24px}.eye.r{right:24px}.pupil{width:21px;height:21px;background:#eefafa;border-radius:50%;position:absolute;left:21px;top:21px;transition:.15s}.mouth{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:45px;height:18px;border-bottom:5px solid #eefafa;border-radius:0 0 50% 50%;transition:.15s}.face.thinking .pupil{transform:translate(8px,-8px)}.face.listening .eye{transform:scale(1.08)}.face.speaking .mouth{height:27px;width:30px;border:5px solid #eefafa;border-radius:50%}.messages{flex:1;padding:22px;overflow:auto;max-height:330px}.msg{max-width:80%;padding:12px 14px;border-radius:15px;margin:8px 0;line-height:1.45}.msg.user{margin-left:auto;background:#17383a}.msg.edo{background:#101f22;border:1px solid var(--line)}.composer{display:flex;gap:10px;padding:16px;border-top:1px solid var(--line)}.composer input{flex:1;background:#071113;color:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.composer button,.btn{background:var(--accent);color:#062022;border:0;border-radius:12px;padding:0 18px;font-weight:800;cursor:pointer}.side{padding:18px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tabs button{background:#101e21;color:var(--muted);border:1px solid var(--line);padding:8px 10px;border-radius:10px;cursor:pointer}.tabs button.active{color:#061c1e;background:var(--accent)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{border:1px solid var(--line);padding:14px;border-radius:14px}.stat b{display:block;font-size:24px}.stat span,.muted{color:var(--muted);font-size:12px}.list{margin-top:16px;max-height:540px;overflow:auto}.item{padding:12px 0;border-bottom:1px solid var(--line)}.item strong{display:block;margin-bottom:5px}.actions{display:flex;gap:6px;margin-top:8px}.actions button{border:1px solid var(--line);background:#102024;color:#dcebed;border-radius:8px;padding:5px 8px;cursor:pointer}.oled{image-rendering:pixelated;width:256px;height:128px;border:8px solid #20282a;background:#020506;display:none}.oled.on{display:block}.face.hidden{display:none}.switch{position:absolute;top:16px;right:16px;background:#102024;border:1px solid var(--line);color:#cfe0e2;border-radius:9px;padding:6px 9px;cursor:pointer}@media(max-width:850px){.grid{grid-template-columns:1fr}.chat{min-height:650px}.shell{padding:12px}}

.top-actions{display:flex;align-items:center;gap:10px}

.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:12px;color:var(--muted)}.field input,.field select{width:100%;background:#071113;color:#eef7f8;border:1px solid var(--line);border-radius:10px;padding:10px}