:root{font-synthesis:none;text-rendering:optimizelegibility;--fv-primary:#4a9b8e;--fv-primary-dark:#2d6b62;--fv-primary-light:#e8f5f3;--fv-primary-mid:#c2e0db;--fv-bg:#f0f7f5;--fv-surface:#fff;--fv-border:#d4e8e4;--fv-text:#1a2e2a;--fv-text-muted:#546e6b;--fv-text-subtle:#8aadaa;--fv-shadow-sm:0 1px 3px #2d6b6214, 0 1px 2px #2d6b620f;--fv-shadow-md:0 4px 16px #2d6b621a, 0 2px 6px #2d6b620f;--fv-shadow-lg:0 12px 40px #2d6b6224, 0 4px 12px #2d6b6214;--fv-fox:#e07b3a;--fv-radius:12px;--fv-radius-sm:8px;--fv-radius-pill:999px;--fv-font:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--navbar-h:64px;--chat-max-w:780px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--fv-font);background:var(--fv-bg);color:var(--fv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}a{text-decoration:none}.fv-app{background:var(--fv-bg);flex-direction:column;min-height:100svh;display:flex}.fv-navbar{z-index:100;height:var(--navbar-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--fv-border);box-shadow:var(--fv-shadow-sm);background:#ffffffeb;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.fv-brand{color:var(--fv-primary-dark);letter-spacing:-.3px;align-items:center;gap:8px;font-size:18px;font-weight:700;transition:opacity .2s;display:flex}.fv-brand:hover{opacity:.8}.fv-leaf{font-size:20px;line-height:1}.fv-nav-right{align-items:center;gap:12px;display:flex}.fv-badge{border-radius:var(--fv-radius-pill);background:var(--fv-primary-light);color:var(--fv-primary-dark);letter-spacing:.3px;border:1px solid var(--fv-primary-mid);align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.fv-btn-outline{border-radius:var(--fv-radius-pill);border:1.5px solid var(--fv-primary);color:var(--fv-primary-dark);align-items:center;padding:8px 18px;font-size:14px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.fv-btn-outline:hover{background:var(--fv-primary);color:#fff}.fv-main{flex:1;justify-content:center;align-items:flex-start;padding:32px 16px 24px;display:flex}.fv-chat-wrapper{width:100%;max-width:var(--chat-max-w);flex-direction:column;gap:16px;display:flex}.fv-intro{text-align:center;justify-content:center;align-items:center;padding:0 8px 4px;display:flex}.fv-intro-title{color:var(--fv-primary-dark);letter-spacing:-.8px;margin:0 0 6px;font-size:32px;font-weight:700}.fv-intro-sub{color:var(--fv-text-muted);max-width:440px;margin:0;font-size:15px;line-height:1.55}.fv-chat-card{background:var(--fv-surface);border-radius:var(--fv-radius);border:1px solid var(--fv-border);box-shadow:var(--fv-shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.fv-chat-card:before{content:"";background:linear-gradient(90deg, var(--fv-primary-dark) 0%, var(--fv-primary) 60%, #76c4b8 100%);height:4px;display:block}.fv-chat-header{border-bottom:1px solid var(--fv-border);background:var(--fv-surface);align-items:center;gap:12px;padding:14px 18px;display:flex}.fv-chat-avatar-wrap{flex-shrink:0;position:relative}.fv-chat-avatar{object-fit:cover;border:2.5px solid var(--fv-primary-mid);border-radius:50%;width:44px;height:44px;display:block}.fv-online-dot{border:2px solid var(--fv-surface);background:#22c55e;border-radius:50%;width:11px;height:11px;transition:background .4s;position:absolute;bottom:1px;right:1px}.fv-online-dot--online{background:#22c55e}.fv-online-dot--offline{background:#ef4444}.fv-online-dot--checking{background:#f59e0b;animation:1.2s ease-in-out infinite fv-status-pulse}@keyframes fv-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.fv-chat-header-info{flex-direction:column;flex:1;gap:2px;display:flex}.fv-chat-name{color:var(--fv-primary-dark);letter-spacing:-.2px;font-size:16px;font-weight:700}.fv-chat-role{color:var(--fv-text-muted);font-size:12.5px}.fv-status-text--online{color:#16a34a;font-weight:600}.fv-status-text--offline{color:#dc2626;font-weight:600}.fv-status-text--checking{color:#d97706;font-weight:600}.fv-chat-header-actions{gap:4px;display:flex}.fv-icon-btn{border-radius:var(--fv-radius-sm);width:34px;height:34px;color:var(--fv-text-muted);justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.fv-icon-btn svg{width:17px;height:17px}.fv-icon-btn:hover{background:var(--fv-primary-light);color:var(--fv-primary-dark)}.fv-messages{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--fv-primary-mid) transparent;background:#fafcfc;flex:1;min-height:360px;max-height:460px;padding:20px 18px 8px;overflow-y:auto}.fv-messages::-webkit-scrollbar{width:5px}.fv-messages::-webkit-scrollbar-track{background:0 0}.fv-messages::-webkit-scrollbar-thumb{background:var(--fv-primary-mid);border-radius:99px}.fv-messages-inner{flex-direction:column;gap:18px;display:flex}.fv-msg{align-items:flex-end;gap:10px;display:flex}.fv-msg--aoba{align-self:flex-start;max-width:80%}.fv-msg--user{flex-direction:row-reverse;align-self:flex-end;max-width:72%}.fv-msg-avatar{object-fit:cover;border:2px solid var(--fv-primary-mid);border-radius:50%;flex-shrink:0;width:30px;height:30px;margin-bottom:4px}.fv-msg-body{flex-direction:column;gap:4px;display:flex}.fv-msg--user .fv-msg-body{align-items:flex-end}.fv-bubble{word-break:break-word;border-radius:16px;padding:11px 15px;font-size:14.5px;line-height:1.6}.fv-msg--aoba .fv-bubble{background:var(--fv-primary-light);color:var(--fv-text);border:1px solid var(--fv-primary-mid);border-bottom-left-radius:4px}.fv-msg--user .fv-bubble{background:var(--fv-primary);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #4a9b8e59}.fv-msg-time{color:var(--fv-text-subtle);padding:0 4px;font-size:11px}.fv-bubble--typing{align-items:center;gap:5px;min-width:52px;padding:12px 16px;display:flex}.fv-dot{background:var(--fv-primary);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite fv-bounce;display:inline-block}.fv-dot:first-child{animation-delay:0s}.fv-dot:nth-child(2){animation-delay:.2s}.fv-dot:nth-child(3){animation-delay:.4s}@keyframes fv-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.fv-input-bar{border-top:1px solid var(--fv-border);background:var(--fv-surface);flex-direction:column;gap:8px;padding:14px 18px 12px;display:flex}.fv-input-wrap{background:var(--fv-bg);border:1.5px solid var(--fv-border);border-radius:var(--fv-radius);align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.fv-input-wrap:focus-within{border-color:var(--fv-primary);box-shadow:0 0 0 3px #4a9b8e26}.fv-input{font-family:var(--fv-font);color:var(--fv-text);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:22px;max-height:130px;font-size:14.5px;line-height:1.55;overflow-y:auto}.fv-input::placeholder{color:var(--fv-text-subtle)}.fv-send-btn{border-radius:var(--fv-radius-sm);background:var(--fv-primary);color:#fff;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:background .18s,transform .15s;display:flex}.fv-send-btn svg{width:16px;height:16px}.fv-send-btn:hover:not(:disabled){background:var(--fv-primary-dark);transform:scale(1.05)}.fv-send-btn:disabled{background:var(--fv-primary-mid);cursor:not-allowed;transform:none}.fv-input-hint{color:var(--fv-text-subtle);margin:0;padding:0 2px;font-size:11.5px}.fv-input-hint kbd{background:var(--fv-primary-light);border:1px solid var(--fv-primary-mid);color:var(--fv-primary-dark);border-radius:4px;align-items:center;padding:1px 5px;font-family:inherit;font-size:10.5px;font-weight:600;display:inline-flex}.fv-chips{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 4px;display:flex}.fv-chip{border-radius:var(--fv-radius-pill);background:var(--fv-surface);border:1.5px solid var(--fv-border);color:var(--fv-text-muted);box-shadow:var(--fv-shadow-sm);align-items:center;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.fv-chip:hover{background:var(--fv-primary-light);border-color:var(--fv-primary);color:var(--fv-primary-dark);box-shadow:var(--fv-shadow-md)}.fv-footer{border-top:1px solid var(--fv-border);color:var(--fv-text-muted);background:#ffffffb3;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:12.5px;display:flex}.fv-footer strong{color:var(--fv-primary-dark)}.fv-footer a{color:var(--fv-primary);font-weight:500}.fv-footer a:hover{color:var(--fv-primary-dark)}@media (width<=600px){.fv-navbar{padding:0 16px}.fv-badge{display:none}.fv-main{padding:16px 10px}.fv-intro-title{font-size:24px}.fv-messages{min-height:280px;max-height:350px}.fv-msg--aoba,.fv-msg--user{max-width:92%}.fv-footer{text-align:center;flex-direction:column;gap:4px}}