body{margin:0!important;padding:0!important}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color: var(--tooltip-bg, #1e1e2e) !important;--mdc-plain-tooltip-supporting-text-color: var(--tooltip-text, #ffffff) !important}.mat-mdc-tooltip .mdc-tooltip__surface{background-color:var(--tooltip-bg, #1e1e2e)!important;color:var(--tooltip-text, #ffffff)!important;border-radius:6px!important;padding:6px 10px!important;font-size:12px!important;font-weight:500!important;box-shadow:0 4px 12px #0003!important;opacity:1!important;border:1px solid var(--tooltip-border, rgba(255, 255, 255, .08))!important;max-width:220px!important;white-space:nowrap!important}.attach-menu-panel.mat-mdc-menu-panel{background:transparent!important;box-shadow:none!important;min-width:0!important;max-width:none!important;border-radius:16px!important;overflow:visible!important}.attach-menu-panel .mat-mdc-menu-content{padding:0!important;background:transparent!important}.attach-menu-panel .mat-mdc-menu-item-text{display:flex;align-items:center;gap:8px}.menu-content{background:var(--menu-bg, #ffffff);border:1px solid var(--menu-border, rgba(0, 0, 0, .08));border-radius:16px;padding:8px;min-width:220px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:menu-pop .18s cubic-bezier(.34,1.56,.64,1)}.menu-header{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--menu-header-color, rgba(0, 0, 0, .35));padding:4px 12px 8px;border-bottom:1px solid var(--menu-divider, rgba(0, 0, 0, .06));margin-bottom:4px}.menu-item{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;border-radius:10px!important;height:auto!important;width:100%!important;background:transparent!important;transition:background .15s ease!important}.menu-item:hover{background:var(--menu-item-hover, rgba(0, 0, 0, .05))!important}.menu-item:hover .menu-item-icon{transform:scale(1.1)}.menu-item:active{transform:scale(.98)}.menu-item .mdc-list-item__primary-text{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important}.menu-item-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.menu-item-icon mat-icon{font-size:18px!important;width:18px!important;height:18px!important;margin:unset!important}.menu-item-icon.file-icon{background:#6366f11f;color:#6366f1}.menu-item-icon.image-icon{background:#10b9811f;color:#10b981}.menu-item-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.menu-item-label{font-size:13px;font-weight:600;color:var(--menu-text, #111827);line-height:1.3}.menu-item-desc{font-size:11px;color:var(--menu-desc, rgba(0, 0, 0, .4));line-height:1.3}.attachment-btn.menu-open{background:var(--vino-accent-soft)!important;color:var(--vino-accent)!important;transform:rotate(45deg)}.attachment-btn.menu-open mat-icon{color:var(--vino-accent)!important}.attachment-btn .add-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}@keyframes menu-pop{0%{opacity:0;transform:scale(.92) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}:root{--bg-primary: #ffffff;--bg-sidebar: #F9F9F9;--bg-input: #ffffff;--chat-bg-color: #ffffff;--chat-bg: #ffffff;--chat-column-bg: transparent;--chat-input-bg: #ffffff;--input-bg: #ffffff;--header-text-color: rgb(13, 13, 13);--text-color: rgb(13, 13, 13);--text-primary: rgb(13, 13, 13);--text-secondary: #666666;--chat-input-color: #8F8F8F;--chat-input-placeholder: #8F8F8F;--text-placeholder: #8F8F8F;--user-msg-bg: #e9e9e980;--user-msg-color: rgb(13, 13, 13);--bubble-user-bg: #f1f1f1;--bubble-user-text: #111;--assistant-msg-bg: white;--assistant-msg-color: #1c244e;--bubble-ai-bg: #ffffff;--bubble-ai-text: #1c244e;--chat-shadow: 0px 4px 4px 0px #0000000a, 0px 0px 1px 0px #0000009e;--user-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--bubble-shadow: 0 4px 16px rgba(0, 0, 0, .06);--chat-border-color: black;--border-color: #e0e0e0;--input-border: #dddddd;--sidebar-border-color: #cccccc;--bubble-radius: 18px;--sidebar-bg: #ffffff;--sidebar-section-bg: #f6f7f9;--sidebar-item-bg: transparent;--sidebar-item-hover: #bebebe;--sidebar-item-hover-bg: #f0f1f3;--sidebar-item-active-bg: #ebecef;--chat-list-text-color: #201a1b;--chats-label-color: rgb(143, 143, 143);--chats-label-hover-bg: #0000000a;--chats-label-selected-bg: #0000000f;--chats-list-button-color: #514346;--new-chat-color: rgb(0, 0, 0);--new-chat-hover-bg: #eeeeee;--dropdown-menu-bg: #ffffff;--setting-menu-bg: #ffffff;--setting-bg: #d6d6d6;--menu-item-color: red;--menu-item-hover-bg: transparent;--button-bg: #f5f5f5;--button-hover: #e0e0e0;--model-card-bg: rgb(233, 233, 233);--file-bg-color: #f0f0f0;--file-icon-color: #007bff;--accent-color: #1976d2;--vino-accent: #7a1e3a;--vino-accent-soft: rgba(122, 30, 58, .12);--typing-indicator-color: gray;--scrollbar-color: rgb(185, 185, 185);--snackbar-bg: #ffffff;--snackbar-text: #333333;--snackbar-action: #1976d2;--tooltip-bg: #1a1a2e;--tooltip-text: #ffffff;--tooltip-border: rgba(0, 0, 0, .12);--menu-bg: rgba(255, 255, 255, .95);--menu-border: rgba(0, 0, 0, .08);--menu-divider: rgba(0, 0, 0, .06);--menu-header-color: rgba(0, 0, 0, .35);--menu-item-hover: rgba(0, 0, 0, .05);--menu-text: #111827;--menu-desc: rgba(0, 0, 0, .4);--content-max-width: 48rem;--content-gutter: 1rem;--content-breakout-max-width: calc(var(--content-max-width) + 2 * var(--content-gutter))}body.dark-theme{--bg-primary: #212121;--bg-sidebar: #181818;--bg-input: #2a2a2a;--chat-bg-color: #bebebe;--chat-bg: #1e1e1e;--chat-column-bg: transparent;--chat-input-bg: #303030;--input-bg: #2a2a2a;--header-text-color: rgb(255, 255, 255);--text-color: rgb(255, 255, 255);--text-primary: rgb(255, 255, 255);--text-secondary: #b0b0b0;--chat-input-color: #AFAFAF;--chat-input-placeholder: #AFAFAF;--text-placeholder: #666666;--user-msg-bg: #323232;--user-msg-color: rgb(255, 255, 255);--bubble-user-bg: #2a2a2a;--bubble-user-text: #ffffff;--assistant-msg-bg: #181818;--assistant-msg-color: #ffffff;--bubble-ai-bg: #242424;--bubble-ai-text: #ffffff;--chat-shadow: none;--user-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--bubble-shadow: 0 6px 18px rgba(0, 0, 0, .35);--chat-border-color: black;--border-color: #333333;--input-border: #3a3a3a;--sidebar-border-color: #181818;--sidebar-bg: #181818;--sidebar-section-bg: #202020;--sidebar-item-bg: transparent;--sidebar-item-hover: #525050;--sidebar-item-hover-bg: #2a2a2a;--sidebar-item-active-bg: #303030;--chat-list-text-color: #ffffff;--chats-label-color: rgb(175, 175, 175);--chats-label-hover-bg: #ffffff1a;--chats-label-selected-bg: #ffffff0d;--chats-list-button-color: #ffffff;--new-chat-color: rgb(255, 255, 255);--new-chat-hover-bg: #ffffff1a;--dropdown-menu-bg: #303030;--setting-menu-bg: rgb(65, 65, 65);--setting-bg: #292929;--menu-item-color: red;--menu-item-hover-bg: transparent;--button-bg: #2a2a2a;--button-hover: #3a3a3a;--model-card-bg: #323232;--file-bg-color: #f0f0f0;--file-icon-color: #007bff;--accent-color: #64b5f6;--vino-accent: #d16b8a;--vino-accent-soft: rgba(209, 107, 138, .18);--typing-indicator-color: gray;--scrollbar-color: rgb(130, 130, 130);--snackbar-bg: #323232;--snackbar-text: #ffffff;--snackbar-action: #90caf9;--tooltip-bg: #2d2d3a;--tooltip-text: #f1f1f1;--tooltip-border: rgba(255, 255, 255, .1);--menu-bg: rgba(30, 30, 42, .97);--menu-border: rgba(255, 255, 255, .08);--menu-divider: rgba(255, 255, 255, .06);--menu-header-color: rgba(255, 255, 255, .3);--menu-item-hover: rgba(255, 255, 255, .07);--menu-text: #f1f1f3;--menu-desc: rgba(255, 255, 255, .38)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}body,body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-color) var(--bg-sidebar)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}::selection{background-color:var(--vino-accent-soft);color:var(--text-primary)}::-moz-selection{background-color:var(--vino-accent-soft);color:var(--text-primary)}*:focus-visible{outline:2px solid var(--vino-accent);outline-offset:2px}*:focus:not(:focus-visible){outline:none}