:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--theme-text);background-color:var(--theme-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body,#root{overflow:hidden}a{font-weight:500;color:var(--theme-primary);text-decoration:inherit}a:hover{color:var(--theme-primary)}#root{padding:0;width:100%;height:100vh;box-sizing:border-box}#root.with-padding{padding:8px}body{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--theme-background);cursor:pointer;transition:border-color .25s}input,textarea,select{font-size:inherit;font-family:inherit}button:hover{border-color:var(--theme-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.side-drawer-container{display:flex;width:100%;height:100%;overflow:hidden}.side-drawer{flex-shrink:0;border-radius:var(--theme-radius-md);transition:width 225ms cubic-bezier(.4,0,.6,1),background 225ms cubic-bezier(.4,0,.6,1),opacity 225ms cubic-bezier(.4,0,.6,1),box-shadow 225ms cubic-bezier(.4,0,.6,1);overflow:hidden;position:relative;height:100vh;display:flex;flex-direction:column;z-index:100}.side-drawer.expanded{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;box-shadow:var(--theme-elevation-3)}.side-drawer.expanded:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);opacity:.08;z-index:-1;pointer-events:none}.side-drawer.collapsed{opacity:1;box-shadow:var(--theme-elevation-3)}.side-drawer.collapsed:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--theme-primary) 0%,var(--theme-secondary) 100%);opacity:.08;z-index:-1;pointer-events:none}.drawer-content-wrapper{width:100%;flex:1;transition:opacity 225ms cubic-bezier(.4,0,.6,1);overflow:hidden;display:flex;flex-direction:column;min-height:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--theme-spacing-sm);gap:var(--theme-spacing-sm);position:relative;flex-shrink:0}.side-drawer.collapsed .drawer-header{justify-content:center;padding:var(--theme-spacing-sm) 0}.side-drawer.collapsed .drawer-header .hamburger-button{position:absolute;opacity:0;pointer-events:none;transition:opacity 225ms cubic-bezier(.4,0,.6,1)}.side-drawer.collapsed .drawer-header:hover .logo-container{opacity:0;pointer-events:none}.side-drawer.collapsed .drawer-header:hover .hamburger-button{opacity:1;pointer-events:auto}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;transition:opacity 225ms cubic-bezier(.4,0,.6,1)}@media(max-width:767px){.side-drawer-container{position:relative}.side-drawer.mobile.expanded{position:fixed;top:0;left:0;height:100vh;z-index:1000}}@media(min-width:768px){.side-drawer-container{display:flex}.side-drawer.desktop{position:relative}}.hamburger-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--theme-spacing-sm);border-radius:var(--theme-radius-xs);transition:background-color .15s ease-in-out;color:var(--theme-text-primary)}.hamburger-button:hover{background-color:var(--theme-nav-active-background)}.hamburger-button:focus{outline:2px solid var(--theme-primary);outline-offset:2px}.hamburger-button:focus:not(:focus-visible){outline:none}.hamburger-button:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.chevron-icon{font-size:24px!important;transition:transform 225ms cubic-bezier(.4,0,.6,1)}.hamburger-button:hover .chevron-icon{transform:scale(1.1)}.logo-container{display:flex;align-items:center;justify-content:center;padding:8px;transition:all 225ms cubic-bezier(.4,0,.6,1),opacity 225ms cubic-bezier(.4,0,.6,1);height:auto;overflow:hidden}.logo-container.full{justify-content:flex-start;gap:12px;flex:1;min-width:0}.logo-container.compact{justify-content:center}.logo-image{width:32px;height:32px;flex-shrink:0;object-fit:contain;transition:all 225ms cubic-bezier(.4,0,.6,1)}.logo-image-compact{width:40px;height:40px}.logo-text{font-size:18px;font-weight:600;color:var(--theme-text-primary);white-space:nowrap;opacity:1;transition:opacity 225ms cubic-bezier(.4,0,.6,1)}.logo-text-image{height:32px;width:auto;max-width:100%;min-width:0;flex:1 1 auto;object-fit:contain;object-position:left center;opacity:1;transition:opacity 225ms cubic-bezier(.4,0,.6,1)}.logo-container.compact .logo-text,.logo-container.compact .logo-text-image{opacity:0;width:0;overflow:hidden}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--theme-text-primary);background:var(--theme-surface-container-low);border-radius:8px;transition:all 225ms cubic-bezier(.4,0,.6,1)}.logo-container.full,.logo-container.compact{min-height:auto;max-height:none}.logo-container.compact:hover{opacity:.8}.navigation-item{position:relative;display:flex;align-items:center;gap:var(--theme-spacing-sm);padding:var(--theme-spacing-sm) var(--theme-spacing-md);border:none;background:transparent;cursor:pointer;width:100%;transition:all 225ms cubic-bezier(.4,0,.6,1);color:inherit;font-size:14px;font-family:inherit}.navigation-item:hover{background:var(--theme-nav-active-background)}.navigation-item:focus{outline:2px solid var(--theme-primary, #007bff);outline-offset:2px}.navigation-item-center{justify-content:center}.navigation-item-left{justify-content:flex-start}.navigation-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.navigation-item-label{transition:opacity 225ms cubic-bezier(.4,0,.6,1);white-space:nowrap;overflow:hidden}.navigation-item-label.visible{opacity:1;display:inline}.navigation-item-label.hidden{opacity:0;display:none}.navigation-item-tooltip{position:fixed;transform:translateY(-50%);background:var(--theme-md3-inverse-surface);color:var(--theme-md3-inverse-on-surface);padding:8px 12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;transition-delay:.3s;z-index:100000;font-size:13px;box-shadow:0 4px 12px #0000004d}.navigation-item:hover .navigation-item-tooltip{opacity:1}.session-item{width:100%;background:transparent;border:none;cursor:pointer;padding:0;text-align:left;transition:all 225ms cubic-bezier(.4,0,.6,1);position:relative}.session-item:hover{background:var(--theme-nav-active-background)}.session-item:focus{outline:2px solid var(--theme-focus-color, #007bff);outline-offset:2px}.session-item--collapsed{display:flex;justify-content:center;align-items:center;padding:8px}.session-item__avatar{width:40px;height:40px;border-radius:50%;background:var(--theme-avatar-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:var(--theme-avatar-text, #ffffff);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;transition:all 225ms cubic-bezier(.4,0,.6,1)}.session-item__tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--theme-tooltip-bg, rgba(0, 0, 0, .9));color:var(--theme-tooltip-text, #ffffff);padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:14px;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;transition-delay:.3s;z-index:1000;max-width:200px;overflow:hidden;text-overflow:ellipsis}.session-item--collapsed:hover .session-item__tooltip{opacity:1}.session-item--expanded{padding:var(--theme-spacing-sm);border-radius:var(--theme-radius-sm)}.session-item__content{width:100%;opacity:1;transition:opacity 225ms cubic-bezier(.4,0,.6,1)}.session-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;gap:8px}.session-item__title{font-size:14px;font-weight:600;color:var(--theme-text-primary, #1a1a1a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;transition:color 225ms cubic-bezier(.4,0,.6,1)}.session-item__timestamp{font-size:11px;color:var(--theme-text-secondary, #666666);white-space:nowrap;flex-shrink:0;transition:color 225ms cubic-bezier(.4,0,.6,1)}.session-item__preview{font-size:12px;color:var(--theme-text-secondary, #666666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 225ms cubic-bezier(.4,0,.6,1)}.session-item--expanded:hover .session-item__title{color:var(--theme-text-primary, #1a1a1a)}.session-item--expanded:hover .session-item__preview{color:var(--theme-text-secondary, #666666)}.session-item--active{background:var(--theme-nav-active-background)}@media(max-width:767px){.session-item__tooltip{display:none}}.sessions-list{display:flex;flex-direction:column;height:100%;overflow:hidden;flex:1;min-height:0}.sessions-loading{display:flex;justify-content:center;align-items:center;padding:var(--theme-spacing-xl)}.sessions-error{padding:var(--theme-spacing-md);color:var(--theme-accent);font-size:13px;text-align:center;background:var(--theme-accent);border-radius:var(--theme-radius-sm)}.sessions-list.collapsed .sessions-items,.sessions-list.collapsed .sessions-empty,.sessions-list.collapsed .sessions-loading,.sessions-list.collapsed .sessions-error{display:none}.sessions-empty{padding:var(--theme-spacing-xl) var(--theme-spacing-md);text-align:center;color:var(--theme-primary);font-size:13px;line-height:1.6}.sessions-load-more{flex-shrink:0;padding:var(--theme-spacing-sm) var(--theme-spacing-xs)}.load-more-button{width:100%;padding:10px 16px;background:var(--theme-background);color:var(--theme-text);border:none;border-radius:var(--theme-radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--theme-spacing-sm)}.load-more-button:hover:not(:disabled){background:var(--theme-hover);transform:translateY(-1px);box-shadow:0 2px 8px var(--theme-shadow)}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.sessions-items{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--theme-spacing-xs);display:flex;flex-direction:column;min-height:0}.sessions-items-expanded,.sessions-items-collapsed{gap:var(--theme-spacing-sm)}.sessions-items::-webkit-scrollbar{width:5px}.sessions-items::-webkit-scrollbar-track{background:transparent;margin:4px 0}.sessions-items::-webkit-scrollbar-thumb{background:var(--theme-primary);border-radius:10px;transition:background .2s ease}.sessions-items::-webkit-scrollbar-thumb:hover{background:var(--theme-hover)}.sessions-items{scrollbar-width:thin;scrollbar-color:var(--theme-primary) transparent}.sessions-fallback-panel{flex-shrink:0;margin:var(--theme-spacing-xs);padding:var(--theme-spacing-sm);border-radius:var(--theme-radius-sm);background:var(--theme-background);border:1px solid var(--theme-hover);max-height:240px;overflow-y:auto}.sessions-fallback-panel__header{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--theme-text);margin-bottom:var(--theme-spacing-xs)}.sessions-fallback-panel__close{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;color:var(--theme-text)}.sessions-fallback-panel__messages{display:flex;flex-direction:column;gap:var(--theme-spacing-xs)}.sessions-fallback-message{font-size:12px;line-height:1.5;padding:var(--theme-spacing-xs);border-radius:var(--theme-radius-sm);background:var(--theme-hover);color:var(--theme-text)}.sessions-fallback-message--user{align-self:flex-end}.search-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding-top:10vh;animation:searchModalFadeIn .2s ease}@keyframes searchModalFadeIn{0%{opacity:0}to{opacity:1}}.search-modal-dialog{background-color:var(--theme-surface-container-lowest);border-radius:var(--theme-radius-md);box-shadow:var(--theme-elevation-5);max-width:560px;width:100%;max-height:70vh;display:flex;flex-direction:column;animation:searchModalSlideDown .2s ease}@keyframes searchModalSlideDown{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.search-modal-header{display:flex;align-items:center;gap:var(--theme-spacing-sm);padding:var(--theme-spacing-md) var(--theme-spacing-lg);border-bottom:1px solid var(--theme-border)}.search-modal-input{flex:1;background:transparent;border:none;outline:none;font-size:16px;font-family:inherit;color:var(--theme-text-primary);padding:var(--theme-spacing-xs) 0}.search-modal-input::placeholder{color:var(--theme-text-secondary)}.search-modal-close{background:none;border:none;font-size:24px;line-height:1;color:var(--theme-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--theme-radius-xs);flex-shrink:0;transition:background-color .15s ease,color .15s ease}.search-modal-close:hover{background-color:var(--theme-surface-container-low);color:var(--theme-text-primary)}.search-modal-close:focus{outline:2px solid var(--theme-primary);outline-offset:2px}.search-modal-results{overflow-y:auto;flex:1;padding:var(--theme-spacing-sm) 0}.search-modal-group-label{font-size:12px;font-weight:600;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--theme-spacing-sm) var(--theme-spacing-lg);margin-top:var(--theme-spacing-xs)}.search-modal-session{width:100%;background:transparent;border:none;cursor:pointer;padding:var(--theme-spacing-sm) var(--theme-spacing-lg);text-align:left;font-family:inherit;display:block;transition:background-color .15s ease}.search-modal-session:hover{background-color:var(--theme-nav-active-background)}.search-modal-session:focus{outline:2px solid var(--theme-primary);outline-offset:-2px}.search-modal-session-title{font-size:14px;font-weight:500;color:var(--theme-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-modal-no-results{padding:var(--theme-spacing-xl) var(--theme-spacing-lg);text-align:center;font-size:14px;color:var(--theme-text-secondary)}@media(max-width:768px){.search-modal-backdrop{padding-top:0;align-items:stretch}.search-modal-dialog{max-width:100%;max-height:100vh;border-radius:0}}@media(prefers-reduced-motion:reduce){.search-modal-backdrop,.search-modal-dialog{animation:none}.search-modal-close,.search-modal-session{transition:none}}@media(prefers-contrast:high){.search-modal-dialog{border:2px solid currentColor}}.user-avatar-container{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:44px;min-width:44px;border-radius:10px;cursor:pointer;transition:all 225ms cubic-bezier(.4,0,.6,1);background:var(--theme-background);border:1px solid var(--theme-border);position:relative;box-sizing:border-box}.user-avatar-container.collapsed{justify-content:center;padding:8px}.user-avatar-container:hover{background:var(--theme-hover);border-color:var(--theme-border);box-shadow:0 2px 8px var(--theme-shadow)}.user-avatar-container.menu-open{background:var(--theme-hover);border-color:var(--theme-primary)}.user-avatar-container:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.user-avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary) 100%);color:var(--theme-text);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px var(--theme-shadow);overflow:hidden}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-avatar-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-avatar-name{font-size:14px;font-weight:600;color:var(--theme-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.user-avatar-email{font-size:12px;color:var(--theme-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.user-avatar-tooltip{position:fixed;transform:translateY(-50%);background:var(--theme-background);color:var(--theme-text);padding:8px 12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;transition-delay:.3s;z-index:100000;border:1px solid var(--theme-border);box-shadow:0 2px 8px var(--theme-shadow);font-size:13px;font-weight:500}.user-avatar-container.collapsed:hover .user-avatar-tooltip{opacity:1}.user-menu{position:fixed;background:var(--theme-background);border:1px solid var(--theme-border);border-radius:12px;box-shadow:0 4px 24px var(--theme-shadow);z-index:100000;overflow:hidden;min-width:240px}.user-menu-header{padding:16px}.user-menu-profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-bottom:8px}.user-menu-name{font-size:14px;font-weight:600;color:var(--theme-text);line-height:1.4}.user-menu-email{font-size:12px;color:var(--theme-secondary);line-height:1.4;margin-top:2px}.user-menu-divider{height:1px;background:var(--theme-border);margin:0}.user-menu-section{padding:4px 0}.user-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:44px;cursor:pointer;color:var(--theme-text);font-size:14px;transition:background .15s ease;box-sizing:border-box}.user-menu-item:hover{background:var(--theme-hover)}.user-menu-item:focus-visible{background:var(--theme-hover);outline:2px solid var(--theme-primary);outline-offset:-2px}.user-menu-item-label{flex:1}.user-menu-logout{color:var(--theme-error, #ef4444)}.user-menu-help-item{color:var(--theme-secondary);font-size:13px}.edit-profile-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.edit-profile-modal{background:var(--theme-background);border:1px solid var(--theme-border);border-radius:16px;padding:24px;max-width:440px;width:90vw;box-shadow:0 8px 32px var(--theme-shadow)}.edit-profile-title{font-size:18px;font-weight:600;color:var(--theme-text);margin:0 0 20px}.edit-profile-avatar-section{display:flex;justify-content:center;margin-bottom:20px}.edit-profile-avatar{width:80px;height:80px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;border:none;padding:0}.edit-profile-avatar:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.edit-profile-avatar:hover .edit-profile-camera-overlay{background:#000000a6}.edit-profile-initials{font-size:28px;font-weight:700;color:var(--theme-text)}.edit-profile-camera-overlay{position:absolute;bottom:0;left:0;right:0;height:28px;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:14px}.edit-profile-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.edit-profile-field{display:flex;flex-direction:column;gap:6px}.edit-profile-label{font-size:14px;font-weight:600;color:var(--theme-text)}.edit-profile-input{padding:10px 12px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-background);color:var(--theme-text);font-size:14px;min-height:44px;box-sizing:border-box}.edit-profile-input:focus-visible{outline:2px solid var(--theme-primary);outline-offset:-2px}.edit-profile-helper{font-size:12px;color:var(--theme-secondary);line-height:1.5;margin:0}.edit-profile-actions{display:flex;justify-content:flex-end;gap:8px}.edit-profile-btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;min-height:40px;border:1px solid var(--theme-border);transition:all .15s ease;box-sizing:border-box}.edit-profile-btn-cancel{background:transparent;color:var(--theme-text)}.edit-profile-btn-cancel:hover{background:var(--theme-hover)}.edit-profile-btn-save{background:var(--theme-primary);color:var(--theme-background);border-color:var(--theme-primary)}.edit-profile-btn-save:hover{opacity:.9}.edit-profile-btn:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.edit-profile-file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.edit-profile-preview-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.edit-profile-error{color:var(--theme-error, #e53935);font-size:13px;text-align:center;margin-bottom:12px}.edit-profile-status-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.edit-profile-remove-btn-wrapper{display:flex;justify-content:center;margin-bottom:12px}.edit-profile-remove-btn{background:transparent;border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-error, #e53935);font-size:13px;font-weight:500;padding:6px 16px;cursor:pointer;min-height:32px;transition:all .15s ease}.edit-profile-remove-btn:hover{background:var(--theme-hover)}.edit-profile-remove-btn:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.settings-tab-navigation{display:flex;flex-direction:column;gap:2px;padding:8px;min-width:180px;border-right:1px solid var(--theme-border)}.settings-tab{display:flex;align-items:center;padding:10px 16px;min-height:44px;border:none;border-radius:8px;background:transparent;color:var(--theme-text);font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease;box-sizing:border-box}.settings-tab:hover{background:var(--theme-hover)}.settings-tab-active{background:var(--theme-hover);color:var(--theme-primary);font-weight:600}.settings-tab:focus-visible{outline:2px solid var(--theme-primary);outline-offset:-2px}@media(max-width:767px){.settings-tab-navigation{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--theme-border);min-width:unset;padding:4px 8px;gap:4px}.settings-tab{white-space:nowrap;min-height:40px;padding:8px 14px}}.general-tab{display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-label{font-size:14px;font-weight:600;color:var(--theme-text)}.settings-select{padding:10px 12px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-background);color:var(--theme-text);font-size:14px;cursor:pointer;min-height:44px;box-sizing:border-box}.settings-select:focus-visible{outline:2px solid var(--theme-primary);outline-offset:-2px}.personalization-tab{display:flex;flex-direction:column;gap:24px}.settings-label-row{display:flex;align-items:center;justify-content:space-between}.settings-input{padding:10px 12px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-background);color:var(--theme-text);font-size:14px;min-height:44px;box-sizing:border-box}.settings-input:focus-visible{outline:2px solid var(--theme-primary);outline-offset:-2px}.settings-textarea{padding:10px 12px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-background);color:var(--theme-text);font-size:14px;font-family:inherit;resize:vertical;min-height:100px;box-sizing:border-box}.settings-textarea:focus-visible{outline:2px solid var(--theme-primary);outline-offset:-2px}.char-count{font-size:12px;color:var(--theme-secondary)}.style-tags{display:flex;flex-wrap:wrap;gap:8px}.style-tag{padding:8px 16px;border:1px solid var(--theme-border);border-radius:20px;background:transparent;color:var(--theme-text);font-size:13px;cursor:pointer;transition:all .15s ease;min-height:36px;box-sizing:border-box}.style-tag:hover{background:var(--theme-hover)}.style-tag-selected{background:var(--theme-primary);color:var(--theme-background);border-color:var(--theme-primary)}.style-tag:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.confirmation-dialog-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10002}.confirmation-dialog{background:var(--theme-background);border:1px solid var(--theme-border);border-radius:12px;padding:24px;max-width:400px;width:90vw;box-shadow:0 8px 32px var(--theme-shadow)}.confirmation-dialog-title{font-size:16px;font-weight:600;color:var(--theme-text);margin:0 0 8px}.confirmation-dialog-message{font-size:14px;color:var(--theme-secondary);margin:0 0 16px;line-height:1.5}.confirmation-dialog-error{padding:8px 12px;background:var(--theme-error-bg, rgba(239, 68, 68, .1));color:var(--theme-error, #ef4444);border-radius:6px;font-size:13px;margin-bottom:16px}.confirmation-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.confirmation-btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;min-height:40px;border:1px solid var(--theme-border);transition:all .15s ease;box-sizing:border-box}.confirmation-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-btn-cancel{background:transparent;color:var(--theme-text)}.confirmation-btn-cancel:hover:not(:disabled){background:var(--theme-hover)}.confirmation-btn-confirm{background:var(--theme-error, #ef4444);color:#fff;border-color:var(--theme-error, #ef4444)}.confirmation-btn-confirm:hover:not(:disabled){opacity:.9}.confirmation-btn:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.data-controls-tab{display:flex;flex-direction:column;gap:24px}.data-controls-actions{display:flex;flex-direction:column;gap:8px}.data-control-btn{padding:10px 16px;border:1px solid var(--theme-border);border-radius:8px;background:transparent;color:var(--theme-text);font-size:14px;cursor:pointer;min-height:44px;text-align:left;transition:background .15s ease;box-sizing:border-box}.data-control-btn:hover{background:var(--theme-hover)}.data-control-btn-danger{color:var(--theme-error, #ef4444);border-color:var(--theme-error, #ef4444)}.data-control-btn-danger:hover{background:var(--theme-error-bg, rgba(239, 68, 68, .1))}.data-control-btn:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.account-tab{display:flex;flex-direction:column;gap:20px}.account-field{display:flex;flex-direction:column;gap:4px}.account-field-label{font-size:12px;font-weight:600;color:var(--theme-secondary);text-transform:uppercase;letter-spacing:.5px}.account-field-value{font-size:14px;color:var(--theme-text);padding:10px 12px;background:var(--theme-hover);border:1px solid var(--theme-border);border-radius:8px;min-height:44px;display:flex;align-items:center;box-sizing:border-box}.settings-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.settings-modal{background:var(--theme-background);border:1px solid var(--theme-border);border-radius:16px;box-shadow:0 8px 32px var(--theme-shadow);display:flex;flex-direction:column;max-width:720px;width:90vw;max-height:80vh;overflow:hidden}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--theme-border)}.settings-modal-title{font-size:18px;font-weight:600;color:var(--theme-text);margin:0}.settings-modal-close{width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--theme-text);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.settings-modal-close:hover{background:var(--theme-hover)}.settings-modal-close:focus-visible{outline:2px solid var(--theme-primary);outline-offset:-2px}.settings-modal-body{display:flex;flex:1;overflow:hidden}.settings-modal-panel{flex:1;padding:24px;overflow-y:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.settings-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.settings-modal-body{flex-direction:column}.settings-modal-panel{padding:16px}}.theme-switcher-container{position:relative;display:inline-flex}.theme-switcher{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:var(--theme-hover);border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-text);cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.theme-switcher--collapsed{padding:8px;justify-content:center}.theme-switcher--expanded{padding:8px 16px;justify-content:flex-start}.theme-switcher:hover{background-color:var(--theme-border);border-color:var(--theme-primary)}.theme-switcher:active{transform:scale(.98)}.theme-switcher:focus{outline:2px solid var(--theme-primary);outline-offset:2px}.theme-switcher:focus:not(:focus-visible){outline:none}.theme-switcher:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.theme-switcher__icon{font-size:18px;line-height:1;display:inline-flex;align-items:center}.theme-switcher__text{line-height:1;opacity:1;transition:opacity 225ms cubic-bezier(.4,0,.6,1)}.theme-switcher__tooltip{position:fixed;transform:translateY(-50%);background-color:var(--theme-tooltip-bg, #333);color:var(--theme-tooltip-text, #fff);padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out;transition-delay:.3s;z-index:100000}.theme-switcher-container:hover .theme-switcher__tooltip{opacity:1}.theme-switcher__announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ai-access-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background-color:var(--theme-hover);border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-text);cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.ai-access-btn--collapsed{padding:8px;justify-content:center}.ai-access-btn--expanded{padding:8px 16px;justify-content:flex-start}.ai-access-btn:hover{background-color:var(--theme-border);border-color:var(--theme-primary)}.ai-access-btn:active{transform:scale(.98)}.ai-access-btn:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.ai-access-btn__icon{display:inline-flex;align-items:center}:root{--drawer-width: 280px;--root-padding: var(--theme-spacing-sm);--drawer-padding: var(--theme-spacing-sm)}.app-layout{display:flex;height:100%;width:100%;background:linear-gradient(135deg,var(--theme-background) 0%,var(--theme-hover) 100%);overflow:hidden}.drawer-content{padding:var(--drawer-padding);flex:1;display:flex;flex-direction:column;gap:8px;min-height:0}.drawer-navigation{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.drawer-nav-button{width:100%;display:flex;align-items:center;gap:12px;padding:var(--theme-spacing-sm) var(--theme-spacing-md);background:var(--theme-background);color:var(--theme-text);border:none;border-radius:var(--theme-radius-sm);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.drawer-nav-button:hover{background:var(--theme-hover);transform:translate(2px)}.drawer-nav-icon{font-size:20px;flex-shrink:0}.new-chat-icon{font-size:24px;font-weight:700;line-height:1}.drawer-nav-text{flex:1;text-align:left}.drawer-search{flex-shrink:0}.search-icon-nav{font-size:24px!important;width:24px;height:24px}.drawer-sessions{flex:1;overflow:hidden;display:flex;flex-direction:column}.recents-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border:none;outline:none;border-radius:0;background:transparent;cursor:pointer;color:var(--theme-text-secondary, #888);font-size:13px;font-family:inherit;width:100%;text-align:left;flex-shrink:0;transition:color .15s ease;-webkit-user-select:none;user-select:none}.recents-header:hover{color:var(--theme-text-primary, #333)}.recents-header:focus,.recents-header:focus-visible{outline:none;border:none}.recents-label{font-weight:500;letter-spacing:.2px}.recents-header svg{transition:transform .2s ease;opacity:.6}.recents-header:hover svg{opacity:1}.drawer-bottom{flex-shrink:0;margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:8px}.drawer-bottom-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toggle-button{width:100%;background:var(--theme-background)!important;color:var(--theme-text)!important;font-weight:600!important;border-radius:var(--theme-radius-sm)!important;padding:10px!important;box-shadow:var(--theme-elevation-2)!important;transition:all .2s ease!important}.toggle-button:hover{background:var(--theme-hover)!important;box-shadow:var(--theme-elevation-3)!important;transform:translateY(-1px)}.app-content{flex-grow:1;min-width:0;min-height:0;height:100%;overflow:hidden;padding:var(--root-padding);transition:margin-left 225ms cubic-bezier(.4,0,.6,1);margin-left:0;position:relative}.app-content.drawer-open{margin-left:var(--drawer-width)}.app-content.drawer-closed{margin-left:0}.notification-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:min(400px,calc(100vw - 40px));pointer-events:none}.notification{--n-surface: var(--theme-surface-container-high, #ffffff);--n-text: var(--theme-text-primary, #111827);--n-border: var(--theme-outline-variant, #e2e8f0);--n-accent: #64748b;pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;background:var(--n-surface);color:var(--n-text);border:1px solid var(--n-border);border-left:4px solid var(--n-accent);border-radius:10px;box-shadow:0 8px 24px #0000002e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13.5px;line-height:1.45;animation:notification-slide-in .18s ease-out}@keyframes notification-slide-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.notification__icon{display:flex;align-items:center;color:var(--n-accent);flex-shrink:0;margin-top:1px}.notification__message{flex:1;min-width:0;word-break:break-word}.notification__close{background:none;border:none;cursor:pointer;color:var(--theme-text-secondary, #94a3b8);padding:2px;border-radius:6px;display:flex;flex-shrink:0}.notification__close:hover{background:#94a3b829;color:var(--n-text)}.notification--success{--n-accent: #16a34a}.notification--error{--n-accent: #dc2626}.notification--warning{--n-accent: #d97706}.notification--info{--n-accent: #2563eb}