:root{--bg:#0a0f1f;--panel:#0f1730;--panel-2:#121b38;--text:#eaf0ff;--muted:#9fb1d8;--line:#1f2a52;--grad-a:#7c5cff;--grad-b:#00d4ff;--shadow:0 10px 35px rgba(0,0,0,.35)}@media (max-width: 768px){.app{padding:20px 10px}.header{flex-direction:column;gap:15px;margin-bottom:15px}.title{font-size:1.1rem}.badge{padding:6px 10px;font-size:.85rem}.card{padding:12px}.messages{height:55vh;gap:10px}.msg{padding:10px 12px;font-size:.9rem}.form{flex-direction:column;gap:8px}.btn{width:100%}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.tool{width:100%;text-align:center}}@media (max-width: 480px){.app{padding:15px 8px}.messages{height:50vh}.msg{max-width:95%}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Roboto,Helvetica Neue,Arial}.app{width:100%;margin:0 auto;padding:32px 20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));box-shadow:0 8px 24px #00d4ff40}.title{font-size:1.25rem;margin:0}.badge{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,#121b38e6,#0c1329e6);color:var(--muted)}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.messages{display:flex;flex-direction:column;gap:12px;padding:8px;height:60vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#2c3a70 transparent}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-thumb{background:#2c3a70;border-radius:8px}.msg{padding:12px 14px;border-radius:14px;max-width:80%;white-space:pre-wrap;line-height:1.6;border:1px solid var(--line)}.msg.user{align-self:flex-end;background:#7c5cff1f;border-color:#7c5cff59}.msg.assistant{align-self:flex-start;background:#121b38cc}.msg.pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre;overflow:visible;max-width:100%;background:#0a1028e6;line-height:1.4;font-size:.95rem;margin:0}.hint{color:var(--muted);font-size:.95rem;margin:6px 4px}.form{display:flex;gap:10px;margin-top:12px}.text{flex:1;padding:14px;border-radius:14px;border:1px solid var(--line);background:#0e1531;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.text:focus{border-color:transparent;box-shadow:0 0 0 2px #7c5cff73,0 0 0 4px #00d4ff40}.btn{padding:14px 18px;border-radius:14px;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));box-shadow:0 10px 25px #00d4ff40;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{filter:brightness(1.05);box-shadow:0 12px 32px #00d4ff54}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.toolbar{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:10px 3px 0}.tool{padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#0e1531;color:var(--muted);font-size:.9rem;cursor:pointer}.tool:hover{color:#dfe6ff;border-color:#31407b}