:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}#root{max-width:100%;height:100%;margin:0}body{overflow:hidden}.chat-app{background:#fff;flex-direction:column;max-width:720px;height:100%;min-height:100%;margin:0 auto;display:flex}.header-brand{flex-shrink:0;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.robot-mark{flex-shrink:0}.header-brand-text{text-align:left}.header-title{color:#111;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.header-tagline{color:#666;margin:4px 0 0;font-size:.8125rem;line-height:1.4}.main-area{flex-direction:column;flex:1;min-height:0;display:flex}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 24px 24px;display:flex}.hero-robot{margin-bottom:20px}.hero-greeting{color:#111;letter-spacing:-.02em;margin:0 0 12px;font-size:1.5rem;font-weight:600}.hero-intro{color:#555;max-width:36rem;margin:0;font-size:.9375rem;line-height:1.65}.hero-details{text-align:left;width:100%;max-width:36rem;margin-top:20px}.hero-details summary{color:#06c;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;list-style:none}.hero-details summary::-webkit-details-marker{display:none}.hero-details-pre{white-space:pre-wrap;word-break:break-word;color:#333;background:#f7f8fa;border:1px solid #eceef2;border-radius:12px;max-height:40vh;margin:12px 0 0;padding:14px 16px;font-family:inherit;font-size:.8125rem;line-height:1.55;overflow-y:auto}.thread{flex-direction:column;flex:1;gap:12px;padding:8px 24px 16px;display:flex;overflow-y:auto}.bubble-row{display:flex}.bubble-row.is-user{justify-content:flex-end}.bubble-row.is-assistant{justify-content:flex-start}.bubble{text-align:left;border:1px solid #eee;border-radius:16px;max-width:90%;padding:12px 16px;font-size:.9375rem;line-height:1.55}.bubble.user{color:#111;background:#f0f0f2;border-color:#e8e8ea;border-bottom-right-radius:4px}.bubble.assistant{color:#111;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000a}.bubble-pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.thinking-bubble{color:#888;box-shadow:none;border:none;align-items:center;gap:8px;font-size:.875rem;display:flex}.thinking-dot{background:#f5a623;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.dock{padding:12px 24px calc(16px + env(safe-area-inset-bottom,0));background:#fafbfc;border-top:1px solid #eceef2;flex-shrink:0}.dock-tools{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:12px;display:flex}.web-toggle{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.web-toggle input{accent-color:#111;width:16px;height:16px}.dock-personal{color:#06c;font-size:.8125rem}.dock-personal summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.dock-personal summary::-webkit-details-marker{display:none}.personal-textarea{resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;min-height:72px;margin-top:8px;padding:10px 12px;font-family:inherit;font-size:.875rem;line-height:1.5;display:block}.personal-textarea:focus{border-color:#06c;outline:none}.personal-textarea:disabled{opacity:.6}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{color:#1456b8;cursor:pointer;background:#eef6ff;border:1px solid #c5dcff;border-radius:999px;padding:8px 14px;font-size:.8125rem;transition:background .15s,border-color .15s}.chip:hover:not(:disabled){background:#e0efff;border-color:#a8ccff}.chip:disabled{opacity:.5;cursor:not-allowed}.composer{margin:0;padding:0}.composer-inner{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 1px 2px #0000000a}.composer-icon-wrap{color:#9ca3af;display:flex}.input-icon{width:22px;height:22px}.composer-input{color:#111;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1rem}.composer-input::placeholder{color:#9ca3af}.composer-input:disabled{opacity:.6}.send-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.send-btn:disabled{cursor:not-allowed;background:#d1d5db}.send-icon{width:18px;height:18px}@media (width<=480px){.header-brand{padding:16px 16px 12px}.hero{padding:8px 16px 16px}.hero-greeting{font-size:1.35rem}.thread{padding:8px 16px 12px}.dock{padding:10px 16px calc(14px + env(safe-area-inset-bottom,0))}}