:root{--bg: #0b0c0f;--panel: rgba(18, 18, 20, .68);--panel-strong: rgba(18, 18, 20, .9);--hairline: rgba(255,255,255,.08);--muted: rgba(235,235,245,.6);--text: #e6e7ea;--text-weak: #b9bcc3;--accent: #7dd6ff;--blur: saturate(140%) blur(16px);--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-left:var(--safe-left)}.bg-glow{position:fixed;inset:-40vmax -30vmax auto auto;width:70vmax;height:70vmax;background:radial-gradient(closest-side,rgba(125,214,255,.12),transparent 60%),radial-gradient(farthest-side,rgba(180,200,255,.08),transparent 60%);filter:blur(30px);pointer-events:none}.wrap{display:grid;place-items:stretch;height:100dvh;width:100%}.chat{width:100%;height:100%;background:var(--panel);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--hairline);border-radius:0;box-shadow:inset 0 1px #ffffff0f;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.quick-actions,.hint-examples{text-align:right;padding:14px 12px}.quick-actions button,.hint-examples button{padding:12px 15px;border-radius:7px;outline:0;border:0;background-color:#1179ff;color:#fff}button{cursor:pointer}.msg-user .msg-bubble{margin-left:auto;background:#06c;color:#fff;padding:10px 15px;border-radius:14px 14px 4px;font-size:14px;line-height:1.4;min-width:160px;border:0}.msg-user .msg-bubble .msg-meta{color:#fff}.hint-examples{display:flex;align-items:center;justify-content:end;gap:10px}@media (min-width: 920px){.wrap{padding:20px}.chat{border-radius:calc(var(--radius) + 8px);height:calc(100dvh - 40px);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0f}}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:calc(10px + var(--safe-top)) 14px 10px 14px;border-bottom:1px solid var(--hairline);background:linear-gradient(180deg,#ffffff0a,#fff0)}.orb{width:22px;height:22px;border-radius:999px;background:linear-gradient(145deg,#a1ecff,#4fbaff 60%,#1179ff);box-shadow:0 0 24px #4fbaff66,inset 0 0 10px #ffffff59}.title{display:flex;flex-direction:column;line-height:1.05}.title-strong{font-weight:600;letter-spacing:.2px}.title-muted{font-size:12px;color:var(--text-weak);letter-spacing:.3px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--hairline);color:var(--text-weak)}.feed{overflow:auto;padding:14px 12px 10px;scroll-behavior:smooth}.feed::-webkit-scrollbar{height:12px;width:10px}.feed::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.feed::-webkit-scrollbar-track{background:transparent}.msg{display:flex;margin:10px 0}.msg-ai{justify-content:flex-start}.msg-user{justify-content:flex-end}.msg-bubble{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:12px 16px;color:#ccc;font-size:14px;line-height:1.4}.msg-meta{font-size:12px;color:#666;margin-top:4px}button:disabled{background-color:#ccc;color:#666;opacity:.5;cursor:no-drop}@keyframes floatUp{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.float-up{animation:floatUp .28s ease-out both}@keyframes fadeInUp{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in-up{animation:fadeInUp .32s ease-out both}.loader{display:inline-flex;align-items:center;gap:6px}.loader .dot{width:6px;height:6px;border-radius:50%;background:#ffffffd9;animation:pulse 1.2s infinite ease-in-out}.loader .dot:nth-child(2){animation-delay:.15s}.loader .dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.6}40%{transform:scale(1);opacity:1}}.stack{display:grid;gap:10px;margin-top:8px}.card{border-radius:16px;border:1px solid var(--hairline);background:linear-gradient(180deg,#ffffff0f,#ffffff05);padding:14px;box-shadow:inset 0 1px #ffffff0d}.card-row{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:6px 0}.label{color:var(--text-weak);font-size:13px;letter-spacing:.2px}.value{color:var(--text);font-weight:500}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--hairline),transparent);margin:8px 0 4px}.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 12px calc(10px + var(--safe-bottom)) 12px;border-top:1px solid var(--hairline);background:linear-gradient(0deg,#ffffff0a,#fff0)}.input{width:100%;padding:14px;border-radius:12px;background:var(--panel-strong);color:var(--text);border:1px solid var(--hairline);outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-size:14px}.input::placeholder{color:var(--text-weak)}.input:focus{border-color:#7dd6ff73;box-shadow:0 0 0 4px #7dd6ff1f}.send{display:inline-grid;place-items:center;min-width:48px;padding:0 16px;border-radius:12px;background:#7dd6ff1f;color:#cfefff;border:1px solid rgba(125,214,255,.35);cursor:pointer;transition:transform .08s ease,filter .2s ease,background .2s ease;touch-action:manipulation}.send:hover{filter:brightness(1.08)}.send:active{transform:translateY(1px) scale(.99)}@media (max-width: 520px){.msg-bubble{max-width:92%}.title-strong{font-size:15px}.title-muted{font-size:11px}.card-row{grid-template-columns:92px 1fr}}