:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:100%;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.chat-shell{display:flex;flex-direction:column;height:100svh;max-width:760px;margin:0 auto;border-inline:1px solid var(--border);box-sizing:border-box}.chat-header{padding:20px 24px;border-bottom:1px solid var(--border);text-align:left}.chat-header h1{font-size:22px;margin:0 0 4px}.chat-header p{font-size:14px;color:var(--text)}.chat-scroll{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.bubble-row{display:flex}.bubble-row.user{justify-content:flex-end}.bubble-row.assistant{justify-content:flex-start}.bubble{max-width:80%;padding:12px 16px;border-radius:14px;text-align:left;font-size:15px;line-height:145%;white-space:pre-wrap}.bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble.assistant{background:var(--code-bg);color:var(--text-h);border-bottom-left-radius:4px}.bubble.error{background:#dc26261a;color:#dc2626}.bubble.typing{display:flex;gap:4px;align-items:center;padding:16px}.dot{width:6px;height:6px;border-radius:50%;background:var(--text);animation:pulse 1.2s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.tool-log{margin-top:8px;font-size:12px;color:var(--text)}.tool-log summary{cursor:pointer}.tool-entry{margin-top:4px;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.tool-entry code{font-size:12px}.tool-entry pre{margin:4px 0 0;font-size:11px;white-space:pre-wrap;word-break:break-word}.chat-input-bar{display:flex;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.chat-input-bar textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;color:var(--text-h);background:var(--bg);max-height:120px}.chat-input-bar textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.chat-input-bar button{padding:0 20px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:15px;cursor:pointer}.chat-input-bar button:disabled{opacity:.5;cursor:not-allowed}