:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;display:flex}#root{flex:1;display:flex}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.chat-shell{width:100%;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box}.chat-shell:not(.has-history){justify-content:center;align-items:center;padding:24px}.chat-shell.has-history{justify-content:flex-start;padding:0}.chat-root{width:100%;max-width:960px;margin:0 auto;padding:0 20px;font-family:sans-serif;display:flex;flex-direction:column;box-sizing:border-box}.chat-root.empty-state{width:min(100%,720px)}.chat-root.with-history{height:100vh;max-width:960px;padding-top:24px;padding-bottom:24px;gap:24px}.chat-root.with-history .chat-list{flex:1;overflow-y:auto;margin-bottom:0}.chat-root.empty-state .chat-list{display:none}.chat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;width:100%}.user{text-align:right;color:#ccc;margin:8px 0}.assistant{text-align:left;color:#007;background:#eef;padding:8px 12px;border-radius:4px;margin:8px 0}.chat-input-row{display:flex;gap:12px;margin:0 auto;align-items:flex-end;justify-content:center;width:100%;max-width:960px;padding:0 20px;box-sizing:border-box}.chat-input-row>textarea{flex:1 1 auto;width:100%;padding:12px 16px;border-radius:12px;border:1px solid #ddd;font-size:16px;line-height:1.5;min-height:60px;max-height:240px;resize:none;overflow-y:auto}.status-banner{padding:12px 16px;margin-bottom:12px;border-radius:8px;font-size:.95rem}.status-banner.warning{background:#fff4e5;color:#8a5100;border:1px solid #f5b97a}.composer{max-width:960px;min-width:0;width:100%;flex-shrink:0}.composer-field{position:relative;width:100%;display:flex}.composer-field textarea{display:block;width:100%;box-sizing:border-box;padding:12px 56px 12px 16px;border-radius:999px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:17px;line-height:1.5;min-height:52px;max-height:240px;resize:none;overflow-y:auto}.composer-field textarea::placeholder{color:#9aa3ad}.composer-field textarea:focus{border-color:#94a3b8;outline:none;box-shadow:0 0 0 3px #94a3b840}.composer-field .send-btn:focus-visible{outline:3px solid #c7d2fe;outline-offset:2px}.composer-field .send-btn:not(:disabled):hover{background:#dce8ff;border-color:#b4c7ff;transform:translateY(calc(-50% - 2px))}.composer-field .send-btn:active{transform:translateY(calc(-50% + 1px)) scale(.97)}.composer-field .send-btn.stop:not(:disabled):hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(calc(-50% - 2px))}@media (prefers-color-scheme: dark){.composer-field textarea{background:#1f2937;color:#e5e7eb;border-color:#374151}.composer-field textarea::placeholder{color:#6b7280}.composer-field textarea:focus{box-shadow:0 0 0 3px #3b82f640;border-color:#60a5fa}.composer-field .send-btn{background:#1f2937;border-color:#2b3647;color:#7dd3fc;box-shadow:0 1px 3px #0006}.composer-field .send-btn:not(:disabled):hover{background:#152133;border-color:#3f4c63}.composer-field .send-btn:disabled{background:#111827;color:#475569;border-color:#1f2937;box-shadow:none;opacity:1}.composer-field .send-btn.stop{background:#991b1b!important;border:none!important;color:#fff!important;box-shadow:0 1px 4px #991b1b40!important}.assistant{background:#0f172a;color:#e5e7eb}.composer-field .send-btn{border:1.5px solid #6b7280!important;background:transparent!important;color:#6b7280!important}.composer-field .send-btn:disabled{border:1.5px solid #4b5563!important;background:transparent!important;color:#4b5563!important;opacity:.6!important}.composer-field .send-btn:not(:disabled){border-color:#9ca3af!important;color:#e5e7eb!important;opacity:1!important}.composer-field .send-btn:not(:disabled):hover{background:#374151!important;border-color:#d1d5db!important;color:#fff!important}}.composer-field .send-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1.5px solid #9ca3af;background:transparent;color:#9ca3af;cursor:pointer;transition:transform .12s ease,background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;z-index:2}.composer-field .send-btn:disabled{pointer-events:none;transform:translateY(-50%);border:1.5px solid #d1d5db;background:transparent;color:#d1d5db;opacity:1}.composer-field .send-btn:not(:disabled){border-color:#6b7280;color:#374151;opacity:1}.composer-field .send-btn:not(:disabled):hover{background:#f3f4f6;border-color:#4b5563;transform:translateY(calc(-50% - 2px))}.composer-field .send-btn .arrow-icon{font-size:24px;line-height:1;font-weight:700;display:block;pointer-events:none;position:relative;z-index:10}.composer-field .send-btn.stop{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);border-radius:6px;background:#991b1b;color:#fff;border:none;box-shadow:0 1px 4px #991b1b40}.composer-field .send-btn.stop .stop-icon{width:14px;height:14px;background:currentColor;border-radius:3px;display:block}button{padding:12px 20px;border-radius:8px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;font-size:14px;font-weight:500}button:hover{background:#f5f5f5;color:#000}button:disabled{opacity:.4;cursor:not-allowed;background:#f9f9f9;color:#999}@media (max-width: 640px){.chat-root{padding:0 24px}.chat-list{padding:0}.user,.assistant{margin:8px 0}.chat-input-row{flex-direction:column;align-items:stretch;gap:8px;max-width:100%;padding:0 12px}.chat-input-row textarea{min-height:48px;max-height:180px}.composer-field textarea{padding-right:56px;min-height:48px}.composer-field .send-btn{width:36px;height:36px;right:8px}.chat-input-row button{width:100%}}.assistant ul,.assistant ol{margin:8px 0;padding-left:20px}.assistant li{margin:4px 0}.assistant p{margin:8px 0}.assistant code{background:#f4f4f4;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.9em}.assistant pre{background:#f4f4f4;padding:12px;border-radius:4px;overflow-x:auto}.assistant pre code{background:none;padding:0}.assistant blockquote{border-left:3px solid #ddd;margin:8px 0;padding-left:12px;color:#666}.assistant h1,.assistant h2,.assistant h3{margin-top:12px;margin-bottom:8px}.assistant table{border-collapse:collapse;margin:8px 0}.assistant th,.assistant td{border:1px solid #ddd;padding:6px 12px}.assistant th{background:#f4f4f4}.login-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.login-dialog{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px #0003;min-width:300px}.login-dialog h2{margin:0 0 16px;color:#333}.login-field{margin-bottom:16px}.login-field label{display:block;margin-bottom:4px;color:#555;font-weight:500}.login-field input[type=text],.login-field input[type=password]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.login-field.checkbox label{display:flex;align-items:center;gap:8px}.login-field.checkbox input{width:auto;margin:0}.login-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.login-buttons button{padding:8px 16px;font-size:14px}