:root{color-scheme:dark;--bg:#07100c;--card:#0e1713;--line:#223129;--green:#48e58c;--muted:#91a49a;--text:#f3f8f5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#123224 0,transparent 34%),var(--bg);color:var(--text);font:15px Inter,Segoe UI,Arial,sans-serif}.shell{width:min(1440px,calc(100% - 32px));margin:auto;padding:24px 0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}header>div{display:flex;gap:13px;align-items:center}.logo{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--green);color:#062113;font-weight:900}h1{font-size:22px;margin:0}header p{margin:3px 0 0;color:var(--muted)}header aside{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:99px;background:#0b1510}.dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.chat,.panel{background:rgba(14,23,19,.94);border:1px solid var(--line);border-radius:20px;overflow:hidden}.chat{height:calc(100vh - 118px);min-height:650px;display:grid;grid-template-rows:auto 1fr auto}.chat-top{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chat-top small{display:block;color:var(--muted);margin-top:4px}button{font:inherit;cursor:pointer}.chat-top button,.examples button{color:var(--text);background:#14221b;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.messages{padding:20px;overflow:auto}.bubble{max-width:78%;margin:0 0 14px}.bubble.user{margin-left:auto}.bubble span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.bubble p{margin:0;padding:12px 14px;background:#16231d;border:1px solid var(--line);border-radius:4px 15px 15px 15px;line-height:1.45}.bubble.user p{background:#184c31;border-color:#287247;border-radius:15px 4px 15px 15px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:0 0 18px}.cards article{padding:14px;border:1px solid #2b4235;border-radius:14px;background:#0b1510}.card-head{display:flex;justify-content:space-between;gap:10px}.card-head strong{color:var(--green);white-space:nowrap}.cards p{color:#c8d6ce;margin:9px 0}.cards span{display:inline-block;background:#18271f;color:#c9d8d0;padding:4px 7px;border-radius:7px;margin:0 5px 6px 0}.cards small,.cards code{display:block;color:var(--muted);margin-top:6px}.cards code{font-size:10px;opacity:.65}form{display:flex;gap:10px;padding:16px;border-top:1px solid var(--line)}textarea{flex:1;resize:none;background:#09120e;border:1px solid var(--line);border-radius:13px;color:var(--text);padding:13px;font:inherit;outline:none}textarea:focus{border-color:#389c63}form button{border:0;border-radius:12px;background:var(--green);color:#052014;font-weight:800;padding:0 20px}.panel{padding:18px;height:max-content}.panel h2{font-size:14px;margin:4px 0 12px}.memory{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:22px;color:var(--muted)}.memory div{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid #1c2a23}.memory div:last-child{border:0}.memory b{color:var(--text)}.examples{display:grid;gap:8px}.examples button{text-align:left}.examples button:hover{border-color:#398259}.rule{margin-top:22px;padding:14px;border-radius:12px;background:#10281b;border:1px solid #245d3c}.rule b{color:var(--green)}.rule p{color:#b7c8bf;line-height:1.45;margin:8px 0 0}@media(max-width:900px){.layout{grid-template-columns:1fr}.chat{height:75vh;min-height:600px}.panel{order:-1}header{align-items:flex-start;gap:12px;flex-direction:column}.shell{width:min(100% - 20px,1440px)}}