:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1625;--bg-elevated: #1f1a2e;--bg-hover: #252030;--accent-gold: #c9a227;--accent-gold-rgb: 201, 162, 39;--accent-gold-bright: #dbb82e;--accent-gold-dim: #8b7019;--accent-purple: #6b5b95;--accent-purple-dim: #4a3f6b;--text-primary: #e8e6e3;--text-secondary: #a09b92;--text-muted: #6b6560;--text-accent: var(--accent-gold);--border-subtle: rgba(201, 162, 39, .12);--border-medium: rgba(201, 162, 39, .25);--border-bright: rgba(201, 162, 39, .5);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(201, 162, 39, .15);--shadow-glow-strong: 0 0 30px rgba(201, 162, 39, .25);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--header-height: 80px;--sidebar-width: 280px;--input-height: 56px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column}#main-app{flex:1;display:flex;flex-direction:column;min-height:0}h1,h2,h3,h4{font-family:Cinzel,serif;font-weight:600;letter-spacing:.02em;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.25rem}h3{font-size:1rem}code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;color:var(--accent-gold)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dim));color:var(--bg-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-gold-bright),var(--accent-gold));box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-medium)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon svg{flex-shrink:0}.btn-send{background:var(--bg-tertiary);color:var(--accent-gold)}.btn-send:not(:disabled):hover{background:var(--accent-gold);color:var(--bg-primary);box-shadow:var(--shadow-glow)}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9375rem;transition:all var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #c9a22726}label{display:block;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group{margin-bottom:var(--spacing-lg)}.hint{margin-top:var(--spacing-xs);font-size:.8125rem;color:var(--text-muted)}.error{color:#e74c3c;font-size:.875rem;margin-top:var(--spacing-sm)}.success{color:#2ecc71;font-size:.875rem;margin-top:var(--spacing-sm)}.login-step{transition:opacity var(--transition-normal)}.login-step button+button{margin-top:var(--spacing-sm)}.login-method-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-md)}.login-tab{flex:1 1 calc(50% - var(--spacing-xs));min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.login-tab .tab-icon{flex-shrink:0;width:14px;height:14px}.login-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.login-tab.active{background:var(--accent-gold);color:var(--bg-primary);box-shadow:var(--shadow-sm)}.login-tab.active .tab-icon{color:var(--bg-primary)}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);border:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent-gold);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-gold);border-radius:50%;cursor:pointer;border:none}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal-backdrop{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.login-modal{text-align:center;max-width:380px}.login-header{margin-bottom:var(--spacing-xl)}.login-header .anubis-logo{filter:invert(68%) sepia(78%) saturate(456%) hue-rotate(8deg) brightness(92%) contrast(93%) drop-shadow(0 0 12px rgba(201,162,39,.6));margin-bottom:var(--spacing-md)}.login-header h1{font-size:1.75rem;letter-spacing:.15em;margin-bottom:var(--spacing-xs)}.login-header .tagline{color:var(--text-muted);font-size:.875rem;font-style:italic}.login-modal input[type=text]{text-align:center;font-size:1.25rem;letter-spacing:.3em;text-transform:uppercase}.login-modal .btn-primary{width:100%;padding:var(--spacing-md);font-size:1rem}.spinner{display:inline-block;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.deep-link-btn{display:inline-block;background:linear-gradient(135deg,#08c,#229ed9);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:1rem;transition:all var(--transition-fast);box-shadow:0 4px 12px #0088cc4d}.deep-link-btn:hover{background:linear-gradient(135deg,#229ed9,#34b7f1);transform:translateY(-2px);box-shadow:0 6px 16px #08c6}.login-success .hint{display:block;margin-top:var(--spacing-sm);color:var(--text-muted)}.btn-telegram{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#08c,#229ed9);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #0088cc4d}.btn-telegram:hover:not(:disabled){background:linear-gradient(135deg,#229ed9,#34b7f1);transform:translateY(-2px);box-shadow:0 6px 16px #08c6}.btn-telegram:disabled{opacity:.7;cursor:not-allowed}.btn-telegram .telegram-icon{flex-shrink:0}.telegram-login-section{text-align:center}.login-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.waiting-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.pulse-dot{width:10px;height:10px;background:var(--accent-gold);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.settings-modal{max-width:480px;max-height:90vh;overflow-y:auto}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.settings-section:last-of-type{border-bottom:none}.settings-section h3{color:var(--accent-gold);margin-bottom:var(--spacing-sm)}.section-description{font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.setting-row{margin-bottom:var(--spacing-md)}.setting-row:last-child{margin-bottom:0}.slider-group{margin-bottom:var(--spacing-lg)}.slider-group:last-child{margin-bottom:0}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.slider-value{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--accent-gold);min-width:30px;text-align:right}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-muted)}.settings-actions{margin-top:var(--spacing-md)}.settings-actions .btn{width:100%}.avatar-settings{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.avatar-preview{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.avatar-preview .user-avatar-img,.avatar-preview .user-avatar-initials{width:64px;height:64px;font-size:1.4rem}.avatar-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.avatar-actions .btn{justify-content:flex-start}.registered-emails-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);max-height:160px;overflow-y:auto}.registered-emails-list:empty:after{content:"No emails registered yet";color:var(--text-muted);font-size:.875rem;text-align:center;padding:var(--spacing-md)}.email-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.email-item-info{flex:1;min-width:0}.email-item-address{font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-item-label{display:inline-block;padding:2px 6px;margin-left:var(--spacing-xs);background:var(--accent-gold-dim);color:var(--bg-primary);font-size:.6875rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.email-item-actions{display:flex;gap:var(--spacing-xs)}.email-item-actions .btn-icon{width:28px;height:28px}.email-item-actions .btn-icon:hover{color:#e74c3c}.add-email-form{margin-bottom:var(--spacing-md)}.add-email-form .form-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.add-email-form .form-row input{flex:1}.add-email-form .form-row input:last-child{flex:0 0 120px}.loading-indicator{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:.875rem}.personas-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);max-height:300px;overflow-y:auto}.personas-empty{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:.875rem;font-style:italic}.persona-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.persona-card:hover{border-color:var(--border-medium)}.persona-card.active{border-color:var(--accent-gold);background:var(--bg-elevated)}.persona-card.default{border-color:#c9a2274d}.persona-card.default.active{border-color:var(--accent-gold)}.default-persona-icon{font-size:1rem;line-height:1;margin-right:2px}.persona-card-info{flex:1;min-width:0}.persona-card-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.persona-card-name .active-badge{font-size:.625rem;font-weight:700;padding:2px 6px;background:var(--accent-gold);color:var(--bg-primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.persona-card-instructions{font-size:.8125rem;color:var(--text-muted);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.persona-card-files{font-size:.75rem;color:var(--text-muted);margin-top:4px}.persona-card-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.persona-card-actions .btn-icon{width:28px;height:28px}.persona-form{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-medium);padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.persona-form.hidden{display:none}.persona-form-header h4{font-size:1rem;font-weight:600;color:var(--accent-gold);margin-bottom:var(--spacing-md)}.persona-form-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.persona-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.persona-form .form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.persona-form .hint-inline{font-weight:400;color:var(--text-muted);font-size:.75rem}.persona-form textarea{min-height:100px;resize:vertical}.persona-files-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.persona-file-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.persona-file-item button{padding:0;background:none;border:none;color:var(--text-muted);cursor:pointer;line-height:1}.persona-file-item button:hover{color:#e74c3c}.persona-form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.btn-xs{padding:6px 10px;font-size:.75rem}.app-header{display:flex;align-items:center;gap:var(--spacing-md);height:var(--header-height);padding:0 var(--spacing-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.header-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;letter-spacing:.15em;color:var(--accent-gold);text-shadow:0 0 20px rgba(201,162,39,.4);flex:1}.header-logo{height:54px;width:auto;filter:drop-shadow(0 0 8px rgba(201,162,39,.4));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;display:block}.anubis-logo-small{filter:invert(68%) sepia(78%) saturate(456%) hue-rotate(8deg) brightness(92%) contrast(93%)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-xs)}.header-persona-name{font-family:Cinzel,serif;font-size:1.125rem;font-weight:600;letter-spacing:.1em;color:var(--accent-gold);text-shadow:0 0 20px rgba(201,162,39,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-persona-name:empty{display:none}.app-container{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;transition:transform var(--transition-normal)}.sidebar.collapsed{transform:translate(-100%);width:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.sidebar-header h2{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.conversations-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.conversation-group{margin-bottom:var(--spacing-md)}.conversation-group-title{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.conversation-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.conversation-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.conversation-item.active{background:var(--bg-elevated);color:var(--text-primary);border-left:2px solid var(--accent-gold)}.conversation-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.conversation-delete{opacity:0;transition:opacity var(--transition-fast)}.conversation-item:hover .conversation-delete{opacity:1}.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-dim)}.welcome-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:var(--spacing-xl);color:var(--text-muted)}.welcome-message .anubis-logo-large{filter:invert(68%) sepia(78%) saturate(456%) hue-rotate(8deg) brightness(92%) contrast(93%) drop-shadow(0 0 30px rgba(201,162,39,.6)) drop-shadow(0 0 60px rgba(201,162,39,.3));opacity:.85;margin-bottom:var(--spacing-xl)}.welcome-message h2{font-size:1.5rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.welcome-message p{font-size:1rem;font-style:italic}.message{display:flex;gap:var(--spacing-md);max-width:85%;animation:messageSlideIn .3s ease;align-items:center}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:54px;height:54px;border-radius:var(--radius-md);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.message.assistant .message-avatar{margin-left:8px}.message.assistant .message-avatar{background:transparent;color:var(--text-primary)}.message-avatar .avatar-logo{filter:invert(68%) sepia(78%) saturate(456%) hue-rotate(8deg) brightness(92%) contrast(93%)}.message-avatar .avatar-logo-glow{filter:invert(68%) sepia(78%) saturate(456%) hue-rotate(8deg) brightness(92%) contrast(93%) drop-shadow(0 0 12px rgba(201,162,39,.6)) drop-shadow(0 0 24px rgba(201,162,39,.3))}.message.user .message-avatar{width:48px;height:48px;margin-right:8px}.user-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-medium)}.user-avatar-initials{width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:var(--text-secondary);font-family:Inter,sans-serif;letter-spacing:.02em}.message-content{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.message.user .message-content{background:var(--bg-tertiary);border-color:var(--border-medium)}.message.assistant .message-content{border-left:2px solid var(--accent-gold)}.message-text{font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message-text p{margin-bottom:var(--spacing-sm)}.message-text p:last-child{margin-bottom:0}.message-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:.75rem;color:var(--text-muted)}.message-image{max-width:100%;max-height:400px;border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.message-attachments{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.attachment-inline-image{display:block;text-decoration:none;border-radius:var(--radius-md);overflow:hidden;transition:opacity var(--transition-fast)}.attachment-inline-image:hover{opacity:.9}.attachment-image-label{display:block;font-size:.75rem;color:var(--text-muted);padding:var(--spacing-xs) 0;text-align:center}.attachment-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}.attachment-card:hover{border-color:var(--accent-gold-dim);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.attachment-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.attachment-card-info{display:flex;flex-direction:column;flex:1;min-width:0}.attachment-card-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card-type{font-size:.6875rem;color:var(--text-muted);text-transform:capitalize}.attachment-card-download{flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}.attachment-card:hover .attachment-card-download{color:var(--accent-gold)}.typing-indicator{display:flex;gap:4px;padding:var(--spacing-sm)}.typing-indicator span{width:8px;height:8px;background:var(--accent-gold);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.input-area{padding:var(--spacing-md);background:transparent;border-top:1px solid var(--border-subtle)}.input-container{display:flex;align-items:flex-end;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-sm);transition:border-color var(--transition-fast)}.input-container:focus-within{border-color:var(--accent-gold)}.input-container textarea{flex:1;background:transparent;border:none;resize:none;min-height:24px;max-height:150px;padding:var(--spacing-xs);font-size:.9375rem;line-height:1.5}.input-container textarea:focus{outline:none;box-shadow:none}.attachments-preview{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);flex-wrap:wrap;max-height:200px;overflow-y:auto}.attachment-item{position:relative;min-width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all var(--transition-fast)}.attachment-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.attachment-item img{width:100%;height:100%;object-fit:cover}.attachment-icon{font-size:.625rem;font-weight:700;color:var(--accent-gold);background:var(--bg-tertiary);padding:4px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.attachment-name{font-size:.625rem;color:var(--text-muted);margin-top:4px;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.attachment-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#000000b3;border:none;border-radius:50%;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.attachment-item:hover .attachment-remove{opacity:1}.attachment-remove:hover{background:#e74c3c;transform:scale(1.1)}.input-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding-left:var(--spacing-sm)}.provider-indicator{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.model-indicator{font-size:.75rem;color:var(--text-muted)}.input-selector{position:relative}.selector-btn{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 8px;color:var(--accent-gold);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.selector-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.selector-chevron{stroke:currentColor;transition:transform var(--transition-fast)}.selector-btn[aria-expanded=true] .selector-chevron{transform:rotate(180deg)}.selector-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);min-width:180px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-md)}.persona-option{padding:8px 12px;cursor:pointer;font-size:.8125rem;color:var(--text-secondary);transition:all var(--transition-fast)}.persona-option:hover{background:var(--bg-hover);color:var(--text-primary)}.persona-option.active{color:var(--accent-gold)}.tier-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle)}.tier-btn{padding:4px 10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:all var(--transition-fast)}.tier-btn:hover:not(.active){color:var(--text-secondary);background:var(--bg-hover)}.tier-btn.active{background:var(--accent-gold);color:var(--bg-primary)}.chat-area{position:relative}.chat-area.drag-over:before{content:"";position:absolute;inset:0;background:#0a0a0fd9;z-index:50;pointer-events:none}.chat-area.drag-over:after{content:"Drop files here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:51;font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;letter-spacing:.1em;color:var(--accent-gold);padding:var(--spacing-xl) var(--spacing-xl);border:2px dashed var(--accent-gold);border-radius:var(--radius-xl);background:var(--bg-secondary);box-shadow:var(--shadow-glow-strong);pointer-events:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}@supports (height: 100dvh){#app{height:100dvh}}@supports not (height: 100dvh){#app{height:100vh;height:-webkit-fill-available}}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.input-area{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}@media(max-width:768px){body{overflow:hidden;overscroll-behavior:none;position:fixed;width:100%}#app{height:var(--app-height, 100dvh);overflow:hidden;overscroll-behavior:none}:root{--header-height: 56px}.app-header{padding:0 var(--spacing-sm)}.header-logo{height:36px}.header-title{font-size:1.125rem}.header-title span{display:none}.header-persona-name{font-size:.875rem}.header-actions .btn-icon{width:34px;height:34px}.sidebar{position:fixed;left:0;top:var(--header-height);bottom:0;width:280px;max-width:85vw;z-index:200;background:var(--bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(-100%);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.sidebar.open:before{content:"";position:fixed;inset:0 0 0 280px;background:#000000b3;z-index:-1}.message-avatar,.message-avatar .avatar-logo,.message-avatar .avatar-logo-glow{width:40px;height:40px}.app-container{flex-direction:column}.chat-area{width:100%;max-height:var(--app-height, 100dvh);min-width:0}.messages{padding:var(--spacing-md);min-height:0;flex:1}.message{max-width:95%}.input-area{padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));flex-shrink:0}.input-container{padding:var(--spacing-xs)}.input-container textarea{font-size:16px}.input-footer{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.modal-content{margin:var(--spacing-sm);max-height:calc(100dvh - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.login-modal{max-width:100%}.settings-modal{max-height:calc(100dvh - 64px);max-height:calc(100vh - 64px)}}@media(max-width:380px){.login-tab{font-size:.75rem;padding:var(--spacing-xs)}.login-tab .tab-icon{width:12px;height:12px}.header-actions .btn-icon{width:32px;height:32px}}@media(max-height:500px)and (orientation:landscape){.modal-content{max-height:calc(100dvh - 16px);padding:var(--spacing-md)}.login-header{margin-bottom:var(--spacing-md)}.login-header .anubis-logo{width:200px;height:113px}}.modal-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.twofa-modal{position:relative;width:100%;max-width:440px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);animation:modalSlideIn .3s ease}.twofa-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);padding-bottom:0}.twofa-modal .modal-header h2{font-size:1.25rem;color:var(--accent-gold)}.twofa-modal .modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.twofa-modal .modal-close:hover{color:var(--text-primary)}.twofa-modal .modal-body{padding:var(--spacing-lg);text-align:center}.twofa-modal .modal-body h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.twofa-modal .modal-body p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.twofa-modal .modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);padding-top:0}.twofa-modal .modal-footer .btn{flex:1}.twofa-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.twofa-icon.success{color:#2ecc71}.twofa-benefits{list-style:none;text-align:left;background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.twofa-benefits li{padding:var(--spacing-xs) 0;color:var(--text-secondary);font-size:.9rem}.qr-container{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.qr-code{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md)}.qr-code img{display:block}.qr-manual{font-size:.875rem;color:var(--text-muted)}.btn-link{background:none;border:none;color:var(--accent-gold);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.btn-link:hover{color:var(--accent-gold-bright)}.secret-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.secret-display code{font-size:.875rem;letter-spacing:.1em}.verify-input-container{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.verify-input{width:200px;text-align:center;font-size:1.75rem;font-family:JetBrains Mono,monospace;letter-spacing:.5em;padding:var(--spacing-md)}.error-message{color:#e74c3c;font-size:.875rem;margin-top:var(--spacing-sm)}.backup-codes{background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-lg);text-align:left}.backup-codes h4{color:var(--accent-gold);margin-bottom:var(--spacing-sm);font-size:.9rem}.backup-codes p{font-size:.8rem;margin-bottom:var(--spacing-md)}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.backup-codes-grid code{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;text-align:center}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity var(--transition-normal)}.lightbox-overlay.hidden{opacity:0;pointer-events:none}.lightbox-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;cursor:grab}.lightbox-container:active{cursor:grabbing}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;transition:transform .1s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-controls{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);z-index:10}.lightbox-btn{width:44px;height:44px;border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-btn:hover{background:#fff3;border-color:var(--accent-gold);transform:scale(1.1)}.lightbox-btn:active{transform:scale(.95)}.lightbox-btn svg{width:20px;height:20px}.lightbox-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.lightbox-prev{margin-right:auto}.lightbox-next{margin-left:auto}.lightbox-counter{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);padding:var(--spacing-xs) var(--spacing-md);background:#0009;border-radius:var(--radius-full);font-size:.875rem;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-image{max-width:100%;max-height:400px;border-radius:var(--radius-md);margin-top:var(--spacing-sm);cursor:zoom-in;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.message-image:hover{transform:scale(1.02);box-shadow:0 4px 20px rgba(var(--accent-gold-rgb),.3)}.canvas-panel{width:50%;min-width:0;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:width .3s ease,min-width .3s ease,opacity .3s ease;overflow:hidden}.canvas-panel.collapsed{width:0;min-width:0;border-left:none;opacity:0;pointer-events:none}.canvas-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);gap:var(--spacing-sm);min-height:44px;flex-shrink:0}.canvas-title{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.canvas-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.canvas-actions .btn-icon{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.canvas-actions .btn-icon:hover:not(:disabled){background:var(--bg-tertiary);color:var(--accent-gold)}.canvas-actions .btn-icon:disabled{opacity:.3;cursor:default}.canvas-rev-indicator{font-size:.75rem;font-weight:500;color:var(--text-muted);min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.canvas-divider{width:1px;height:18px;background:var(--border-subtle);margin:0 var(--spacing-xs)}.canvas-content{flex:1;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-xl);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.canvas-content h1{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.canvas-content h2{font-family:Cinzel,serif;font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.canvas-content h3{font-family:Inter,sans-serif;font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm) 0}.canvas-content h4,.canvas-content h5,.canvas-content h6{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:var(--text-secondary);margin:var(--spacing-md) 0 var(--spacing-xs) 0}.canvas-content p{margin:0 0 var(--spacing-md) 0;line-height:1.7;color:var(--text-secondary)}.canvas-content strong{color:var(--text-primary);font-weight:600}.canvas-content em{font-style:italic}.canvas-content a{color:var(--accent-gold);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.canvas-content a:hover{border-bottom-color:var(--accent-gold)}.canvas-content ul,.canvas-content ol{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg);color:var(--text-secondary)}.canvas-content li{margin-bottom:var(--spacing-xs);line-height:1.6}.canvas-content blockquote{margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--accent-gold);background:var(--bg-tertiary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-style:italic}.canvas-content hr{border:none;height:1px;background:var(--border-subtle);margin:var(--spacing-lg) 0}.canvas-content code{font-family:JetBrains Mono,monospace;font-size:.85em;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent-gold)}.canvas-content pre{margin:0 0 var(--spacing-md) 0;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.canvas-content pre code{background:transparent;padding:0;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.canvas-content pre[data-lang]:before{content:attr(data-lang);display:block;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle)}.canvas-content table{width:100%;border-collapse:collapse;margin:0 0 var(--spacing-md) 0;font-size:.9rem}.canvas-content th{background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.canvas-content td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.canvas-content tr:hover td{background:var(--bg-tertiary)}.canvas-content img{max-width:100%;border-radius:var(--radius-md);margin:var(--spacing-sm) 0}.notebook-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.notebook-toggle:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-tertiary)}.notebook-toggle.active{color:var(--accent-gold);border-color:var(--accent-gold);background:rgba(var(--accent-gold-rgb),.1);box-shadow:0 0 8px rgba(var(--accent-gold-rgb),.2)}.notebook-toggle.locked{cursor:default;opacity:.9}.notebook-toggle.locked:hover{background:rgba(var(--accent-gold-rgb),.1)}.sidebar-documents{border-top:1px solid var(--border-subtle);padding:var(--spacing-sm)}.sidebar-section-title{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.sidebar-section-title svg{color:var(--accent-gold);flex-shrink:0}.sidebar-documents-list{display:flex;flex-direction:column;gap:2px}.sidebar-doc-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:.85rem}.sidebar-doc-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-doc-item.active{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-doc-item .doc-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-doc-item .doc-format{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border-radius:3px;background:var(--bg-tertiary);color:var(--text-muted);flex-shrink:0}.canvas-toast{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%) translateY(20px);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-elevated);border:1px solid var(--accent-gold);border-radius:var(--radius-full);color:var(--accent-gold);font-size:.85rem;font-weight:500;z-index:1000;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.canvas-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.info-panel{width:280px;min-width:280px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-normal),min-width var(--transition-normal),opacity var(--transition-normal);overflow:hidden}.info-panel.collapsed{width:0;min-width:0;border-left:none;opacity:0;pointer-events:none}.info-panel-header{display:flex;justify-content:flex-end;padding:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.info-panel-tabs{display:flex;border-bottom:1px solid var(--border-color)}.info-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent}.info-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.info-tab.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.info-tab svg{flex-shrink:0}.info-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.tab-content{display:block}.tab-content.hidden{display:none}.media-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.media-gallery-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.media-gallery-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.media-gallery-item img{width:100%;height:100%;object-fit:cover}.files-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.file-item:hover{background:var(--bg-hover)}.file-item svg{flex-shrink:0;color:var(--accent-gold)}.file-item-info{flex:1;min-width:0}.file-item-name{font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item-meta{font-size:.75rem;color:var(--text-muted)}.empty-state{text-align:center;color:var(--text-muted);font-size:.875rem;padding:var(--spacing-lg)}@media(max-width:768px){.info-panel{position:fixed;top:var(--header-height);right:0;bottom:0;z-index:100;width:100%;max-width:320px;transform:translate(0)}.info-panel.collapsed{transform:translate(100%);width:100%;opacity:1}.canvas-panel{position:fixed;top:var(--header-height);right:0;bottom:0;z-index:101;width:100%;max-width:100%;transform:translate(0)}.canvas-panel.collapsed{transform:translate(100%);width:100%;opacity:1}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;z-index:100;width:100%;max-width:320px;transform:translate(-100%);background:var(--bg-secondary);border-right:1px solid var(--border-subtle)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%);width:100%}.sidebar-overlay{display:block;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.message{max-width:95%}.input-footer{justify-content:flex-start}.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(min-width:1920px){.messages{padding-left:calc((100% - 1800px)/2);padding-right:calc((100% - 1800px)/2)}.message{max-width:80%}.welcome-message{max-width:900px;margin:0 auto}.input-area{display:flex;flex-direction:column;align-items:center}.input-container,.input-footer{max-width:1000px;width:100%}}@media(min-width:2560px){.messages{padding-left:calc((100% - 2000px)/2);padding-right:calc((100% - 2000px)/2)}.message{max-width:75%}.input-container,.input-footer{max-width:1200px}}.sidebar-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-subtle);margin-top:auto;flex-shrink:0}.btn-audio-call{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,rgba(var(--accent-gold-rgb),.12),rgba(var(--accent-gold-rgb),.04));border:1px solid rgba(var(--accent-gold-rgb),.25);border-radius:var(--radius-md);color:var(--accent-gold);font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-audio-call:hover{background:linear-gradient(135deg,rgba(var(--accent-gold-rgb),.22),rgba(var(--accent-gold-rgb),.1));border-color:var(--accent-gold);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-gold-rgb),.15)}.btn-audio-call:active{transform:translateY(0)}.btn-audio-call svg{flex-shrink:0}.btn-audio-call.in-call{background:linear-gradient(135deg,#ef444433,#ef444414);border-color:#ef444480;color:#ef4444;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444426}50%{box-shadow:0 0 0 6px #ef444400}}.audio-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.audio-overlay.hidden{display:none}.audio-overlay-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.audio-overlay-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl)}.audio-visualizer{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.audio-ring{position:absolute;border-radius:50%;border:2px solid rgba(var(--accent-gold-rgb),.3)}.audio-ring-1{width:120px;height:120px;animation:breathe 3s ease-in-out infinite}.audio-ring-2{width:160px;height:160px;animation:breathe 3s ease-in-out .5s infinite;border-color:rgba(var(--accent-gold-rgb),.2)}.audio-ring-3{width:200px;height:200px;animation:breathe 3s ease-in-out 1s infinite;border-color:rgba(var(--accent-gold-rgb),.1)}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:1}}.audio-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(var(--accent-gold-rgb),.25);z-index:1}.audio-avatar img{width:60px;height:60px}.audio-status{font-family:Inter,sans-serif;font-size:1rem;font-weight:500;color:var(--text-secondary);text-align:center;margin:0}.audio-transcript{max-width:500px;max-height:200px;overflow-y:auto;font-size:.9rem;color:var(--text-muted);text-align:center;line-height:1.5;scrollbar-width:thin}.btn-audio-end{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 4px 20px #ef444466}.btn-audio-end:hover{transform:scale(1.1);box-shadow:0 6px 28px #ef444480}.btn-audio-end:active{transform:scale(.95)}.message.assistant{position:relative;overflow:visible}.tts-swipe-icon{position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:rgba(var(--accent-gold-rgb),.15);border:1px solid rgba(var(--accent-gold-rgb),.3);color:var(--accent-gold);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.tts-swipe-icon.visible{opacity:1}.tts-swipe-icon.active{background:rgba(var(--accent-gold-rgb),.3);border-color:var(--accent-gold);transform:translateY(-50%) scale(1.15)}.tts-swipe-icon svg{width:16px;height:16px}.message.tts-loading .message-content:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);animation:tts-loading-bar 1.5s ease-in-out infinite}@keyframes tts-loading-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.message.assistant{touch-action:pan-y;transition:transform .15s ease-out}.tts-swipe-icon{left:-36px;width:28px;height:28px}.tts-hover-btn{display:none!important}}.tts-hover-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;padding:0;border-radius:50%;background:rgba(var(--accent-gold-rgb),.08);border:1px solid rgba(var(--accent-gold-rgb),.2);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,color .15s ease,background .15s ease,transform .15s ease;z-index:2}.message.assistant:hover .tts-hover-btn{opacity:1}.tts-hover-btn:hover{color:var(--accent-gold);background:rgba(var(--accent-gold-rgb),.18);border-color:rgba(var(--accent-gold-rgb),.4);transform:scale(1.1)}.tts-hover-btn:active{transform:scale(.95)}.tts-hover-btn svg{width:14px;height:14px}.tts-hover-btn.loading{opacity:1;color:var(--accent-gold);border-color:var(--accent-gold);animation:tts-btn-spin 1s linear infinite;border-top-color:transparent}.tts-hover-btn.playing{opacity:1;color:var(--accent-gold);background:rgba(var(--accent-gold-rgb),.2);border-color:var(--accent-gold);animation:tts-btn-pulse 1.5s ease-in-out infinite}@keyframes tts-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tts-btn-pulse{0%,to{box-shadow:0 0 rgba(var(--accent-gold-rgb),.3)}50%{box-shadow:0 0 0 6px rgba(var(--accent-gold-rgb),0)}}