.clavue-chat{--cc-bg:#ffffff;--cc-bg-secondary:#f9f9f9;--cc-sidebar:#f9f9f9;--cc-sidebar-hover:#ececec;--cc-sidebar-active:#e8e8e8;--cc-text:#0d0d0d;--cc-text-secondary:#5d5d5d;--cc-text-tertiary:#8e8e8e;--cc-border:rgba(0,0,0,0.08);--cc-user-bubble:#f4f4f4;--cc-composer-bg:#ffffff;--cc-composer-border:rgba(0,0,0,0.12);--cc-composer-shadow:0 0 0 1px rgba(0,0,0,0.05),0 4px 6px rgba(0,0,0,0.02),0 12px 28px rgba(0,0,0,0.06);--cc-send:#0d0d0d;--cc-send-fg:#ffffff;--cc-send-disabled:#d9d9d9;--cc-accent:#10a37f;--cc-radius-composer:28px;--cc-sidebar-w:260px;--cc-content-max:48rem;--cc-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji",sans-serif;color:var(--cc-text);background:var(--cc-bg);font-family:var(--cc-font);letter-spacing:-.011em}.clavue-chat.clavue-chat--dark,.dark .clavue-chat{--cc-bg:#212121;--cc-bg-secondary:#171717;--cc-sidebar:#171717;--cc-sidebar-hover:#212121;--cc-sidebar-active:#2f2f2f;--cc-text:#ececec;--cc-text-secondary:#b4b4b4;--cc-text-tertiary:#8e8e8e;--cc-border:rgba(255,255,255,0.08);--cc-user-bubble:#2f2f2f;--cc-composer-bg:#2f2f2f;--cc-composer-border:rgba(255,255,255,0.1);--cc-composer-shadow:0 0 0 1px rgba(255,255,255,0.06),0 8px 32px rgba(0,0,0,0.35);--cc-send:#ececec;--cc-send-fg:#0d0d0d;--cc-send-disabled:#4d4d4d;--cc-accent:#19c37d}.clavue-chat *{box-sizing:border-box}.clavue-chat-side{width:var(--cc-sidebar-w);background:var(--cc-sidebar);border-right:1px solid var(--cc-border);color:var(--cc-text)}.clavue-chat-side-item{border-radius:10px;color:var(--cc-text);transition:background .12s ease}.clavue-chat-side-item:hover{background:var(--cc-sidebar-hover)}.clavue-chat-side-item.is-active{background:var(--cc-sidebar-active)}.clavue-chat-new{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:10px;border:1px solid var(--cc-border);background:transparent;padding:.65rem .85rem;font-size:.875rem;font-weight:500;color:var(--cc-text);transition:background .12s ease}.clavue-chat-new:hover{background:var(--cc-sidebar-hover)}.clavue-chat-main{background:var(--cc-bg);color:var(--cc-text)}.clavue-chat-topbar{border-bottom:1px solid transparent;background:var(--cc-bg)}.clavue-chat-hero-title{font-size:clamp(1.75rem,4vw,2.125rem);font-weight:600;letter-spacing:-.03em;line-height:1.2;color:var(--cc-text)}.clavue-chat-chip{border-radius:999px;border:1px solid var(--cc-border);background:transparent;padding:.5rem .9rem;font-size:.8125rem;color:var(--cc-text);transition:background .12s ease,border-color .12s ease}.clavue-chat-chip:hover{background:var(--cc-bg-secondary);border-color:color-mix(in srgb,var(--cc-text) 18%,transparent)}.clavue-chat-chip.is-active{background:var(--cc-text);border-color:var(--cc-text);color:var(--cc-bg)}.clavue-chat-user-bubble{background:var(--cc-user-bubble);color:var(--cc-text);border-radius:22px;padding:.65rem 1.05rem;font-size:1rem;line-height:1.625;max-width:min(100%,36rem)}.clavue-chat-assistant{font-size:1rem;line-height:1.75;color:var(--cc-text)}.clavue-chat-assistant .clavue-md p{margin:.4rem 0}.clavue-chat-assistant .clavue-md pre,.clavue-chat-code{margin:.75rem 0;overflow:hidden;border-radius:12px;border:1px solid var(--cc-border);background:#0d0d0d;color:#ececec}.clavue-chat.clavue-chat--dark .clavue-chat-assistant .clavue-md pre,.dark .clavue-chat-assistant .clavue-md pre{background:#0d0d0d}.clavue-chat-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.clavue-chat-actions:focus-within,.group:hover .clavue-chat-actions{opacity:1}.clavue-chat-action{display:inline-flex;height:28px;width:28px;align-items:center;justify-content:center;border-radius:8px;color:var(--cc-text-secondary);transition:background .12s ease,color .12s ease}.clavue-chat-action:hover{background:var(--cc-bg-secondary);color:var(--cc-text)}.clavue-chat-composer-wrap{background:linear-gradient(180deg,transparent 0,var(--cc-bg) 28%,var(--cc-bg) 100%)}.clavue-chat-composer{border-radius:var(--cc-radius-composer);border:1px solid var(--cc-composer-border);background:var(--cc-composer-bg);box-shadow:var(--cc-composer-shadow);transition:border-color .15s ease,box-shadow .15s ease}.clavue-chat-composer:focus-within{border-color:color-mix(in srgb,var(--cc-text) 22%,transparent)}.clavue-chat-composer textarea{width:100%;resize:none;border:0;background:transparent;color:var(--cc-text);font-size:1rem;line-height:1.5;outline:none;font-family:inherit}.clavue-chat-composer textarea::placeholder{color:var(--cc-text-tertiary)}.clavue-chat-send{display:inline-flex;height:36px;width:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:var(--cc-send);color:var(--cc-send-fg);transition:opacity .12s ease,transform .12s ease}.clavue-chat-send:disabled{background:var(--cc-send-disabled);color:var(--cc-bg);cursor:not-allowed}.clavue-chat-send:not(:disabled):hover{transform:scale(1.04)}.clavue-chat-stop{display:inline-flex;height:36px;width:36px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--cc-border);color:var(--cc-text);background:transparent}.clavue-chat-stop:hover{background:var(--cc-bg-secondary)}.clavue-chat-footer-note{color:var(--cc-text-tertiary);font-size:.6875rem;line-height:1.4;text-align:center}.clavue-chat-avatar{display:flex;height:28px;width:28px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:var(--cc-text);color:var(--cc-bg);font-size:11px;font-weight:700}.clavue-chat-typing{display:inline-flex;gap:4px;align-items:center;padding:.35rem 0}.clavue-chat-typing span{height:6px;width:6px;border-radius:999px;background:var(--cc-text-tertiary);animation:clavue-chat-bounce 1.2s ease-in-out infinite}.clavue-chat-typing span:nth-child(2){animation-delay:.15s}.clavue-chat-typing span:nth-child(3){animation-delay:.3s}@keyframes clavue-chat-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.clavue-chat-mode-bar{display:inline-flex;border-radius:999px;border:1px solid var(--cc-border);background:var(--cc-bg-secondary);padding:2px}.clavue-chat-mode-bar button{border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:500;color:var(--cc-text-secondary);transition:background .12s ease,color .12s ease}.clavue-chat-mode-bar button.is-active{background:var(--cc-bg);color:var(--cc-text);box-shadow:0 1px 2px rgba(0,0,0,.06)}.clavue-chat-select{appearance:none;border-radius:999px;border:1px solid var(--cc-border);background:var(--cc-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e8e' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .65rem center;padding:.35rem 1.75rem .35rem .75rem;font-size:.8125rem;font-weight:500;color:var(--cc-text);outline:none}.clavue-chat-select:focus{border-color:color-mix(in srgb,var(--cc-text) 25%,transparent)}@media (max-width:767px){.clavue-chat-side{position:fixed;inset:0 auto 0 0;z-index:40;box-shadow:8px 0 32px rgba(0,0,0,.18)}}