@import url(https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8,200;0,8,300;0,8,400;0,12,200;0,12,300;0,12,400;0,48,200;0,48,300;0,48,400;0,60,100;0,60,200;0,60,300;0,60,400;0,60,500;0,60,600;0,60,700&family=Inter:wght@100;200;300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.spinner-container{align-items:center;display:flex;justify-content:center;padding:var(--spacing-lg) 0;width:100%}.spinner{display:inline-block;height:64px;position:relative;width:64px}.spinner-dot{-webkit-animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-radius:var(--border-radius-full);height:8px;position:absolute;width:8px}.spinner-dot:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s;background:var(--accent);left:29px;top:6px}.spinner-dot:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s;background:var(--accent);left:18px;top:18px}.spinner-dot:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s;background:var(--accent);left:6px;top:29px}.spinner-dot:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;background:var(--accent);left:18px;top:40px}.spinner-dot:nth-child(5){-webkit-animation-delay:.15s;animation-delay:.15s;background:var(--accent);left:29px;top:52px}.spinner-dot:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s;background:var(--accent);left:40px;top:40px}.spinner-dot:nth-child(7){-webkit-animation-delay:.45s;animation-delay:.45s;background:var(--accent);left:52px;top:29px}.spinner-dot:nth-child(8){-webkit-animation-delay:.6s;animation-delay:.6s;background:var(--accent);left:40px;top:18px}@-webkit-keyframes spinner{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes spinner{0%,80%,to{opacity:0}40%{opacity:1}}.App{background-color:var(--background-primary);margin:0;min-height:100vh;overflow:hidden;position:relative;text-align:center;transition:background-color var(--transition-medium)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--background-secondary);color:var(--text-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--text-link)}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.content-wrapper{position:relative;z-index:1}.theme-dark{--text-primary:#fff;--text-secondary:#a0a0a0;--text-disabled:#666;--text-hint:#a0a0a0;--text-link:#f33;--background-primary:rgba(0,0,0,.95);--background-secondary:rgba(0,0,0,.85);--background-tertiary:rgba(0,0,0,.7);--background-elevated:rgba(0,0,0,.95);--background-paper:rgba(0,0,0,.9);--background-input:rgba(0,0,0,.5);--background-hover:rgba(218,0,0,.1);--background-active:rgba(218,0,0,.3);--card-bg:hsla(0,0%,8%,.95);--border-light:#333;--border-main:#fff;--border-color:#333;--border-focus:#da0000;--border-active-button:#fff;--shadow-main:rgba(218,0,0,.3);--shadow-light:rgba(0,0,0,.2);--button-primary:#da0000;--button-primary-hover:#f33;--button-primary-active:#a80000;--button-secondary:transparent;--button-secondary-hover:rgba(218,0,0,.1);--button-secondary-active:rgba(218,0,0,.2);--button-secondary-text:#fff;--button-disabled:#666;--accent:#da0000;--accent-hover:#f33;--accent-active:#a80000;--primary-color:#da0000;--primary-rgb:218,0,0;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--gradient-main:linear-gradient(180deg,rgba(0,0,0,.8),rgba(168,0,0,.2));--gradient-hover:linear-gradient(180deg,rgba(0,0,0,.7),rgba(218,0,0,.3))}.theme-light{--text-primary:#000;--text-secondary:#666;--text-disabled:#a0a0a0;--text-hint:#666;--text-link:#a80000;--background-primary:#fff;--background-secondary:#f5f5f5;--background-tertiary:#e0e0e0;--background-elevated:#fff;--background-paper:#f5f5f5;--background-input:#fff;--background-hover:rgba(218,0,0,.05);--background-active:rgba(218,0,0,.1);--card-bg:#fff;--border-light:#e0e0e0;--border-main:#a0a0a0;--border-color:#e0e0e0;--border-focus:#da0000;--border-active-button:#da0000;--shadow-main:rgba(218,0,0,.2);--shadow-light:rgba(0,0,0,.1);--button-primary:#da0000;--button-primary-hover:#f33;--button-primary-active:#a80000;--button-secondary:transparent;--button-secondary-hover:rgba(218,0,0,.05);--button-secondary-active:rgba(218,0,0,.1);--button-secondary-text:#da0000;--button-disabled:#e0e0e0;--accent:#da0000;--accent-hover:#f33;--accent-active:#a80000;--primary-color:#da0000;--primary-rgb:218,0,0;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--gradient-main:linear-gradient(180deg,hsla(0,0%,100%,.9),rgba(218,0,0,.05));--gradient-hover:linear-gradient(180deg,hsla(0,0%,100%,.8),rgba(218,0,0,.1))}:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-full:9999px;--transition-short:0.15s ease;--transition-medium:0.3s ease;--transition-long:0.5s ease;--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:100;--z-index-modal:1000;--z-index-tooltip:1500}body{background-color:var(--background-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-medium),color var(--transition-medium)}li,p,td,th{line-height:1.75;line-height:var(--line-height-relaxed)}h1,h2,h3,h4,h5,h6{line-height:1.2;line-height:var(--line-height-tight);margin-bottom:1rem;margin-bottom:var(--spacing-md);margin-top:1.5rem;margin-top:var(--spacing-lg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button,button{border-radius:.5rem;border-radius:var(--border-radius-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);transition:all .15s ease;transition:all var(--transition-short)}a{color:var(--text-link);text-decoration:none;transition:color .15s ease;transition:color var(--transition-short)}a:hover{color:var(--accent-hover);text-decoration:underline}input,select,textarea{background-color:var(--background-input);border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-short)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--shadow-main);outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:9999px;border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.welcome-modal-overlay{align-items:center;background-color:rgba(0,0,0,.85);display:flex;font-family:var(--font-family);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.welcome-modal-container{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:0 20px 80px var(--shadow-light),0 0 50px 10px var(--shadow-main),0 0 80px 15px var(--shadow-main),0 0 120px 20px var(--shadow-main);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;transition:background-color var(--transition-medium);width:90%;z-index:var(--z-index-modal)}.welcome-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:20px 40px;position:relative}.welcome-modal-header h2{color:var(--text-primary);font-family:"Source Serif 4",serif;font-size:1.5rem;font-variation-settings:"opsz" 60;font-weight:400;letter-spacing:2px;margin:0;text-align:center;text-transform:uppercase}.welcome-modal-close{background:none!important;border:none!important;color:var(--text-primary)!important;cursor:pointer;font-size:24px;line-height:1;padding:0;position:absolute;right:40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.welcome-modal-close:hover{color:var(--text-primary)!important;opacity:.8}.welcome-modal-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);min-height:0;overflow-y:auto;padding:24px 40px}.welcome-modal-content::-webkit-scrollbar{width:8px}.welcome-modal-content::-webkit-scrollbar-track{background:transparent}.welcome-modal-content::-webkit-scrollbar-thumb{background-color:var(--border-main);border:2px solid var(--background-primary);border-radius:4px}.welcome-modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}.welcome-modal-section{background-color:var(--background-secondary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:border-color var(--transition-short),background-color var(--transition-short)}.welcome-modal-section:hover{background-color:var(--background-hover);border-color:var(--accent)}.welcome-modal-section h3{color:var(--accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:1px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.welcome-modal-section p{color:var(--text-primary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}.welcome-modal-section ul{list-style-type:none;margin:0;padding-left:0}.welcome-modal-section li{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-md) 0;text-align:center}.welcome-modal-section li:before{content:none}.welcome-modal-feature-list{align-items:center;display:flex;flex-direction:column;text-align:center}.welcome-modal-feature-badge{background-color:initial;border:1px solid var(--accent);border-radius:var(--border-radius-full);color:var(--accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:80px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.welcome-modal-feature-description{display:block;max-width:300px;text-align:center}.welcome-modal-actions{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.welcome-modal-primary-button{background-color:var(--button-primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short)}.welcome-modal-primary-button:hover{background-color:var(--button-primary-active);box-shadow:0 4px 12px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.main-overview-container{background-color:var(--background-color);color:var(--text-color);min-height:100vh;padding:0}.overview-header{background-color:var(--header-background);border-bottom:1px solid var(--border-color);margin:0 auto;max-width:1200px;padding:30px 20px 20px}.overview-header h1{color:var(--text-color);font-size:2.2rem;font-weight:700;margin:0;text-align:left}@media (max-width:767px){.overview-header h1{margin-left:60px}}.mm-header-top-row{align-items:center;margin-bottom:15px}.mm-header-bottom-row{justify-content:space-between}.mm-header-bottom-row,.mm-header-right-controls{align-items:center;display:flex;gap:12px}.mm-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none;white-space:nowrap}.mm-checkbox-input{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.mm-checkbox-text{color:var(--text-color);font-size:.9rem;font-weight:500}.mm-search-form{align-items:center;display:flex;flex:1 1;gap:8px;max-width:300px}.mm-search-input{background:var(--gradient-main);border:1px solid var(--border-active-button);border-radius:var(--border-radius-md);color:var(--text-color);flex:1 1;font-size:16px;height:44px;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-short)}.mm-search-input::-webkit-input-placeholder{color:var(--text-muted)}.mm-search-input::placeholder{color:var(--text-muted)}.mm-search-input:focus{background:var(--gradient-hover);border-color:var(--accent);box-shadow:0 0 0 1px var(--shadow-main)}.mm-search-button{align-items:center;background:var(--gradient-main);border:1px solid var(--border-active-button);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-short);width:44px}.mm-search-button:hover{background:var(--gradient-hover);border-color:var(--accent)}.mm-sort-container{align-items:center;display:flex;flex:0 0 auto;position:relative}.mm-sort-button{align-items:center;background:var(--gradient-main);border:1px solid var(--border-active-button);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:8px;height:44px;justify-content:center;max-width:180px;outline:none;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-short);width:180px}.mm-sort-button:focus,.mm-sort-button:hover{background:var(--gradient-hover);border-color:var(--accent)}.mm-sort-button:focus{box-shadow:0 0 0 1px var(--shadow-main)}.mm-sort-icon{color:var(--accent);font-size:12px;transition:-webkit-transform var(--transition-short);transition:transform var(--transition-short);transition:transform var(--transition-short),-webkit-transform var(--transition-short)}.mm-sort-button:hover .mm-sort-icon{color:var(--accent-hover);-webkit-transform:translateY(2px);transform:translateY(2px)}.mm-sort-dropdown{background:var(--background-elevated);border:1px solid var(--border-light);border-radius:var(--border-radius-md);box-shadow:0 4px 12px var(--shadow-light);overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);width:100%;z-index:1000}.mm-sort-option{color:var(--text-color);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-sm);transition:all var(--transition-short)}.mm-sort-option:hover{background:var(--background-hover)}.mm-create-mind-button,.mm-sort-option.active{background:var(--gradient-main);color:var(--accent)}.mm-create-mind-button{border:1px solid var(--border-active-button);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:44px;min-width:140px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-short)}.mm-create-mind-button:hover{background:var(--gradient-hover);border-color:var(--accent)}.minds-grid-container{margin:0 auto;max-width:1200px;padding:15px 20px 40px}.minds-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.mind-card{background:var(--card-background);border:2px solid var(--accent);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:auto;padding:24px;transition:all .3s ease}.mind-card:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px rgba(218,0,0,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.mm-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.mm-avatar{align-items:center;background:var(--avatar-background);border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.mm-avatar-image{height:100%;object-fit:cover;width:100%}.mm-header-content{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0}.mm-header-top-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding-top:4px}.mm-name-section{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;text-align:left}.mm-name{color:var(--text-color);font-size:1.4rem;font-weight:600;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mm-followers-row{align-items:center;display:flex;gap:8px}.mm-followers-count{color:var(--text-muted);font-size:.85rem;font-weight:400;text-align:left}.mm-follow-button-inline{background:var(--gradient-main);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;font-size:.75rem;font-weight:var(--font-weight-medium);padding:4px 12px;transition:all var(--transition-short);white-space:nowrap}.mm-follow-button-inline:hover{background:var(--gradient-hover);border-color:var(--accent)}.mm-header-right{align-items:center;display:flex;flex-direction:column;gap:4px}.mm-header-icons{align-items:center;display:flex;gap:6px}.mm-visibility-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:27px;opacity:.7;width:27px}.mm-favorite-button{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:1.8rem;line-height:1;padding:0;transition:all .2s}.mm-favorite-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.mm-settings-button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s}.mm-settings-button:hover .mm-settings-icon{opacity:1}.mm-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:27px;opacity:.7;width:27px}.mm-age{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;justify-content:center;text-align:center;white-space:nowrap}.mm-card-content{flex:1 1;margin-bottom:4px}.mm-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden;text-align:left}.mm-card-actions{display:flex;gap:8px;margin-bottom:0;margin-top:12px}.mm-action-button{background:var(--gradient-main);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-short)}.mm-action-button:hover{background:var(--gradient-hover);border-color:var(--accent)}.mm-chat-button{background:var(--accent);border:1px solid var(--accent);color:#fff}.mm-chat-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.mm-train-button{background:transparent;border:1px solid var(--accent);color:var(--button-secondary-text)}.mm-train-button:hover{background:var(--background-hover);border-color:var(--accent-hover);color:var(--button-secondary-text)}.mm-no-results{color:var(--text-muted);padding:60px 20px;text-align:center}.mm-no-results p{font-size:1.1rem;margin:0}.mm-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:40px;padding:20px 0}.mm-page-button{background:var(--gradient-main);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:100px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-short)}.mm-page-button:hover:not(:disabled){background:var(--gradient-hover);border-color:var(--accent)}.mm-page-button:disabled{cursor:not-allowed;opacity:.5}.mm-page-numbers{align-items:center;display:flex;gap:8px}.mm-page-number{background:var(--gradient-main);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:40px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-short)}.mm-page-number-active,.mm-page-number:hover{background:var(--gradient-hover);border-color:var(--accent);color:var(--accent)}.mm-page-number-active{cursor:default}.mm-page-ellipsis{color:var(--text-muted);padding:0 4px}@media (max-width:768px){.main-overview-container{padding-top:0}.overview-header{padding:20px 15px}.overview-header h1{font-size:1.8rem}.minds-grid-container{padding:15px 15px 40px}.minds-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mind-card{padding:20px}}@media (max-width:480px){.main-overview-container{padding-top:0}.overview-header{padding:15px 16px}.overview-header h1{font-size:1.5rem}.mm-header-top-row{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;margin-bottom:12px}.mm-header-bottom-row{align-items:stretch;flex-direction:column;gap:12px}.mm-header-right-controls{gap:8px;width:100%}.mm-checkbox-text{font-size:.85rem}.mm-search-form{max-width:100%;width:100%}.mm-sort-button{flex:1 1}.mm-sort-dropdown{width:100%}.mm-create-mind-button{flex:1 1;min-width:auto}.mm-checkbox-label{justify-content:flex-start}.minds-grid-container{padding:15px 16px 40px}.minds-grid{gap:12px;grid-template-columns:minmax(250px,1fr);width:100%}.mind-card{box-sizing:border-box;padding:16px;width:100%}.mm-avatar{height:50px;width:50px}.mm-name{font-size:1.2rem}.mm-card-header .mm-header-top-row{flex-wrap:nowrap;gap:8px}.mm-name-section{flex:1 1;min-width:0}.mm-header-right{flex-shrink:0}.mm-header-icons{gap:4px}.mm-visibility-icon{height:24px;width:24px}.mm-favorite-button{font-size:1.5rem}.mm-age{font-size:.7rem}.mm-card-actions{flex-direction:row;gap:6px}.mm-action-button{font-size:.75rem;min-width:0;padding:8px}.mm-pagination{gap:8px;margin-top:30px;padding:15px 0}.mm-page-button{font-size:.8rem;min-width:80px;padding:8px 12px}.mm-page-number{font-size:.8rem;min-width:36px;padding:8px 10px}}.page-header-top-bar{align-items:center;background-color:var(--background-secondary);display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.page-header-back-button{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;order:0;padding:10px 16px;transition:all var(--transition-short)}.page-header-back-button:hover{background-color:var(--background-tertiary);border-color:var(--accent);color:var(--accent-hover)}.page-header-center{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 12px;order:2}.page-header-mind-selector-dropdown{flex:1 1;max-width:300px;min-width:0;order:1;position:relative}.page-header-mind-select-button{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:10px 16px;text-align:left;transition:all var(--transition-short);width:100%}.page-header-mind-select-button:hover{background-color:var(--background-hover);border-color:var(--accent)}.page-header-mind-select-button:active,.page-header-mind-select-button:focus{outline:none}.page-header-dropdown-arrow{color:var(--text-secondary);font-size:12px;margin-left:8px}.page-header-mind-dropdown-menu{border:1px solid var(--border-main);box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:400px;min-width:280px;overflow-y:auto;top:calc(100% + 4px);z-index:1000}.page-header-mind-dropdown-menu,.page-header-mind-dropdown-menu:before{background-color:var(--background-secondary);border-radius:var(--border-radius-md);left:0;opacity:1;position:absolute;right:0}.page-header-mind-dropdown-menu:before{bottom:0;content:"";top:0;z-index:-1}.page-header-mind-dropdown-menu::-webkit-scrollbar{display:none}.page-header-mind-dropdown-menu{-ms-overflow-style:none;scrollbar-width:none}.page-header-add-minds-button{align-items:center;background-color:var(--background-secondary);border:none;border-bottom:1px solid var(--border-main);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:all var(--transition-short);width:100%}.page-header-add-minds-button:hover{background-color:var(--background-hover)}.page-header-explore-icon{color:var(--accent);flex-shrink:0}.page-header-mind-dropdown-item{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-main);border-radius:0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all var(--transition-short)}.page-header-mind-dropdown-item:last-child{border-bottom:none}.page-header-mind-dropdown-item:hover{background-color:var(--background-hover)}.page-header-mind-dropdown-item.page-header-dropdown-active{background-color:var(--background-tertiary)}.page-header-mind-dropdown-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.page-header-mind-dropdown-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;min-width:0;text-align:left}.page-header-mind-dropdown-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.page-header-mind-dropdown-favorite,.page-header-mind-dropdown-info,.page-header-mind-dropdown-settings{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all var(--transition-short)}.page-header-mind-dropdown-favorite{color:var(--accent)}.page-header-mind-dropdown-info{color:var(--accent);font-size:13px}.page-header-mind-dropdown-settings{height:20px;width:20px}.page-header-dropdown-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:16px;opacity:.7;transition:all var(--transition-short);width:16px}.page-header-mind-dropdown-favorite:hover,.page-header-mind-dropdown-info:hover,.page-header-mind-dropdown-settings:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.page-header-mind-dropdown-settings:hover .page-header-dropdown-settings-icon{opacity:1}.page-header-current-indicator{color:var(--accent);font-size:16px;font-weight:700}.page-header-mind-dropdown-empty{background-color:var(--background-secondary);color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.page-header-settings-button{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;order:3;padding:10px 16px;transition:all var(--transition-short)}.page-header-settings-button:hover{background-color:var(--background-tertiary);border-color:var(--accent)}.page-header-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:20px;opacity:.7;width:20px}.page-header-info-icon-text{align-items:center;color:var(--accent);display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;opacity:.9;width:20px}.page-header-settings-button:hover .page-header-info-icon-text,.page-header-settings-button:hover .page-header-settings-icon{opacity:1}@media (max-width:767px){.page-header-top-bar{flex-wrap:wrap;gap:8px;padding:12px 16px 12px 70px}.page-header-back-button{flex-shrink:0;height:40px;order:0;padding:8px 14px}.page-header-mind-selector-dropdown{flex:1 1;max-width:none;min-width:0;order:1}.page-header-mind-select-button{align-items:center;display:flex;font-size:14px;height:40px;justify-content:space-between;min-width:0;padding:8px 12px}.page-header-mind-dropdown-name{flex:1 1;max-width:100px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header-dropdown-arrow{flex-shrink:0;margin-left:8px}.page-header-center{flex:1 1 100%;margin:12px 0 0;order:4;width:100%}.page-header-settings-button{flex-shrink:0;height:40px;margin-left:0;order:3;padding:8px 14px}.page-header-info-icon-text,.page-header-settings-icon{height:20px;width:20px}.page-header-mind-dropdown-menu{left:0;max-width:100%;min-width:100%;right:0}.page-header-mind-dropdown-item{padding:10px 12px}.page-header-mind-dropdown-avatar{height:28px;width:28px}.page-header-add-minds-button{font-size:13px;padding:10px 12px}.page-header-explore-icon{height:18px;width:18px}}.chat-new-container{background-color:var(--background-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.chat-loading-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chat-messages-area{background-color:var(--background-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-messages-container{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.chat-message{border-radius:var(--border-radius-md);color:var(--accent);margin:0;max-width:70%;padding:var(--spacing-sm);transition:background-color var(--transition-medium),color var(--transition-medium)}.chat-message-content{line-height:var(--line-height-relaxed);white-space:pre-wrap}.chat-user-message{align-self:flex-end;background-color:var(--background-hover);border:1px solid #da0000;text-align:right}.chat-agent-message{align-self:flex-start;background-color:var(--background-tertiary);border:1px solid var(--border-active-button);color:var(--accent);text-align:left}.chat-message-timestamp{color:var(--text-secondary);font-size:var(--font-size-xs);justify-content:space-between;margin-top:var(--spacing-xs)}.chat-message-timestamp,.chat-message-timestamp-left{align-items:center;display:flex;gap:var(--spacing-xs)}.chat-profile-badge{background-color:var(--accent);border-radius:var(--border-radius-sm);color:var(--background-primary);font-size:10px;font-weight:600;padding:2px 6px}.chat-message-actions{display:flex;gap:4px}.chat-copy-message-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:auto;opacity:.6;padding:var(--spacing-xs);transition:all var(--transition-short);width:24px}.chat-copy-message-button svg{height:12px;transition:all var(--transition-short);width:12px}.chat-copy-message-button:hover{color:var(--accent);opacity:1}.chat-copy-message-button.chat-copy-success{color:#4caf50;color:var(--feedback-success,#4caf50)}.chat-voice-message-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--accent);cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:auto;opacity:.7;padding:var(--spacing-xs);transition:all var(--transition-short);width:24px}.chat-voice-message-button svg{height:12px;transition:all var(--transition-short);width:12px}.chat-voice-message-button:hover{color:var(--accent);opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.chat-voice-message-button.chat-voice-playing{-webkit-animation:chatVoicePulse 1.5s ease-in-out infinite;animation:chatVoicePulse 1.5s ease-in-out infinite;color:var(--accent);opacity:1}@-webkit-keyframes chatVoicePulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes chatVoicePulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}}.chat-typing-indicator .chat-message-content{display:flex;gap:4px;padding:16px}.chat-typing-indicator .chat-typing-dot{-webkit-animation:chatTypingDot 1.4s infinite;animation:chatTypingDot 1.4s infinite;font-size:20px;line-height:1}.chat-typing-indicator .chat-typing-dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.chat-typing-indicator .chat-typing-dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes chatTypingDot{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes chatTypingDot{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-input-container{background-color:var(--background-primary);border:none;box-shadow:none;flex-shrink:0;margin-top:0;padding:0 20px 20px}.chat-input-form{border:none;padding:0}.chat-input,.chat-input-form{box-sizing:border-box;margin:0;max-width:100%;width:100%}.chat-input{background-color:var(--background-tertiary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--text-primary);display:block;font-family:inherit;font-size:14px;max-height:200px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:all var(--transition-short)}.chat-input:focus{background-color:var(--background-hover);border-color:var(--accent);box-shadow:none}.chat-input::-webkit-input-placeholder{color:var(--text-secondary)}.chat-input::placeholder{color:var(--text-secondary)}.chat-messages-container::-webkit-scrollbar{display:none}.chat-messages-container{-ms-overflow-style:none;scrollbar-width:none}.chat-input::-webkit-scrollbar{display:none}.chat-input{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:767px){.chat-messages-container{padding:16px}.chat-message{max-width:90%}.chat-input-container{background-color:var(--background-primary);border:none;margin-top:0;padding:0 16px 16px}.chat-input{border:1px solid var(--border-main)}.chat-input:focus{border-color:var(--accent);box-shadow:none}}.mind-settings-modal{align-items:center;background-color:rgba(0,0,0,.85);display:none;font-family:var(--font-family);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.mind-settings-modal.show{display:flex}.mind-settings-modal-content{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:0 20px 80px var(--shadow-light),0 0 50px 10px var(--shadow-main),0 0 80px 15px var(--shadow-main),0 0 120px 20px var(--shadow-main);display:flex;flex-direction:column;font-family:var(--font-family);max-height:90vh;max-width:800px!important;overflow:hidden;padding:20px 40px;transition:background-color var(--transition-medium);width:80vh!important;z-index:var(--z-index-modal)}.mind-settings-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.mind-settings-modal-header h2{color:var(--text-primary);font-family:"Source Serif 4",serif;font-size:1.5rem;font-variation-settings:"opsz" 60;font-weight:400;letter-spacing:2px;margin:0;text-transform:uppercase}.mind-settings-modal-close{background:none!important;border:none!important;color:var(--text-primary)!important;cursor:pointer;font-size:24px;line-height:1;padding:0}.mind-settings-modal-close:hover{color:var(--text-primary)!important;opacity:.8}.mind-settings-modal-body{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);max-height:70vh;overflow-y:auto;padding-right:15px;scrollbar-width:none}.mind-settings-modal-body::-webkit-scrollbar{display:none}.profiles-list{display:flex;flex-direction:column;gap:var(--spacing-md);height:auto;margin-bottom:var(--spacing-md);width:100%}.profile-item{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);display:block;height:auto!important;margin-bottom:8px;min-height:-webkit-fit-content!important;min-height:-moz-fit-content!important;min-height:fit-content!important;overflow:visible!important;padding:var(--spacing-md);transition:border-color var(--transition-short),background-color var(--transition-short);width:100%}.profile-item:hover{background-color:var(--background-hover);border-color:var(--accent)}.active-profile{background-color:var(--background-active);border-color:var(--accent)}.profile-top-row{align-items:center!important;display:flex!important;justify-content:space-between!important;min-height:30px!important}.profile-actions-row,.profile-top-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);width:100%}.profile-actions-row{align-items:center;display:flex;justify-content:space-between}.profile-actions-row .profile-actions{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:var(--spacing-xs)}.profile-actions-row .profile-actions:first-child{justify-content:flex-start}.profile-actions-row .profile-actions:last-child{justify-content:flex-end}.version-template{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:var(--spacing-sm)}.version{color:var(--accent);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.template-value,.version{margin:0;white-space:nowrap}.template-value{color:var(--text-secondary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis}.profile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end}.profile-item button:not(.copy-message-button){background:none;border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-short),color var(--transition-short)}.profile-item button:not(.copy-message-button):hover{background-color:var(--background-hover);color:var(--accent-hover)}.status-label{align-items:center;border-radius:var(--border-radius-sm);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.profile-editor{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.profile-editor textarea{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-height:200px;padding:var(--spacing-md);resize:vertical;transition:border-color var(--transition-short),box-shadow var(--transition-short);width:100%}.profile-editor textarea:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.save-status{align-items:center;background-color:initial;border-radius:var(--border-radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-short),color var(--transition-short)}.save-status.saving{background-color:var(--background-tertiary);color:var(--text-secondary)}.profile-item button.fine-tune{background-color:initial;border:1px solid var(--accent);color:var(--accent)}.profile-item button.fine-tune:hover{background-color:var(--background-hover)}.status-label.fine-tuning{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background-color:rgba(255,193,7,.1);color:#ffc107;color:var(--feedback-warning,#ffc107)}.status-label.fine-tuning-error{background-color:rgba(244,67,54,.1);color:#f44336;color:var(--feedback-error,#f44336)}.status-label.fine-tuned{background-color:rgba(76,175,80,.1);color:#4caf50;color:var(--feedback-success,#4caf50)}.status-label.active-status{background-color:rgba(33,150,243,.1);color:#2196f3;font-weight:var(--font-weight-semibold)}.status-label.default-status{background-color:rgba(156,39,176,.1);color:#9c27b0;font-weight:var(--font-weight-semibold)}.template-info{background-color:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;margin-bottom:16px;padding:16px}.template-info h3{color:#da0000;font-size:16px;font-weight:500;margin:0 0 12px}.template-info pre{word-wrap:break-word;background-color:#222;border-radius:4px;color:#f0f0f0;font-family:Courier New,monospace;font-size:13px;line-height:1.4;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap}.template-meta{align-items:center;display:flex;gap:12px;margin-bottom:12px}.template-name{color:#da0000;font-size:.9em;font-weight:500}.model-select-container{align-items:center;background-color:rgba(218,0,0,.05);border-radius:4px;display:flex;flex-wrap:nowrap;gap:8px;margin-top:8px;min-width:0;padding:8px;width:100%}.model-select{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:4px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.85em;min-width:0;padding:6px 8px;text-overflow:ellipsis}.model-select:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.model-select option{background-color:var(--background-input);color:var(--text-primary);padding:8px}button.cancel-fine-tune{background-color:initial;border:1px solid #666;color:#666}button.cancel-fine-tune:hover{background-color:hsla(0,0%,40%,.1);border-color:#888;color:#888}.model-info-row{align-items:center;display:flex;gap:8px;margin-top:8px}.model-label{color:#888;font-size:.85em}.model-badge{background-color:#222;border:1px solid rgba(218,0,0,.3);border-radius:4px;color:#da0000;font-family:Courier New,monospace;font-size:.85em;padding:4px 8px}.profile-item button.delete-profile{background-color:initial;border:none;color:#da0000;cursor:pointer;flex-shrink:0;font-size:1em;margin-left:var(--spacing-sm);opacity:.7;padding:6px 10px;transition:all .2s ease}.profile-item button.delete-profile.active,.profile-item button.delete-profile:hover{background-color:rgba(218,0,0,.1);opacity:1}.profile-item button.delete-profile.active{box-shadow:0 0 0 1px rgba(218,0,0,.3)}.profile-item button.delete-profile:disabled{background-color:initial;cursor:not-allowed;opacity:.3}.delete-confirmation-row{display:flex;justify-content:center;margin-bottom:8px;margin-top:12px;width:100%}.delete-confirmation{align-items:center;background-color:var(--background-hover);border:1px solid var(--border-light);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:90%;padding:var(--spacing-md);text-align:center}.delete-confirmation span{color:var(--accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.delete-confirmation-buttons{display:flex;gap:var(--spacing-sm)}.delete-confirmation button{font-size:var(--font-size-xs)!important;min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)!important}.delete-confirmation button.confirm-delete{background-color:var(--accent);border:1px solid var(--accent);color:var(--background-primary)}.delete-confirmation button.confirm-delete:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.delete-confirmation button.cancel-delete{background-color:initial;border:1px solid var(--accent);color:var(--accent)}.delete-confirmation button.cancel-delete:hover{background-color:var(--background-hover);color:var(--accent-hover)}.model-select-buttons{display:flex;gap:8px;margin-top:8px}.create-profile-item{background-color:var(--background-hover);border:1px solid var(--border-light);transition:background-color var(--transition-short),border-color var(--transition-short)}.create-profile-item:hover{background-color:var(--background-active);border-color:var(--accent)}.create-profile-item .version-template{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:var(--spacing-sm)}.create-profile-item .version{color:var(--accent);font-weight:var(--font-weight-semibold);margin:0;opacity:.9;transition:color var(--transition-medium);white-space:nowrap}.create-profile-item .profile-top-row{align-items:center;flex-wrap:nowrap;justify-content:space-between;width:100%}.create-profile-item .profile-actions{align-items:center;flex:0 0 auto;margin-left:auto}.create-profile-item .model-select-container{align-items:stretch;background-color:initial;flex-direction:column;margin-top:0;min-width:200px;padding:0}.create-profile-item .model-select{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:var(--border-radius-md);color:var(--text-primary);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:border-color var(--transition-short);width:100%}.create-profile-item .model-select:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.create-profile-item .model-select-buttons{display:flex;gap:var(--spacing-sm);justify-content:center}.cancel-button,.create-profile-btn,.create-profile-options,.create-profile-section,.option-button,.template-buttons{display:none}.profile-description{background-color:rgba(218,0,0,.05);border:1px solid rgba(218,0,0,.2);border-radius:6px;margin:0 0 8px}.description-toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.description-toggle:hover{background-color:rgba(218,0,0,.08)}.description-toggle span{color:var(--accent);font-size:.9em;font-weight:500}.toggle-icon{font-size:1.2em;line-height:1}.description-content{display:none;opacity:0;padding:0 16px 16px;transition:opacity .2s ease-in-out}.profile-description.expanded .description-content{display:block;opacity:1}.profile-description p{color:var(--text-primary);font-size:.9em;line-height:1.5;margin:0 0 12px}.profile-description p:last-child{margin-bottom:0}.profile-description strong{color:var(--accent);font-weight:500}.creation-options{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.creation-option{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:border-color var(--transition-short),-webkit-transform var(--transition-short);transition:border-color var(--transition-short),transform var(--transition-short);transition:border-color var(--transition-short),transform var(--transition-short),-webkit-transform var(--transition-short)}.creation-option:hover{border-color:var(--accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.option-header{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--spacing-sm);text-align:center}.option-header h3{font-size:var(--font-size-lg);margin:0;text-align:center}.option-header h3,.recommended-badge{color:var(--accent);font-weight:var(--font-weight-semibold)}.recommended-badge{background-color:var(--background-hover);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.creation-option p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:var(--spacing-sm) 0}.creation-option button{background-color:var(--background-hover);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-short)}.creation-option button:hover{background-color:var(--accent);color:var(--background-primary)}.back-button{align-items:center;background-color:initial;border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-short)}.back-button:hover{background-color:var(--background-hover);color:var(--accent-hover)}.custom-profile-editor{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.editor-instructions{background-color:var(--background-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.editor-instructions p{color:var(--text-primary);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.editor-instructions ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.editor-instructions li{color:var(--text-primary);margin:var(--spacing-xs) 0}.editor-actions{display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-md)}.editor-actions button{background-color:initial;border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;font-size:var(--font-size-md);min-width:130px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-short)}.editor-actions .create-button{background-color:var(--accent);border:1px solid var(--accent);color:var(--background-primary)}.editor-actions .create-button:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.editor-actions .create-button:disabled{cursor:not-allowed;opacity:.5}.custom-profile-editor textarea{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:monospace;font-size:var(--font-size-sm);line-height:var(--line-height-normal);min-height:300px;padding:var(--spacing-md);resize:vertical;width:100%}.custom-profile-editor textarea:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.create-profile-button{align-items:center;color:#da0000;cursor:pointer;display:flex;font-size:1.1em;font-weight:500;justify-content:center;letter-spacing:1px;min-height:60px;text-transform:uppercase;transition:all .2s ease}.create-profile-button:hover{background-color:rgba(218,0,0,.1);box-shadow:0 4px 12px rgba(218,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.fine-tune.disabled{cursor:not-allowed;opacity:.5}.fine-tune-action-row{background-color:rgba(0,0,0,.05);border-radius:6px;margin-top:10px;padding:15px}.fine-tune-controls{display:flex;flex-direction:column;gap:10px}.fine-tune-controls .model-select{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px;transition:border-color var(--transition-short);width:100%}.fine-tune-controls .model-select:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.fine-tune-buttons{display:flex;gap:10px}.fine-tune-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 16px;transition:all var(--transition-short)}.fine-tune-buttons .start-fine-tune{background-color:var(--accent);border:1px solid var(--accent);color:var(--background-primary)}.fine-tune-buttons .start-fine-tune:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--background-primary)}.fine-tune-buttons .cancel-fine-tune{background-color:var(--background-hover);border:1px solid var(--border-light);color:var(--text-primary)}.fine-tune-buttons .cancel-fine-tune:hover{background-color:var(--background-active);border-color:var(--accent);color:var(--accent)}.pro-badge{background-color:#8b5cf6;border-radius:4px;color:#fff;font-size:.8em;font-weight:500;margin-left:8px;padding:2px 8px}button.fine-tune.disabled{background-color:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;cursor:not-allowed;opacity:.7}button.fine-tune.disabled:hover{background-color:#f3f4f6}.creation-option button:disabled{background-color:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;cursor:not-allowed;opacity:.7}.integration-code{background-color:rgba(0,0,0,.1);border-radius:4px;box-sizing:border-box;color:inherit;display:block!important;font-family:monospace;height:auto!important;margin:8px 0;min-height:36px;overflow-x:auto;padding:8px;width:100%}.toggle-row{align-items:center;display:flex;justify-content:center;margin:12px 0;min-height:30px;width:100%}.toggle-row span{color:var(--text-primary);font-family:Cinzel,serif;font-size:var(--font-size-md);text-transform:uppercase}.toggle-row .left-label{flex:1 1;padding-right:24px;text-align:right;white-space:nowrap}.right-label-container{align-items:center;display:flex;flex:1 1;padding-left:24px;text-align:left}.right-label-container .right-label{white-space:nowrap}.right-label-container .info-icon{display:inline-flex;margin-left:8px;position:static}.toggle-row .switch{display:inline-block;flex:0 0 50px;height:24px;margin:0 10px;position:relative;width:50px}.toggle-row .slider{background-color:initial;border:1px solid var(--accent);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-row .slider:before{background-color:var(--accent);border-radius:50%;bottom:2px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.toggle-row .slider.checked:before{background-color:var(--accent);-webkit-transform:translateX(25px);transform:translateX(25px)}.toggle-row .slider.checked{background-color:rgba(218,0,0,.1);border:1px solid var(--accent)}@media (prefers-color-scheme:dark){.code-display{background-color:hsla(0,0%,100%,.1)}.code-display code{color:#e6e6e6}.visibility-toggle .slider{background-color:hsla(0,0%,100%,.2)}.visibility-toggle .slider:before{background-color:#e6e6e6}.copy-code-button:hover{background-color:hsla(0,0%,100%,.1)}}.full-width-section{box-sizing:border-box!important;display:block!important;max-width:100%!important;width:100%!important}.fixed-height-section{display:block!important;height:auto!important;margin-bottom:8px!important;max-height:none!important;min-height:-webkit-fit-content!important;min-height:-moz-fit-content!important;min-height:fit-content!important;overflow:visible!important;position:relative!important}.copy-message-button{align-items:center;background:var(--background-hover);border:none;border-radius:var(--border-radius-full);color:var(--accent);cursor:pointer;display:flex;height:36px;justify-content:center;padding:var(--spacing-sm);position:relative;transition:background-color var(--transition-short),-webkit-transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short),-webkit-transform var(--transition-short);width:36px}.copy-message-button:hover{background-color:var(--background-active);-webkit-transform:scale(1.05);transform:scale(1.05)}.copy-message-button.copy-success{background-color:rgba(76,175,80,.2);color:#4caf50;color:var(--feedback-success,#4caf50);-webkit-transform:scale(1.1);transform:scale(1.1)}.copy-message-button svg{height:18px;transition:-webkit-transform var(--transition-short);transition:transform var(--transition-short);transition:transform var(--transition-short),-webkit-transform var(--transition-short);width:18px}.copy-message-button:focus{outline:none}.copy-message-button::-moz-focus-inner{border:0}.profile-top-row .copy-message-button{align-items:center;background:var(--background-hover);border:none!important;border-radius:50%!important;box-shadow:none!important;color:var(--accent);cursor:pointer;display:flex;height:36px!important;justify-content:center;margin:0;min-height:36px!important;min-width:36px!important;outline:none!important;padding:var(--spacing-sm);position:relative;transition:background-color var(--transition-short),-webkit-transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short),-webkit-transform var(--transition-short);width:36px!important}.profile-top-row .copy-message-button:hover{background-color:var(--background-active);border:none!important;outline:none!important;-webkit-transform:scale(1.05);transform:scale(1.05)}.profile-top-row .copy-message-button.copy-success{background-color:rgba(76,175,80,.2);color:#4caf50;color:var(--feedback-success,#4caf50);-webkit-transform:scale(1.1);transform:scale(1.1)}.profile-top-row .copy-message-button svg{height:18px!important;min-height:18px!important;min-width:18px!important;transition:-webkit-transform var(--transition-short);transition:transform var(--transition-short);transition:transform var(--transition-short),-webkit-transform var(--transition-short);width:18px!important}.profile-item .copy-message-button{border:none!important;border-radius:50%!important;outline:none!important}.mind-name-container{margin:10px 0;width:100%}.mind-name-display{background-color:var(--background-input);border-radius:var(--border-radius-md);color:var(--text-primary);display:inline-block;font-size:var(--font-size-lg);min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}.mind-name-edit{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mind-name-edit input{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);width:100%}.mind-name-edit input:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.name-error{margin-top:var(--spacing-xs)}.edit-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.edit-button{align-items:center;background:var(--background-hover);border:none;border-radius:var(--border-radius-full);color:var(--accent);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background-color var(--transition-short),-webkit-transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short),-webkit-transform var(--transition-short);width:28px}.edit-button:hover{background-color:var(--background-active);-webkit-transform:scale(1.05);transform:scale(1.05)}.mind-description-container{margin-top:var(--spacing-sm);width:100%}.mind-description-container textarea{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding:var(--spacing-md);resize:vertical;transition:border-color var(--transition-short),box-shadow var(--transition-short);width:100%}.mind-description-container textarea:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.mind-settings-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm);width:100%}.setting-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.setting-group label{color:var(--text-primary)!important;display:block;font-size:14px;font-weight:500;text-align:left;text-transform:uppercase}.setting-group input,.setting-group textarea{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-short),box-shadow var(--transition-short);width:100%}.setting-group input:focus,.setting-group textarea:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.setting-group textarea{font-family:var(--font-family);line-height:var(--line-height-normal);min-height:80px;resize:vertical}.input-error{border-color:#f44336!important;border-color:var(--feedback-error,#f44336)!important}.name-error{color:#f44336;color:var(--feedback-error,#f44336);font-size:var(--font-size-sm)}.profile-top-row .save-status{align-items:center;border-radius:var(--border-radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-left:auto;opacity:1;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease,opacity .2s ease}.save-status.saving{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;background-color:rgba(218,0,0,.1);color:var(--accent)}.save-status.saved{background-color:rgba(76,175,80,.1);color:#4caf50;color:var(--feedback-success,#4caf50)}.save-status.error{background-color:rgba(244,67,54,.1);color:#f44336;color:var(--feedback-error,#f44336)}.info-icon{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;margin-left:8px;opacity:.7;position:relative;transition:opacity var(--transition-short),-webkit-transform var(--transition-short);transition:opacity var(--transition-short),transform var(--transition-short);transition:opacity var(--transition-short),transform var(--transition-short),-webkit-transform var(--transition-short)}.info-icon:hover{color:var(--accent);opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.info-icon svg{height:16px;width:16px}.integration-requirements{color:var(--text-primary);padding:15px}.integration-requirements p{align-items:center;display:flex;gap:8px;margin:5px 0}.integration-requirements svg{color:var(--accent)}.create-button,.create-button:hover{color:#fff!important}.info-popup-overlay{align-items:center;-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-index-modal) + 1)}.info-popup{-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease;background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px var(--shadow-light),0 0 30px 5px var(--shadow-main);max-width:500px;width:90%}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.info-popup-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.info-popup-header h3{color:var(--accent);font-family:"Source Serif 4",serif;font-size:var(--font-size-lg);font-variation-settings:"opsz" 60;font-weight:400;letter-spacing:1.5px;margin:0;text-transform:uppercase}.info-popup-close{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:color var(--transition-short),-webkit-transform var(--transition-short);transition:color var(--transition-short),transform var(--transition-short);transition:color var(--transition-short),transform var(--transition-short),-webkit-transform var(--transition-short);width:32px}.info-popup-close:hover{color:var(--accent);-webkit-transform:scale(1.1);transform:scale(1.1)}.info-popup-content{color:var(--text-primary);padding:var(--spacing-lg)}.info-popup-content p{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}.info-popup-content p:last-child{margin-bottom:0}.info-popup-footer{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.info-popup-button{background-color:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--background-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:background-color var(--transition-short),-webkit-transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short),-webkit-transform var(--transition-short)}.info-popup-button:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.info-popup-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.training-progress{background:transparent;border-radius:0;box-sizing:border-box;margin:0;opacity:0;padding:0;transition:opacity var(--transition-medium);width:100%}.training-progress.visible{opacity:1}.training-progress-container{display:flex;flex-direction:column;margin:0;overflow:hidden;padding:0;width:100%}.training-progress-row{-ms-overflow-style:none;align-items:center;display:flex;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none;width:100%}.training-progress-row::-webkit-scrollbar{display:none}.progression-visualization{gap:8px;justify-content:flex-start;min-height:auto;padding:0 0 8px}.level-node,.progression-visualization{align-items:center;display:flex;position:relative}.level-node{flex-direction:column;flex-shrink:0;margin:0;min-width:100px;padding:0;width:100px;z-index:2}.node-content{gap:4px;transition:all var(--transition-medium)}.node-content,.node-milestone{align-items:center;display:flex;flex-direction:column;width:100%}.node-milestone{gap:2px}.milestone-number{color:rgba(218,0,0,.6);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;margin:0;min-height:auto;transition:all var(--transition-medium)}.milestone-number.invisible{opacity:0;visibility:hidden}.level-progress-bar{background:rgba(218,0,0,.1);border-radius:var(--border-radius-sm);height:4px;overflow:hidden;position:relative;width:100%}.level-progress-bar.achieved{background:rgba(218,0,0,.2)}.level-progress-fill{background:var(--accent);height:100%;left:0;position:absolute;top:0;transition:width var(--transition-medium),opacity var(--transition-medium)}.node-title{word-wrap:break-word;color:rgba(218,0,0,.6);font-size:var(--font-size-xs);line-height:1.2;margin:0;max-width:100%;overflow-wrap:break-word;text-align:center;transition:all var(--transition-medium);white-space:normal}.level-node.achieved .milestone-number,.level-node.achieved .node-title{color:var(--accent)}.level-node.current .node-content{font-weight:var(--font-weight-semibold)}.level-node.current .level-progress-bar{height:4px}.level-node.current .milestone-number{font-size:var(--font-size-xs)}.level-node.current .milestone-number,.level-node.current .node-title{color:var(--accent);font-weight:var(--font-weight-semibold)}.profile-creation-notification{-webkit-animation:slideIn var(--transition-medium);animation:slideIn var(--transition-medium);bottom:var(--spacing-lg);position:fixed;right:var(--spacing-lg);z-index:var(--z-index-modal)}.notification-content{background-color:var(--background-elevated);border:1px solid var(--border-focus);border-radius:var(--border-radius-lg);box-shadow:0 4px 20px var(--shadow-main);max-width:300px;padding:var(--spacing-md)}.notification-content h3{color:var(--accent);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.notification-content p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:var(--spacing-sm) 0}.notification-content button{background-color:var(--accent);border:none;border-radius:var(--border-radius-md);color:var(--background-primary);cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-short)}.notification-content button:hover{background-color:var(--accent-hover)}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.notification-loading{align-items:center;display:flex;justify-content:center;padding:var(--spacing-sm) 0}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid rgba(218,0,0,.1);border-radius:var(--border-radius-full);border-top:3px solid var(--accent);height:24px;width:24px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.notification-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.notification-actions button{border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);margin:0;padding:var(--spacing-sm);transition:all var(--transition-short)}.keep-training-btn{background-color:initial;border:2px solid var(--accent);color:var(--accent)}.keep-training-btn:hover{background-color:var(--background-hover)}.start-chat-btn{background-color:var(--accent);border:2px solid var(--accent);color:var(--background-primary)}.start-chat-btn:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.training-progress.compact{background:transparent;border-radius:0;margin-top:0;padding:var(--spacing-xs) 0}.compact-progress-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.compact-header{grid-gap:var(--spacing-xs);display:grid;grid-template-columns:auto 1fr auto auto}.compact-header,.compact-level-info{align-items:center;gap:var(--spacing-xs)}.compact-level-info{display:flex}.compact-level-title{color:var(--accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.compact-level-badge{background:rgba(218,0,0,.1);border:1px solid rgba(218,0,0,.2);border-radius:var(--border-radius-sm);color:var(--accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px}.compact-arrow{text-align:center}.compact-arrow,.compact-next-level{color:var(--text-muted);font-size:var(--font-size-xs)}.compact-next-level,.compact-progress-text{font-weight:var(--font-weight-medium);text-align:right}.compact-progress-text{color:var(--text-secondary);font-size:var(--font-size-xs);white-space:nowrap}.compact-progress-bar{background:rgba(218,0,0,.1);border-radius:var(--border-radius-sm);height:4px;overflow:hidden;width:100%}.compact-progress-fill{background:var(--accent);border-radius:var(--border-radius-sm);height:100%;transition:width var(--transition-medium)}.training-progress-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;margin-top:16px;padding:24px}.training-progress-card h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 16px}.progress-info p{color:var(--text-muted);font-size:1rem;line-height:1.5;margin:0 0 20px}.progress-complete,.progress-pending{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:12px;padding:16px}.progress-complete{background:var(--success-background);border:1px solid var(--success-border);color:var(--success-color)}.progress-pending{background:var(--warning-background);border:1px solid var(--warning-border);color:var(--warning-color)}.progress-icon{font-size:1.2rem}.chat-now-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-left:auto;padding:8px 16px;transition:background-color .2s}.chat-now-button:hover{background:var(--primary-hover)}@media (max-width:768px){.training-progress-card .progress-complete,.training-progress-card .progress-pending{flex-direction:column;gap:8px;text-align:center}.training-progress-card .chat-now-button{margin:0}.level-node{min-width:85px;width:85px}.progression-visualization{gap:6px}.milestone-number,.node-title{font-size:10px}}.profile-update-banner{align-items:center;background:var(--card-bg);border:2px solid transparent;border-radius:12px;display:flex;justify-content:center;margin-bottom:24px;padding:16px 20px;transition:all .3s ease}.profile-update-banner.update-available:hover,.profile-update-banner.update-major:hover,.profile-update-banner.update-significant:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.profile-update-banner.updating{cursor:default!important}.pub-content{flex:1 1;min-width:0;text-align:center}.pub-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.pub-message{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0 0 6px}.profile-update-banner.update-available,.profile-update-banner.update-major,.profile-update-banner.update-significant{-webkit-animation:pulse 3s ease-in-out infinite;animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--card-bg) 0,rgba(16,185,129,.05) 100%);border-color:#10b981}.profile-update-banner.updating{-webkit-animation:pulseUpdating 2s ease-in-out infinite;animation:pulseUpdating 2s ease-in-out infinite}@-webkit-keyframes pulseUpdating{0%,to{border-color:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.6)}50%{border-color:#059669;box-shadow:0 0 0 10px rgba(16,185,129,0)}}@keyframes pulseUpdating{0%,to{border-color:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.6)}50%{border-color:#059669;box-shadow:0 0 0 10px rgba(16,185,129,0)}}.profile-update-banner.maxed{background:var(--card-bg);border-color:var(--border-color);opacity:.95}.profile-update-banner.current{background:var(--card-bg);border-color:var(--border-color);opacity:.9}.profile-update-banner.pending{background:linear-gradient(135deg,var(--card-bg) 0,rgba(var(--primary-rgb),.03) 100%);border-color:var(--primary-color);opacity:.85}@media (max-width:768px){.profile-update-banner{padding:14px 16px}.pub-title{font-size:15px}.pub-message{font-size:13px}}@media (prefers-color-scheme:dark){.profile-update-banner.update-available,.profile-update-banner.update-major,.profile-update-banner.update-significant{background:linear-gradient(135deg,var(--card-bg) 0,rgba(16,185,129,.1) 100%)}.profile-update-banner.pending{background:linear-gradient(135deg,var(--card-bg) 0,rgba(var(--primary-rgb),.05) 100%)}}.mind-detail-container{background-color:var(--background-color);color:var(--text-color);min-height:100vh;padding-top:0}.mind-detail-content{margin:0 auto;max-width:1400px;padding:30px 40px 40px}.md-card{background:transparent;border:none;border-radius:0;display:flex;flex-direction:column;gap:32px;padding:0}.md-mobile-icons-row,.md-mobile-only{display:none}.md-desktop-only{display:flex}.md-card-header{align-items:flex-start;display:flex;gap:16px}.md-avatar{align-items:center;background:var(--avatar-background);border-radius:50%;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.md-avatar-image{height:100%;object-fit:cover;width:100%}.md-header-content{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0}.md-header-top-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.md-name-section{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;text-align:left}.md-name{color:var(--text-color);font-size:2.5rem;font-weight:600;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.md-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.md-stat-item{color:var(--text-muted);font-size:1rem;font-weight:400;text-align:left}.md-stat-separator{color:var(--text-muted);font-size:.9rem}.md-header-right{align-items:center;display:flex;flex-direction:column;gap:6px}.md-header-icons{align-items:center;display:flex;gap:8px}.md-chat-icon-button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s}.md-chat-icon-button:hover .md-chat-icon{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.md-chat-icon{transition:all .2s}.md-chat-icon,.md-visibility-icon,.md-voice-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:28px;opacity:.7;width:28px}.md-voice-icon{transition:all .2s}.md-voice-icon-button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s}.md-voice-icon-button:hover .md-voice-icon{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.md-favorite-button{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:1.75rem;line-height:1;padding:0;transition:all .2s}.md-favorite-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.md-favorite-button.md-favorited{color:var(--accent)}.md-settings-button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s}.md-settings-button:hover .md-settings-icon{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.md-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:28px;opacity:.7;transition:all .2s;width:28px}.md-age,.md-owner{color:var(--text-muted);font-size:.8rem;text-align:center;white-space:nowrap}.md-owner strong{color:var(--text-color)}.md-owner-mobile{color:var(--text-muted);font-size:.85rem;margin-top:6px;text-align:center}.md-owner-mobile strong{color:var(--text-color)}.md-description-section{padding:0}.md-description{color:var(--text-muted);font-size:1.2rem;line-height:1.6;margin:0;text-align:left}.md-training-section{padding:0}.md-training-actions-section{margin:0;padding:0}.md-training-section-title{color:var(--text-color);font-size:1.8rem;font-weight:600;margin:0 0 20px;text-align:left}.md-recommendation-card{align-items:center;background:linear-gradient(135deg,var(--card-background),rgba(220,38,38,.08));border:3px solid var(--accent);border-radius:20px;box-shadow:0 4px 24px rgba(220,38,38,.15);cursor:pointer;display:flex;flex-direction:column;gap:24px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.md-recommendation-card:before{background:linear-gradient(135deg,transparent,rgba(220,38,38,.05),transparent);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.md-recommendation-card:hover:before{opacity:1}.md-recommendation-card:hover{border-color:var(--accent-hover);box-shadow:0 8px 36px rgba(220,38,38,.25);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.md-recommendation-icon{align-items:center;background:rgba(220,38,38,.1);border-radius:16px;display:flex;flex-shrink:0;height:80px;justify-content:center;transition:all .3s ease;width:80px}.md-recommendation-card:hover .md-recommendation-icon{background:rgba(220,38,38,.15);-webkit-transform:scale(1.05);transform:scale(1.05)}.md-recommendation-icon img{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:50px;object-fit:contain;width:50px}.md-recommendation-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0;text-align:center}.md-recommendation-title{color:var(--text-color);font-size:1.5rem;font-weight:600;line-height:1.3;margin:0;text-align:center}.md-recommendation-description{color:var(--text-muted);font-size:1rem;line-height:1.5;margin:0;text-align:center}.md-recommendation-button{align-self:center;background:var(--accent);border:none;border-radius:12px;box-shadow:0 2px 8px rgba(220,38,38,.2);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.3px;padding:12px 28px;text-transform:none;transition:all .2s ease}.md-recommendation-button:hover{background:var(--accent-hover);box-shadow:0 4px 16px rgba(220,38,38,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.md-all-training-title{color:var(--text-color);font-size:1.4rem;font-weight:600;margin:0 0 20px;text-align:left}.md-training-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0;padding:0}.md-training-action-card{background:var(--card-background);border:2px solid var(--accent);border-radius:16px;display:flex;flex-direction:column;gap:12px;height:auto;margin:0;min-height:auto;padding:24px;text-align:center;transition:all .3s ease}.md-training-action-card:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px rgba(220,38,38,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.md-training-action-icon{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:8px}.md-training-action-icon img{height:60px;object-fit:contain;width:60px}.md-training-action-card h3{color:var(--text-color);font-size:1.3rem;font-weight:600;margin:0;padding:0}.md-training-action-card p{color:var(--text-muted);flex:1 1;font-size:1rem;line-height:1.5;margin:0;padding:0}.md-training-action-button{background:var(--gradient-main);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:auto 0 0;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-short)}.md-training-action-button:hover{background:var(--gradient-hover);border-color:var(--accent)}.md-training-action-button-disabled{background:var(--gradient-main);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--text-muted);cursor:not-allowed;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:auto 0 0;opacity:.6;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.md-featured-card{background:linear-gradient(135deg,var(--card-background),rgba(220,38,38,.05));border:3px solid var(--accent);box-shadow:0 4px 20px rgba(220,38,38,.15);overflow:hidden;position:relative}.md-featured-card:before{background:linear-gradient(45deg,var(--accent),transparent,var(--accent));border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.md-featured-card:hover:before{opacity:.3}.md-featured-card:hover{border-color:var(--accent-hover);box-shadow:0 12px 40px rgba(220,38,38,.3);-webkit-transform:translateY(-6px) scale(1.02);transform:translateY(-6px) scale(1.02)}.md-featured-button{background:var(--accent);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.md-featured-button:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(220,38,38,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.md-training-section .training-progress-card{background:transparent;border:none;margin:0;padding:16px 0}@media (max-width:768px){.mind-detail-container{padding-top:0}.mind-detail-content{padding:20px}.md-card{gap:24px;padding:0}.md-mobile-icons-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;padding-bottom:12px}.md-desktop-only{display:none!important}.md-mobile-only{display:inline}.md-card-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.md-avatar{align-self:center;height:100px;width:100px}.md-header-top-row{align-items:center;flex-direction:column;gap:12px;width:100%}.md-name-section{align-items:center;text-align:center;width:100%}.md-name{font-size:1.6rem;text-align:center}.md-header-right,.md-stats-row{justify-content:center}.md-header-right{flex-direction:row;gap:12px}.md-age{align-items:center;display:flex}.md-description{text-align:center}.md-training-section-title{font-size:1.4rem;text-align:center}.md-recommendation-card{flex-direction:column;margin-bottom:24px;padding:24px;text-align:center}.md-recommendation-icon{height:70px;width:70px}.md-recommendation-icon img{height:45px;width:45px}.md-recommendation-content{align-items:center;text-align:center}.md-recommendation-title{font-size:1.3rem;text-align:center}.md-recommendation-description{font-size:.95rem;text-align:center}.md-recommendation-button{align-self:center;font-size:.95rem;padding:10px 24px}.md-all-training-title{font-size:1.2rem;text-align:center}.md-training-actions-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.md-training-action-card{padding:20px}.md-training-action-card h3{font-size:1.2rem}.md-training-action-card p{font-size:.95rem}}@media (max-width:480px){.mind-detail-container{padding-top:0}.mind-detail-content{padding:15px}.md-card{gap:20px;padding:0}.md-avatar{height:80px;width:80px}.md-name{font-size:1.4rem}.md-stat-item{font-size:.85rem}.md-description{font-size:1rem}.md-training-section-title{font-size:1.3rem}.md-recommendation-card{gap:16px;margin-bottom:20px;padding:20px}.md-recommendation-icon{height:60px;width:60px}.md-recommendation-icon img{height:40px;width:40px}.md-recommendation-title{font-size:1.15rem}.md-recommendation-description{font-size:.9rem}.md-recommendation-button{font-size:.9rem;padding:10px 20px}.md-all-training-title{font-size:1.15rem}.md-training-actions-grid{gap:12px;grid-template-columns:minmax(250px,1fr);width:100%}.md-training-action-card{box-sizing:border-box;padding:16px;width:100%}.md-training-action-card h3{font-size:1.1rem}.md-training-action-card p{font-size:.9rem}.md-training-action-button,.md-training-action-button-disabled{font-size:.85rem;padding:10px 20px}}.interviewer-selector{margin:0;position:relative;width:100%}.interviewer-selector-container{position:relative}.selector-button{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:10px 16px;text-align:left;transition:all var(--transition-short);width:100%}.selector-button:hover{background-color:var(--background-hover);border-color:var(--accent)}.selector-button:active,.selector-button:focus{outline:none}.selector-button:disabled{cursor:not-allowed;opacity:.6}.selector-button .arrow{color:var(--text-secondary);font-size:12px;margin-left:8px}.dropdown-menu{background-color:var(--background-secondary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:400px;min-width:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);width:280px;z-index:1500}.menu-item{background:var(--background-secondary);cursor:pointer;padding:8px 16px;transition:background-color var(--transition-short)}.menu-item:hover{background:var(--background-hover)}.menu-item span.selected{color:var(--accent);font-weight:500}.category-section{background:var(--background-secondary);border-top:1px solid var(--border-main);padding:8px 0}.category-section:first-child{border-top:none}.category-header{align-items:center;background:var(--background-secondary);color:var(--text-secondary);display:flex;font-weight:500;justify-content:space-between;padding:8px 16px}.select-category{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:2px 6px}.select-category:hover{text-decoration:underline}.category-checkbox,.interviewer-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.category-checkbox input[type=checkbox],.interviewer-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--background-primary);border:2px solid var(--accent);border-radius:var(--border-radius-sm);box-sizing:border-box;cursor:pointer;flex:0 0 16px;height:16px;margin:0;max-height:16px;max-width:16px;min-height:16px;min-width:16px;padding:0;position:relative;transition:all var(--transition-short);width:16px}.category-checkbox input[type=checkbox]:checked,.interviewer-checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.category-checkbox input[type=checkbox]:checked:after,.interviewer-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-52%,-58%) rotate(45deg);transform:translate(-52%,-58%) rotate(45deg);width:4px}.category-checkbox:hover,.interviewer-checkbox:hover{opacity:1}.interviewer-checkbox{font-size:14px;width:100%}.category-checkbox{color:var(--accent);font-size:12px}.dropdown-menu::-webkit-scrollbar{display:none}.dropdown-menu{-ms-overflow-style:none;scrollbar-width:none}.interview-topics-modal{align-items:center;background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.interview-topics-modal-content{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:0 20px 80px var(--shadow-light),0 0 50px 10px var(--shadow-main),0 0 80px 15px var(--shadow-main),0 0 120px 20px var(--shadow-main);display:flex;flex-direction:column;max-height:85vh;max-width:640px;position:relative;width:100%}.interview-topics-modal-header{align-items:center;border-bottom:1px solid var(--border-main);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 40px}.interview-topics-modal-header h2{color:var(--text-primary);font-family:"Source Serif 4",serif;font-size:1.5rem;font-variation-settings:"opsz" 60;font-weight:400;letter-spacing:2px;margin:0;text-transform:uppercase}.interview-topics-modal-close{background:none!important;border:none!important;color:var(--text-primary)!important;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:opacity var(--transition-short)}.interview-topics-modal-close:hover{color:var(--text-primary)!important;opacity:.8}.interview-topics-modal-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px 40px}.interview-topics-categories-container{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.interview-topics-category-section{display:flex;flex-direction:column;gap:12px}.interview-topics-category-header{align-items:center;border-bottom:1px solid var(--border-main);display:flex;justify-content:space-between;padding-bottom:8px}.interview-topics-category-name{color:var(--text-primary);font-family:"Source Serif 4",serif;font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.interview-topics-category-checkbox{color:var(--accent);font-size:12px}.interview-topics-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.interview-topics-item{background:var(--background-secondary);border-radius:var(--border-radius-sm);padding:8px 12px;transition:all var(--transition-short)}.interview-topics-item:hover{background:var(--background-hover)}.interview-topics-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.interview-topics-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--background-primary);border:2px solid var(--accent);border-radius:var(--border-radius-sm);box-sizing:border-box;cursor:pointer;flex:0 0 18px;height:18px;margin:0;max-height:18px;max-width:18px;min-height:18px;min-width:18px;padding:0;position:relative;transition:all var(--transition-short);width:18px}.interview-topics-checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.interview-topics-checkbox input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-52%,-58%) rotate(45deg);transform:translate(-52%,-58%) rotate(45deg);width:4px}.interview-topics-checkbox:hover{opacity:1}.interview-topics-modal-footer{border-top:1px solid var(--border-main);flex-shrink:0;margin-top:auto;padding-top:16px}.interview-topics-continue-button{background-color:var(--button-primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:14px 24px;text-transform:uppercase;transition:all var(--transition-short);width:100%}.interview-topics-continue-button:hover{background-color:var(--button-primary-active);box-shadow:0 4px 12px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.interview-topics-continue-button:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:767px){.interview-topics-modal-content{max-height:90vh;max-width:95%}.interview-topics-modal-header{padding:16px 20px}.interview-topics-modal-header h2{font-size:1.2rem}.interview-topics-modal-body{padding:20px}.interview-topics-list{grid-template-columns:1fr}.interview-topics-category-name{font-size:16px}}.interview-topics-modal-body::-webkit-scrollbar{display:none}.interview-topics-modal-body{-ms-overflow-style:none;scrollbar-width:none}.interview-container{background-color:var(--background-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.training-top-bar{align-items:center;background-color:var(--background-secondary);border:none;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px}.interview-mind-selector-dropdown{flex-shrink:0;max-width:300px;position:relative}.interview-mind-select-button{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:10px 16px;text-align:left;transition:all var(--transition-short);width:100%}.interview-mind-select-button:hover{background-color:var(--background-hover);border-color:var(--accent)}.interview-mind-select-button:active,.interview-mind-select-button:focus{outline:none}.interview-dropdown-arrow{color:var(--text-secondary);font-size:12px;margin-left:8px}.interview-mind-dropdown-menu{border:1px solid var(--border-main);box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:400px;min-width:360px;overflow-y:auto;top:calc(100% + 4px);z-index:1000}.interview-mind-dropdown-menu,.interview-mind-dropdown-menu:before{background-color:var(--background-secondary);border-radius:var(--border-radius-md);left:0;opacity:1;position:absolute;right:0}.interview-mind-dropdown-menu:before{bottom:0;content:"";top:0;z-index:-1}.interview-mind-dropdown-menu::-webkit-scrollbar{display:none}.interview-mind-dropdown-menu{-ms-overflow-style:none;scrollbar-width:none}.interview-mind-dropdown-item{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-main);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all var(--transition-short)}.interview-mind-dropdown-item:last-child{border-bottom:none}.interview-mind-dropdown-item:hover{background-color:var(--background-hover)}.interview-mind-dropdown-item.interview-dropdown-active{background-color:var(--background-tertiary)}.interview-mind-dropdown-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.interview-mind-dropdown-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;min-width:0;text-align:left}.interview-mind-dropdown-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.interview-mind-dropdown-favorite,.interview-mind-dropdown-settings{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all var(--transition-short)}.interview-mind-dropdown-favorite{color:var(--accent)}.interview-mind-dropdown-settings{height:20px;width:20px}.interview-dropdown-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:16px;opacity:.7;transition:all var(--transition-short);width:16px}.interview-mind-dropdown-favorite:hover,.interview-mind-dropdown-settings:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.interview-mind-dropdown-settings:hover .interview-dropdown-settings-icon{opacity:1}.interview-current-indicator{color:var(--accent);font-size:16px;font-weight:700}.interview-mind-dropdown-empty{background-color:var(--background-secondary);color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.training-header-actions{align-items:center;display:flex;margin-left:auto;padding-right:8px}.interview-settings-button{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px 16px;transition:all var(--transition-short)}.interview-settings-button:hover{background-color:var(--background-tertiary);border-color:var(--accent)}.interview-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:20px;opacity:.7;width:20px}.interview-settings-button:hover .interview-settings-icon{opacity:1}.training-progress-bar-container{background-color:var(--background-secondary);border:none;flex-shrink:0;padding:12px 20px}.profile-badge{align-items:center;background-color:var(--background-hover);border:1px solid var(--border-light);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-right:0;padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-medium),background-color var(--transition-medium)}.profile-badge:hover{background-color:var(--background-active)}.copy-conversation-icon,.settings-icon-wrapper{align-items:center;display:flex;justify-content:center}.copy-conversation-icon{background:var(--background-hover);border:none;border-radius:var(--border-radius-full);color:var(--accent);cursor:pointer;height:36px;margin-left:var(--spacing-sm);padding:var(--spacing-sm);position:relative;transition:background-color var(--transition-short),-webkit-transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short);transition:background-color var(--transition-short),transform var(--transition-short),-webkit-transform var(--transition-short);width:36px}.copy-conversation-icon:hover{background-color:var(--background-active);-webkit-transform:scale(1.05);transform:scale(1.05)}.copy-conversation-icon.copy-success{background-color:rgba(76,175,80,.2);color:#4caf50;color:var(--feedback-success,#4caf50);-webkit-transform:scale(1.1);transform:scale(1.1)}.copy-conversation-icon svg{height:18px;transition:-webkit-transform var(--transition-short);transition:transform var(--transition-short);transition:transform var(--transition-short),-webkit-transform var(--transition-short);width:18px}.copy-conversation-icon.disabled{cursor:not-allowed;opacity:.5}.copy-conversation-icon.disabled:hover{background-color:var(--background-hover);-webkit-transform:none;transform:none}.training-messages-area{background-color:var(--background-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.message{border-radius:var(--border-radius-md);color:var(--accent);margin:0;max-width:70%;padding:var(--spacing-sm);transition:background-color var(--transition-medium),color var(--transition-medium)}.message-content{line-height:var(--line-height-relaxed);white-space:pre-wrap}.interview-user-message{align-self:flex-end;background-color:var(--background-hover);border:1px solid #da0000;text-align:right}.interview-agent-message{align-self:flex-start;background-color:var(--background-tertiary);border:1px solid var(--border-active-button);color:var(--accent);text-align:left}.message-timestamp{color:var(--text-secondary);font-size:var(--font-size-xs);justify-content:space-between;margin-top:var(--spacing-xs)}.message-timestamp,.message-timestamp-left{align-items:center;display:flex;gap:var(--spacing-xs)}.message-actions{display:flex;gap:4px}.training-copy-message-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:auto;opacity:.6;padding:var(--spacing-xs);transition:all var(--transition-short);width:24px}.training-copy-message-button svg{height:12px;transition:all var(--transition-short);width:12px}.training-copy-message-button:hover{color:var(--accent);opacity:1}.training-copy-message-button.training-copy-success{color:#4caf50;color:var(--feedback-success,#4caf50)}.typing-indicator{color:var(--accent);opacity:.7}.typing-indicator .dot{-webkit-animation:typing-dot 1.4s infinite;animation:typing-dot 1.4s infinite;display:inline-block;font-size:24px;line-height:10px}.typing-indicator .dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.typing-indicator .dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes typing-dot{0%,60%,to{opacity:.3;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes typing-dot{0%,60%,to{opacity:.3;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}}.training-input-container{background-color:var(--background-primary);border:none;box-shadow:none;flex-shrink:0;margin-top:0;padding:0 20px 20px}.interviewer-selector-container{align-items:center;display:flex}.training-input-form{border:none;padding:0}.training-input,.training-input-form{box-sizing:border-box;margin:0;max-width:100%;width:100%}.training-input{background-color:var(--background-tertiary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--text-primary);display:block;font-family:inherit;font-size:14px;max-height:200px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:all var(--transition-short)}.training-input:focus{background-color:var(--background-hover);border-color:var(--accent);box-shadow:none}.training-input::-webkit-input-placeholder{color:var(--text-secondary)}.training-input::placeholder{color:var(--text-secondary)}.command-button{background:var(--accent);border:none;border-radius:var(--border-radius-sm);color:var(--background-primary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-short)}.command-button:hover{background-color:var(--accent-hover)}.command-button:disabled{cursor:not-allowed;opacity:.7}.messages-container::-webkit-scrollbar{display:none}.messages-container{-ms-overflow-style:none;scrollbar-width:none}.training-input::-webkit-scrollbar{display:none}.training-input{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:767px){.training-top-bar{flex-wrap:wrap;gap:0;padding:12px 16px 0}.interview-mind-selector-dropdown{flex:1 1;margin-left:60px;margin-right:8px}.interview-mind-dropdown-menu{max-width:calc(100vw - 80px);min-width:280px}.interview-settings-button{margin:0}.training-header-actions{flex:1 1 100%;margin-left:0;margin-top:12px;order:3;padding-bottom:12px;padding-right:8px;width:100%}.interviewer-selector-container{width:100%}.training-progress-bar-container{padding:10px 16px}.messages-container{padding:16px}.message{max-width:90%}.training-input-container{padding:0 16px 16px}.training-input{border:1px solid var(--border-main)}.training-input:focus{border-color:var(--accent);box-shadow:none}}.voice-editor-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;color:var(--text-primary);display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.voice-editor-container{-ms-overflow-style:none;background-color:var(--background-secondary);border:1px solid var(--border-main);border-radius:var(--border-radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.3);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;scrollbar-width:none;width:100%}.voice-editor-container::-webkit-scrollbar{display:none}.voice-editor-header{border-bottom:1px solid var(--border-main);padding:24px 24px 16px;position:relative}.voice-editor-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 8px}.voice-editor-subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.voice-editor-close{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px;position:absolute;right:20px;top:20px;transition:all var(--transition-short)}.voice-editor-close:hover{background:var(--background-hover);color:var(--text-primary)}.voice-editor-content{padding:24px}.voice-editor-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.voice-editor-loading p{color:var(--text-secondary);margin-top:16px}.voice-editor-error{background:var(--error-background);border:1px solid var(--error-border);border-radius:var(--border-radius-md);margin-bottom:20px;padding:12px}.voice-editor-error p{color:var(--error-text);font-size:.9rem;margin:0}.voice-editor-success{background:var(--success-background);border:1px solid var(--success-border);border-radius:var(--border-radius-md);margin-bottom:20px;padding:12px}.voice-editor-success p{color:var(--success-text);font-size:.9rem;font-weight:500;margin:0}.voice-editor-settings{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.voice-editor-setting{display:flex;flex-direction:column;gap:8px}.voice-editor-setting-header{align-items:center;display:flex;justify-content:space-between}.voice-editor-setting-header label{color:var(--text-primary);font-size:1rem;font-weight:600}.voice-editor-value{background:var(--background-tertiary);border-radius:var(--border-radius-sm);color:var(--accent);font-size:.9rem;font-weight:500;min-width:60px;padding:4px 8px;text-align:center}.voice-editor-slider{-webkit-appearance:none;appearance:none;background:var(--background-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.voice-editor-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border:2px solid var(--background-primary);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:20px;-webkit-transition:all var(--transition-short);transition:all var(--transition-short);width:20px}.voice-editor-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.voice-editor-slider::-moz-range-thumb{background:var(--accent);border:2px solid var(--background-primary);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:20px;width:20px}.voice-editor-description{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0}.voice-editor-toggle{align-items:center;display:flex;gap:12px}.voice-editor-checkbox{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.voice-editor-toggle-label{color:var(--text-primary);cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.voice-editor-actions{border-top:1px solid var(--border-main);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.voice-editor-button{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:.9rem;font-weight:500;min-width:120px;padding:12px 24px;transition:all var(--transition-short)}.voice-editor-button:disabled{cursor:not-allowed;opacity:.6}.voice-editor-button-primary{background:var(--accent);color:#fff}.voice-editor-button-primary:hover:not(:disabled){background:var(--accent-hover);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.voice-editor-button-secondary{background:var(--background-tertiary);border:1px solid var(--border-main);color:var(--text-primary)}.voice-editor-button-secondary:hover:not(:disabled){background:var(--background-hover);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.voice-editor-overlay{padding:10px}.voice-editor-container{max-height:95vh}.voice-editor-header{padding:20px 20px 16px}.voice-editor-content{padding:20px}.voice-editor-actions{flex-direction:column}.voice-editor-button{width:100%}}.voice-training-container{background-color:var(--background-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.voice-training-top-bar{align-items:center;background-color:var(--background-secondary);border:none;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px}.voice-mind-selector-dropdown{flex-shrink:0;max-width:300px;position:relative}.voice-mind-select-button{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:10px 16px;text-align:left;transition:all var(--transition-short);width:100%}.voice-mind-select-button:hover{background-color:var(--background-hover);border-color:var(--accent)}.voice-mind-select-button:active,.voice-mind-select-button:focus{outline:none}.voice-dropdown-arrow{color:var(--text-secondary);font-size:12px;margin-left:8px}.voice-mind-dropdown-menu{background-color:var(--background-secondary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;max-height:400px;min-width:360px;opacity:1;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.voice-mind-dropdown-menu::-webkit-scrollbar{display:none}.voice-mind-dropdown-menu{-ms-overflow-style:none;scrollbar-width:none}.voice-mind-dropdown-item{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-main);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all var(--transition-short)}.voice-mind-dropdown-item:last-child{border-bottom:none}.voice-mind-dropdown-item:hover{background-color:var(--background-hover)}.voice-mind-dropdown-item.voice-dropdown-active{background-color:var(--background-tertiary)}.voice-mind-dropdown-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.voice-mind-dropdown-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;min-width:0;text-align:left}.voice-mind-dropdown-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.voice-mind-dropdown-favorite,.voice-mind-dropdown-settings{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all var(--transition-short)}.voice-mind-dropdown-favorite{color:var(--accent)}.voice-mind-dropdown-settings{height:20px;width:20px}.voice-dropdown-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:16px;opacity:.7;transition:all var(--transition-short);width:16px}.voice-mind-dropdown-favorite:hover,.voice-mind-dropdown-settings:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.voice-mind-dropdown-settings:hover .voice-dropdown-settings-icon{opacity:1}.voice-current-indicator{color:var(--accent);font-size:16px;font-weight:700}.voice-mind-dropdown-empty{background-color:var(--background-secondary);color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.voice-settings-button{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px 16px;transition:all var(--transition-short)}.voice-settings-button:hover{background-color:var(--background-tertiary);border-color:var(--accent)}.voice-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:20px;opacity:.7;width:20px}.voice-settings-button:hover .voice-settings-icon{opacity:1}.voice-training-content{background-color:var(--background-primary);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:40px}.voice-training-content::-webkit-scrollbar{display:none}.voice-training-content{-ms-overflow-style:none;scrollbar-width:none}.voice-loading-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:400px}.voice-training-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:0 auto;max-width:1200px;width:100%}.voice-content-centered{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;max-width:800px;width:100%}.voice-training-card{background:var(--card-background)}.voice-success-icon{color:var(--accent)}.voice-training-card h3{color:var(--text-color)}.voice-training-card p{color:var(--text-muted)}.recording-status{margin:8px 0}.recording-active{align-items:center;color:var(--error-color);display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center}.recording-indicator{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}.recording-prompt-text{background-color:var(--background-secondary);border-radius:var(--border-radius-md);margin:8px 0;padding:16px}.recording-prompt-text h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 8px}.recording-prompt-text p{color:var(--text-color);font-size:.95rem;line-height:1.6;margin:0}.recording-tips{margin:8px 0;text-align:left}.recording-tips p{color:var(--text-muted);font-size:.9rem;margin:4px 0}.video-upload-info strong{color:var(--text-color)}.video-preview-card{max-width:600px}.video-player{border-radius:var(--border-radius-md);display:block;height:auto;margin:16px auto;max-width:400px;width:100%}.video-info{background-color:var(--background-secondary);border-radius:var(--border-radius-sm);margin:12px 0;padding:12px;text-align:left}.video-info p{color:var(--text-color);font-size:.9rem;margin:6px 0}.video-info strong{color:var(--text-color);font-weight:600}.existing-voice-card,.playback-card{max-width:700px}.audio-player,.sample-audio-player{border-radius:var(--border-radius-md);height:44px;margin:12px 0;width:100%}.voice-name-input{margin:16px 0;text-align:left}.voice-name-input label{color:var(--text-color);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.voice-name-input input{background-color:var(--background-primary);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);font-size:1rem;padding:12px;transition:border-color var(--transition-short);width:100%}.voice-name-input input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha);outline:none}.voice-name-input input:disabled{cursor:not-allowed;opacity:.6}.sample-audio-section{background-color:var(--background-secondary);border-radius:var(--border-radius-md);margin:16px 0;padding:16px}.sample-audio-section h4{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 8px}.sample-text{margin:8px 0}.sample-quote,.sample-text{color:var(--text-muted);font-size:1rem}.sample-quote{font-style:italic;margin:12px 0}.sample-note{color:var(--text-muted);font-size:.9rem;font-style:italic;margin:8px 0}.voice-metadata{background-color:var(--background-secondary);border-radius:var(--border-radius-sm);margin:12px 0;padding:12px;text-align:center}.voice-metadata p{color:var(--text-color);font-size:.95rem;margin:6px 0}.voice-metadata strong{font-weight:600}.custom-audio-section{background-color:var(--background-secondary);border-radius:var(--border-radius-md);margin:16px 0;padding:16px;text-align:left}.custom-audio-label{color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:12px}.custom-text-input{background-color:var(--background-primary);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);font-family:inherit;font-size:.95rem;margin:8px 0;min-height:80px;padding:12px;resize:vertical;width:100%}.custom-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha);outline:none}.custom-text-input:disabled{cursor:not-allowed;opacity:.6}.custom-audio-result{background-color:var(--background-primary);border:1px solid var(--accent);border-radius:var(--border-radius-sm);margin-top:16px;padding:12px}.custom-audio-result h5{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 8px}.voice-action-button{background:var(--gradient-main);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:auto;padding:12px 24px;text-align:center;transition:all var(--transition-short);width:100%}.voice-action-button:hover:not(:disabled){background:var(--gradient-hover);border-color:var(--accent);box-shadow:0 4px 12px rgba(220,38,38,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.voice-action-button:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.voice-action-button-secondary{background:transparent;border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;transition:all var(--transition-short);width:100%}.voice-action-button-secondary:hover:not(:disabled){background:var(--background-hover);border-color:var(--accent);color:var(--accent)}.voice-action-button-secondary:disabled{cursor:not-allowed;opacity:.6}.voice-button-group{display:flex;flex-direction:column;gap:12px;margin-top:16px}.voice-loading-overlay{align-items:center;background-color:rgba(0,0,0,.5);border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}@media (max-width:767px){.voice-training-top-bar{gap:0;padding:12px 16px}.voice-mind-selector-dropdown{flex:1 1;margin-left:60px;margin-right:8px;max-width:none}.voice-mind-dropdown-menu{max-width:calc(100vw - 80px);min-width:280px}.voice-settings-button{margin:0}.voice-training-content{padding:20px 16px}.voice-training-grid{gap:16px;grid-template-columns:1fr}.voice-training-card{padding:24px}.voice-card-icon{font-size:2.5rem}.voice-card-icon img{height:50px;width:50px}.voice-training-card h3{font-size:1.3rem}.voice-training-card p{font-size:.95rem}.video-player{max-width:100%}.voice-button-group{gap:10px}.voice-action-button,.voice-action-button-secondary{font-size:.95rem;padding:10px 20px}}@media (max-width:480px){.voice-training-content{padding:16px 12px}.voice-training-card{padding:20px}.voice-card-icon{font-size:2rem}.voice-card-icon img{height:40px;width:40px}.voice-training-card h3{font-size:1.2rem}.voice-action-button,.voice-action-button-secondary{font-size:.9rem;padding:10px 16px}}.doc-upload-container{background-color:var(--background-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.doc-upload-top-bar{align-items:center;background-color:var(--background-secondary);border:none;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px}.doc-mind-selector-dropdown{flex-shrink:0;max-width:300px;position:relative}.doc-mind-select-button{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:10px 16px;text-align:left;transition:all var(--transition-short);width:100%}.doc-mind-select-button:hover{background-color:var(--background-hover);border-color:var(--accent)}.doc-mind-select-button:active,.doc-mind-select-button:focus{outline:none}.doc-dropdown-arrow{color:var(--text-secondary);font-size:12px;margin-left:8px}.doc-mind-dropdown-menu{background-color:var(--background-secondary);border:1px solid var(--border-main);border-radius:var(--border-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;max-height:400px;min-width:360px;opacity:1;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.doc-mind-dropdown-menu::-webkit-scrollbar{display:none}.doc-mind-dropdown-menu{-ms-overflow-style:none;scrollbar-width:none}.doc-mind-dropdown-item{align-items:center;background-color:var(--background-secondary);border-bottom:1px solid var(--border-main);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all var(--transition-short)}.doc-mind-dropdown-item:last-child{border-bottom:none}.doc-mind-dropdown-item:hover{background-color:var(--background-hover)}.doc-mind-dropdown-item.doc-dropdown-active{background-color:var(--background-tertiary)}.doc-mind-dropdown-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.doc-mind-dropdown-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;min-width:0;text-align:left}.doc-mind-dropdown-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.doc-mind-dropdown-favorite,.doc-mind-dropdown-settings{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all var(--transition-short)}.doc-mind-dropdown-favorite{color:var(--accent)}.doc-mind-dropdown-settings{height:20px;width:20px}.doc-dropdown-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:16px;opacity:.7;transition:all var(--transition-short);width:16px}.doc-mind-dropdown-favorite:hover,.doc-mind-dropdown-settings:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.doc-mind-dropdown-settings:hover .doc-dropdown-settings-icon{opacity:1}.doc-current-indicator{color:var(--accent);font-size:16px;font-weight:700}.doc-mind-dropdown-empty{background-color:var(--background-secondary);color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.doc-settings-button{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px 16px;transition:all var(--transition-short)}.doc-settings-button:hover{background-color:var(--background-tertiary);border-color:var(--accent)}.doc-settings-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:20px;opacity:.7;width:20px}.doc-settings-button:hover .doc-settings-icon{opacity:1}.doc-upload-content{background-color:var(--background-primary);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:40px}.doc-upload-content::-webkit-scrollbar{display:none}.doc-upload-content{-ms-overflow-style:none;scrollbar-width:none}.doc-loading-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:400px}.doc-upload-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:0 auto 40px;max-width:1200px;width:100%}.doc-content-centered{align-items:center;margin:0 auto;max-width:1200px}.doc-content-centered,.doc-upload-card{display:flex;flex-direction:column;width:100%}.doc-upload-card{background:var(--card-background);border:2px solid var(--accent);border-radius:16px;gap:16px;padding:32px;position:relative;text-align:center;transition:all .3s ease}.doc-upload-card:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px rgba(220,38,38,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.doc-card-icon{align-items:center;display:flex;font-size:3.5rem;justify-content:center;margin-bottom:8px}.doc-card-icon img{height:70px;object-fit:contain;width:70px}.doc-success-icon{color:var(--accent)}.doc-upload-card h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.doc-upload-card p{color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0}.doc-upload-info{background-color:var(--background-secondary);border-radius:var(--border-radius-sm);margin:12px 0;padding:12px;text-align:left}.doc-upload-info p{font-size:.9rem;margin:6px 0}.doc-upload-info strong{color:var(--text-color);font-weight:600}.doc-form-card{max-width:800px}.doc-form-group{margin:20px 0;text-align:left;width:100%}.doc-form-group label{color:var(--text-color);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.doc-title-input{background-color:var(--background-primary);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);font-size:1rem;padding:12px;transition:border-color var(--transition-short);width:100%}.doc-title-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha);outline:none}.doc-title-input:disabled{cursor:not-allowed;opacity:.6}.doc-text-input{background-color:var(--background-primary);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);font-family:inherit;font-size:.95rem;min-height:300px;padding:12px;resize:vertical;width:100%}.doc-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha);outline:none}.doc-text-input:disabled{cursor:not-allowed;opacity:.6}.doc-file-input-wrapper{position:relative;width:100%}.doc-file-input{display:none}.doc-file-input-button{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:2px solid var(--accent);border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;text-align:center;transition:all .3s ease;width:100%}.doc-file-input-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover) 0,var(--accent) 100%);box-shadow:0 4px 12px rgba(220,38,38,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.doc-file-input-button:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.doc-file-input-button:disabled{cursor:not-allowed;opacity:.6}.doc-file-requirements{background-color:rgba(0,0,0,.05);border-radius:var(--border-radius-sm);color:var(--text-muted);font-size:.85rem;margin-top:8px;padding:8px 12px}.doc-file-requirements p{margin:4px 0}.doc-file-requirements strong{color:var(--text-color)}.doc-file-info{background-color:var(--background-secondary);border-radius:var(--border-radius-sm);margin-top:12px;padding:12px;text-align:left}.doc-file-info p{color:var(--text-color);font-size:.9rem;margin:6px 0}.doc-file-info strong{font-weight:600}.doc-action-button{background:var(--gradient-main);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:auto;padding:12px 24px;text-align:center;transition:all var(--transition-short);width:100%}.doc-action-button:hover:not(:disabled){background:var(--gradient-hover);border-color:var(--accent);box-shadow:0 4px 12px rgba(220,38,38,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.doc-action-button:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.doc-action-button-secondary{background:transparent;border:1px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;transition:all var(--transition-short);width:100%}.doc-action-button-secondary:hover:not(:disabled){background:var(--background-hover);border-color:var(--accent);color:var(--accent)}.doc-action-button-secondary:disabled{cursor:not-allowed;opacity:.6}.doc-button-group{display:flex;flex-direction:column;gap:12px;margin-top:16px}.doc-loading-overlay{align-items:center;background-color:rgba(0,0,0,.8);border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.doc-progress-container{max-width:500px;padding:32px;width:100%}.doc-progress-content{text-align:center}.doc-progress-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.doc-progress-bar-container{background-color:hsla(0,0%,100%,.2);border-radius:6px;height:12px;margin:16px 0;overflow:hidden;width:100%}.doc-progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:6px;height:100%;transition:width .3s ease}.doc-progress-message{color:hsla(0,0%,100%,.9);font-size:1rem;margin:12px 0 8px}.doc-progress-percentage{color:#fff;font-size:2rem;font-weight:700;margin:0}.doc-knowledge-list-section{margin-top:40px;max-width:1200px;width:100%}.doc-knowledge-list-title{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center}.doc-knowledge-list{display:flex;flex-direction:column;gap:16px}.doc-knowledge-item{align-items:center;background:var(--card-background);border:2px solid var(--accent);border-radius:12px;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.doc-knowledge-clickable{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:16px;min-width:0}.doc-knowledge-item:hover{border-color:var(--accent-hover);box-shadow:0 4px 16px rgba(220,38,38,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.doc-knowledge-icon{flex-shrink:0}.doc-knowledge-icon img{height:40px;object-fit:contain;width:40px}.doc-knowledge-info{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0;text-align:center}.doc-knowledge-title{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.doc-knowledge-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;justify-content:center}.doc-knowledge-meta span{white-space:nowrap}.doc-knowledge-delete{background:transparent;border:none;color:var(--accent);cursor:pointer;flex-shrink:0;font-size:1.5rem;padding:8px;transition:all var(--transition-short)}.doc-knowledge-delete:hover{color:var(--accent-hover);-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:767px){.doc-upload-top-bar{gap:0;padding:12px 16px}.doc-mind-selector-dropdown{flex:1 1;margin-left:60px;margin-right:8px;max-width:none}.doc-mind-dropdown-menu{max-width:calc(100vw - 80px);min-width:280px}.doc-settings-button{margin:0}.doc-upload-content{padding:20px 16px}.doc-upload-grid{gap:16px;grid-template-columns:1fr}.doc-upload-card{padding:24px}.doc-card-icon{font-size:2.5rem}.doc-card-icon img{height:50px;width:50px}.doc-upload-card h3{font-size:1.3rem}.doc-upload-card p{font-size:.95rem}.doc-button-group{gap:10px}.doc-action-button,.doc-action-button-secondary{font-size:.95rem;padding:10px 20px}.doc-knowledge-item{align-items:center;flex-direction:column}.doc-knowledge-meta{font-size:.8rem}.doc-knowledge-delete{position:absolute;right:16px;top:16px}}@media (max-width:480px){.doc-upload-content{padding:16px 12px}.doc-upload-card{padding:20px}.doc-card-icon{font-size:2rem}.doc-card-icon img{height:40px;width:40px}.doc-upload-card h3{font-size:1.2rem}.doc-action-button,.doc-action-button-secondary{font-size:.9rem;padding:10px 16px}.doc-knowledge-list-title{font-size:1.3rem}.doc-knowledge-title{font-size:1rem}}.kds-container{background:var(--background-color);display:flex;flex-direction:column;height:100vh;overflow:hidden}.kds-content-wrapper{flex:1 1;overflow-y:auto;padding:20px 20px 100px}.kds-content-wrapper::-webkit-scrollbar{display:none}.kds-content-wrapper{-ms-overflow-style:none;scrollbar-width:none}.kds-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;padding:20px}.kds-loading p{color:var(--text-muted);font-size:1.1rem}.kds-header{background:var(--card-background);border:2px solid var(--accent);border-radius:16px;margin-bottom:24px;padding:30px}.kds-header-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.kds-header-date{color:var(--text-muted);font-size:.9rem;font-weight:500;padding-top:8px;white-space:nowrap}.kds-title-section{flex:1 1;min-width:0}.kds-title-display{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.kds-title-display h1{color:var(--text-color);font-size:2rem;font-weight:700;margin:0}.kds-title-edit{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.kds-title-input{background:var(--input-background);border:2px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);flex:1 1;font-size:1.5rem;font-weight:700;min-width:300px;padding:12px 16px}.kds-button-cancel,.kds-button-delete,.kds-button-edit,.kds-button-edit-small,.kds-button-save{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.kds-button-edit{background:var(--accent);color:#fff}.kds-button-edit:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(220,38,38,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.kds-button-save{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.kds-button-cancel{background:var(--card-background);border:2px solid var(--text-muted);color:var(--text-color)}.kds-button-edit-small{background:var(--accent)}.kds-button-delete,.kds-button-edit-small{color:#fff;font-size:.85rem;padding:6px 12px}.kds-button-delete{background:#f44336}.kds-button-delete:hover{background:#d32f2f}.kds-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kds-info-item{display:flex;flex-direction:column;gap:6px;padding:12px 0}.kds-info-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.kds-info-value{color:var(--accent);font-size:1.5rem;font-weight:700}.kds-tabs{display:flex;gap:12px;margin-bottom:24px}.kds-tab{align-items:center;background:transparent;border:2px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.kds-tab:hover{background:var(--background-secondary)}.kds-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.kds-tab-count{background:hsla(0,0%,100%,.2);border-radius:12px;color:var(--text-color);font-size:.8rem;margin-left:4px;padding:2px 8px}.kds-tab.active .kds-tab-count{background:hsla(0,0%,100%,.25);color:#fff}.kds-content{min-height:400px}.kds-empty{color:var(--text-muted);font-size:1.1rem;padding:60px 20px;text-align:center}.kds-atomic-list{display:flex;flex-direction:column;gap:16px}.kds-proposition-item{align-items:flex-start;background:var(--card-background);border:2px solid var(--accent);border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.kds-proposition-item:hover{border-color:var(--accent-hover);box-shadow:0 6px 20px rgba(220,38,38,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.kds-proposition-number{color:var(--text-muted);flex-shrink:0;font-size:.95rem;font-weight:700;min-width:35px;padding-top:2px;text-align:left;width:auto}.kds-proposition-content{flex:1 1;min-width:0}.kds-proposition-text{color:var(--text-color);font-size:1rem;line-height:1.7;margin:0;text-align:left}.kds-proposition-meta{color:var(--text-muted);display:flex;font-size:.85rem;gap:8px;text-align:left}.kds-proposition-buttons{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.kds-proposition-edit{display:flex;flex-direction:column;gap:12px}.kds-proposition-textarea{background:var(--input-background);border:2px solid var(--accent);border-radius:var(--border-radius-md);color:var(--text-color);font-family:inherit;font-size:1rem;line-height:1.6;padding:12px;resize:vertical;width:100%}.kds-proposition-actions{display:flex;gap:8px}.kds-canon-list{display:flex;flex-direction:column;gap:20px}.kds-chunk-item{background:var(--card-background);border:2px solid var(--accent);border-radius:12px;padding:28px;transition:all .3s ease}.kds-chunk-item:hover{border-color:var(--accent-hover);box-shadow:0 6px 20px rgba(220,38,38,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.kds-chunk-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.kds-chunk-header h4{color:var(--accent);font-size:1rem;font-weight:700;margin:0}.kds-chunk-header h4,.kds-chunk-tokens{letter-spacing:.5px;text-transform:uppercase}.kds-chunk-tokens{color:var(--text-muted);font-size:.85rem;font-weight:600}.kds-chunk-text{word-wrap:break-word;color:var(--text-color);font-size:.98rem;line-height:1.8;margin:0;white-space:pre-wrap}.kds-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px;padding:32px 0}.kds-pagination-button{background:var(--card-background);border:2px solid var(--accent);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.kds-pagination-button:hover:not(:disabled){background:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.kds-pagination-button:disabled{border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed;opacity:.4}.kds-pagination-numbers{align-items:center;display:flex;gap:4px}.kds-pagination-number{align-items:center;background:var(--card-background);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.kds-pagination-number:hover{border-color:var(--accent);color:var(--accent)}.kds-pagination-number.active{background:var(--accent);border-color:var(--accent);color:#fff}.kds-pagination-ellipsis{color:var(--text-muted);font-weight:600;padding:0 8px}@media (max-width:768px){.kds-content-wrapper{padding:12px}.kds-header{padding:20px}.kds-header-top{flex-direction:column;gap:12px}.kds-header-date{align-self:flex-start;padding-top:0}.kds-title-display h1{font-size:1.5rem}.kds-info-grid{grid-template-columns:repeat(2,1fr)}.kds-tabs{flex-direction:column;gap:8px}.kds-tab{justify-content:flex-start;padding:12px 16px}.kds-proposition-item{flex-wrap:wrap}.kds-proposition-buttons{flex-direction:row;justify-content:flex-end;width:100%}.kds-chunk-header{align-items:flex-start;flex-direction:column;gap:8px}.kds-pagination{flex-wrap:wrap;gap:6px;padding:24px 0}.kds-pagination-button{font-size:.85rem;padding:8px 16px}.kds-pagination-number{font-size:.85rem;height:36px;width:36px}}.ccs-container{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-family);min-height:100vh}.ccs-content{flex:1 1;margin:0 auto;max-width:1200px;overflow-y:auto;padding:30px 40px 60px;width:100%}.ccs-card{background:transparent;border:none;border-radius:0;gap:32px;padding:0}.ccs-card,.ccs-header{display:flex;flex-direction:column}.ccs-header{border-bottom:1px solid var(--border-light);gap:16px;padding-bottom:24px;padding-top:10px}.ccs-title{color:var(--text-color);font-size:2.5rem;font-weight:600;line-height:1.2;margin:0;text-align:left}.ccs-subtitle{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin:0;text-align:left}.ccs-subtitle strong{color:var(--accent);font-weight:600}.ccs-body{display:flex;flex-direction:column;gap:48px}.ccs-section-title{color:var(--text-color);font-size:1.8rem;font-weight:600;margin:0 0 16px;text-align:left}.ccs-section-description{color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0 0 20px}.ccs-templates-section{margin:20px 0 16px;padding:0}.ccs-templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ccs-templates-title{color:var(--text-color);font-size:1rem;font-weight:600;margin:0;text-align:left}.ccs-carousel-arrows{align-items:center;display:flex;gap:8px}.ccs-templates-carousel{-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding:8px 0;scroll-behavior:smooth;scrollbar-width:none;width:100%}.ccs-templates-carousel::-webkit-scrollbar{display:none}.ccs-template-card{align-items:center;background:var(--card-background);border:2px solid var(--border-light);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:.85rem;font-weight:500;gap:8px;min-width:140px;padding:12px 16px;text-align:center;transition:all .2s ease}.ccs-template-card:hover{background:var(--background-hover);border-color:var(--accent);box-shadow:0 4px 12px rgba(220,38,38,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ccs-template-card.active{background:var(--accent);border-color:var(--accent);color:#fff;-webkit-transform:scale(.98);transform:scale(.98)}.ccs-template-icon{font-size:1.8rem;line-height:1}.ccs-template-label{line-height:1.2;text-align:center}.ccs-carousel-arrow{align-items:center;background:var(--card-background);border:2px solid var(--border-light);border-radius:6px;color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ccs-carousel-arrow:hover{background:var(--background-hover);border-color:var(--accent);-webkit-transform:scale(1.05);transform:scale(1.05)}.ccs-carousel-arrow:active{-webkit-transform:scale(.95);transform:scale(.95)}.ccs-editor-section{margin:0;padding:0}.ccs-editor-instructions{background:var(--card-background);border:2px solid var(--border-light);border-radius:12px;margin-bottom:20px;padding:20px}.ccs-editor-instructions p{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 12px}.ccs-editor-instructions p.ccs-instructions-intro{color:var(--text-muted);font-weight:400;line-height:1.6;margin-bottom:16px}.ccs-editor-instructions p.ccs-instructions-note{background:rgba(220,38,38,.05);background:rgba(var(--accent-rgb,220,38,38),.05);border-left:3px solid var(--accent);border-radius:8px;color:var(--text-color);font-weight:400;margin-bottom:0;margin-top:16px;padding:12px}.ccs-editor-instructions ul{list-style-type:disc;margin:0;padding-left:20px;text-align:left}.ccs-editor-instructions li{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:10px 0;text-align:left}.ccs-editor-instructions li strong{color:var(--accent);font-weight:600}.ccs-textarea{background:var(--card-background);border:2px solid var(--border-light);border-radius:12px;color:var(--text-color);font-family:var(--font-family);font-size:1rem;line-height:1.7;min-height:450px;padding:20px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.ccs-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(220,38,38,.1);outline:none}.ccs-textarea:disabled{cursor:not-allowed;opacity:.6}.ccs-character-counter{color:var(--text-muted);font-size:.9rem;margin-top:12px;text-align:right}.ccs-actions{border-top:1px solid var(--border-light);display:flex;gap:16px;justify-content:flex-end;margin-top:16px;padding-top:32px}.ccs-cancel-button,.ccs-create-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 32px;transition:all .2s ease}.ccs-cancel-button{background:transparent;border:2px solid var(--border-light);color:var(--text-color)}.ccs-cancel-button:hover:not(:disabled){background:var(--background-hover);border-color:var(--accent);color:var(--accent)}.ccs-cancel-button:disabled{cursor:not-allowed;opacity:.5}.ccs-create-button{background:var(--accent);border:2px solid var(--accent);color:#fff}.ccs-create-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 6px 20px rgba(220,38,38,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ccs-create-button:disabled{cursor:not-allowed;opacity:.5}.ccs-create-button:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.ccs-create-button .loading-spinner{height:16px;width:16px}@media (max-width:768px){.ccs-content{padding:20px}.ccs-card{gap:24px}.ccs-title{font-size:2rem}.ccs-subtitle{font-size:1rem}.ccs-section-title{font-size:1.5rem}.ccs-template-card{font-size:.8rem;min-width:130px;padding:10px 14px}.ccs-template-icon{font-size:1.5rem}.ccs-carousel-arrow{font-size:1rem;height:28px;width:28px}.ccs-textarea{font-size:.95rem;min-height:350px}.ccs-actions{flex-direction:column-reverse}.ccs-cancel-button,.ccs-create-button{width:100%}}@media (max-width:480px){.ccs-content{padding:16px}.ccs-title{font-size:1.75rem}.ccs-template-card{font-size:.75rem;min-width:120px;padding:8px 12px}.ccs-template-icon{font-size:1.3rem}.ccs-carousel-arrow{font-size:.9rem;height:28px;width:28px}}.theme-toggle{align-items:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-short);width:40px}.theme-toggle,.theme-toggle:before{border-radius:var(--border-radius-full)}.theme-toggle:before{background-color:var(--background-hover);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-short);z-index:-1}.theme-toggle:hover:before{opacity:1}.theme-toggle:active:before{background-color:var(--background-active)}.theme-toggle svg{transition:-webkit-transform var(--transition-medium);transition:transform var(--transition-medium);transition:transform var(--transition-medium),-webkit-transform var(--transition-medium)}.theme-toggle:hover svg{-webkit-transform:rotate(15deg) scale(1.1);transform:rotate(15deg) scale(1.1)}.theme-dark .theme-toggle,.theme-light .theme-toggle{color:var(--accent)}.sidebar-overlay{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{background-color:var(--background-secondary);border-right:1px solid var(--border-main);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--transition-short);width:260px;z-index:1000}.sidebar.collapsed{width:60px}.sidebar.mobile{box-shadow:2px 0 8px rgba(0,0,0,.1);transition:-webkit-transform var(--transition-short);transition:transform var(--transition-short);transition:transform var(--transition-short),-webkit-transform var(--transition-short)}.sidebar.mobile.collapsed{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sidebar.mobile:not(.collapsed){-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:16px}.sidebar-logo-expanded{height:32px;object-fit:contain;width:32px}.sidebar-logo-collapsed{align-items:center;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-short);width:28px}.sidebar-logo-collapsed img{height:100%;object-fit:contain;width:100%}.sidebar-logo-collapsed svg{color:var(--accent)}.sidebar-logo-collapsed:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar-close-button{align-items:center;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all var(--transition-short)}.sidebar-close-button:hover{background-color:var(--background-tertiary);color:var(--accent)}.sidebar-content-collapsed{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px 0}.sidebar-icon-button{align-items:center;background:transparent;border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all var(--transition-short);width:44px}.sidebar-icon-image{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(7427%) hue-rotate(0deg) brightness(100%) contrast(117%);filter:brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(7427%) hue-rotate(0deg) brightness(100%) contrast(117%);height:24px;object-fit:contain;width:24px}.sidebar-icon-button:hover{background-color:var(--background-tertiary);border-color:var(--accent);color:var(--accent)}.sidebar-footer-collapsed{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin-top:auto;padding:16px}.sidebar-user-button-collapsed{background:transparent;border:none;cursor:pointer;padding:0;transition:all var(--transition-short)}.sidebar-user-button-collapsed:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar-user-avatar-collapsed{align-items:center;background-color:var(--accent);border-radius:50%;color:var(--background-primary);display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:16px}.sidebar-primary-action-btn{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:all var(--transition-short);width:100%}.sidebar-primary-action-btn:hover{background-color:var(--background-tertiary);border-color:var(--accent)}.theme-dark .sidebar-primary-action-btn{border-color:#fff!important}.theme-dark .sidebar-primary-action-btn:hover{border-color:var(--accent)!important}.sidebar-primary-action-icon{color:var(--accent);flex-shrink:0;height:18px;width:18px}.sidebar-primary-action-icon[src]{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(7427%) hue-rotate(0deg) brightness(100%) contrast(117%);filter:brightness(0) saturate(100%) invert(14%) sepia(100%) saturate(7427%) hue-rotate(0deg) brightness(100%) contrast(117%);object-fit:contain}.sidebar-new-chat-button{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:all var(--transition-short);width:100%}.sidebar-new-chat-button:hover{background-color:var(--background-tertiary);border-color:var(--accent)}.sidebar-section{display:flex;flex-direction:column;gap:8px}.sidebar-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 4px;-webkit-user-select:none;user-select:none}.sidebar-section-header.clickable{border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-short)}.sidebar-section-header.clickable:hover{background-color:var(--background-tertiary)}.sidebar-section-header h3{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-align:left;text-transform:uppercase}.theme-dark .sidebar-section-header h3{color:#fff}.sidebar-section-toggle{color:var(--text-secondary);font-size:10px;transition:-webkit-transform var(--transition-short);transition:transform var(--transition-short);transition:transform var(--transition-short),-webkit-transform var(--transition-short)}.sidebar-explore-button{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:all var(--transition-short);width:100%}.sidebar-explore-button:hover{background-color:var(--background-tertiary);border-color:var(--accent)}.sidebar-chats-list,.sidebar-minds-list,.sidebar-nested-chats{display:flex;flex-direction:column;gap:4px}.sidebar-nested-chats{border-left:2px solid var(--border-main);margin-bottom:4px;margin-left:20px;margin-top:4px;padding-left:12px}.sidebar-chat-item,.sidebar-mind-item{align-items:center;background-color:initial;border-left:3px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all var(--transition-short)}.sidebar-chat-item:hover,.sidebar-mind-item:hover{background-color:var(--background-tertiary)}.sidebar-chat-item.active,.sidebar-mind-item.active{background-color:var(--background-tertiary);border-left-color:var(--accent);border-radius:0}.sidebar-mind-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.sidebar-mind-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-chat-title,.sidebar-mind-name{color:var(--text-primary);flex:1 1;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.sidebar-mind-actions{align-items:center;display:flex;gap:6px;transition:opacity var(--transition-short)}.sidebar-mind-favorite,.sidebar-mind-info{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all var(--transition-short)}.sidebar-mind-favorite{color:var(--accent)}.sidebar-mind-info{color:var(--text-secondary)}.sidebar-mind-info-icon{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:16px;object-fit:contain;opacity:.9;width:16px}.sidebar-mind-info-text{color:var(--accent);font-size:16px;opacity:.9}.sidebar-mind-favorite:hover,.sidebar-mind-info:hover{color:var(--accent);-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar-mind-info:hover .sidebar-mind-info-icon,.sidebar-mind-info:hover .sidebar-mind-info-text{opacity:1}.sidebar-chat-actions{align-items:center;display:flex;gap:6px;opacity:.7;transition:opacity var(--transition-short)}.sidebar-chat-item:hover .sidebar-chat-actions{opacity:1}.delete-chat-button,.edit-chat-button{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all var(--transition-short)}.delete-chat-button:hover,.edit-chat-button:hover{color:var(--accent)}.edit-chat-form{flex:1 1;min-width:0}.edit-chat-input{background-color:var(--background-tertiary);border:1px solid var(--accent);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:14px;outline:none;padding:4px 8px;width:100%}.sidebar-empty-state{padding:20px 12px;text-align:center}.sidebar-empty-state p{color:var(--text-secondary);font-size:13px;margin:0 0 12px}.sidebar-empty-action{background-color:var(--accent);border:none;border-radius:var(--border-radius-sm);color:var(--background-primary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all var(--transition-short)}.sidebar-empty-action:hover{opacity:.9}.sidebar-footer{flex-shrink:0;padding:16px}.sidebar-user-profile{align-items:center;display:flex;gap:12px;justify-content:space-between}.sidebar-user-button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;padding:0;transition:all var(--transition-short)}.sidebar-user-button:hover .sidebar-username{color:var(--accent)}.sidebar-user-avatar{align-items:center;background-color:var(--accent);border-radius:50%;color:var(--background-primary);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.sidebar-username{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:color var(--transition-short);white-space:nowrap}.sidebar-chats-list,.sidebar-content,.sidebar-content-collapsed,.sidebar-minds-list{-ms-overflow-style:none;scrollbar-width:none}.sidebar-chats-list::-webkit-scrollbar,.sidebar-content-collapsed::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar,.sidebar-minds-list::-webkit-scrollbar{display:none}.app-layout{background-color:var(--background-primary);display:flex;height:100vh;overflow:hidden}.app-layout-content{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-width:none;transition:margin-left var(--transition-short)}.app-layout-content::-webkit-scrollbar{display:none}.app-layout-content.with-sidebar{margin-left:260px}.app-layout-content.with-sidebar.sidebar-collapsed{margin-left:60px}.mobile-hamburger-button{align-items:center;background-color:initial;border:1px solid var(--border-main);border-radius:var(--border-radius-md);color:var(--accent);cursor:pointer;display:flex;height:40px;justify-content:center;left:16px;padding:8px 12px;position:absolute;top:12px;transition:all var(--transition-short);z-index:998}.mobile-hamburger-button svg{-webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);filter:brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(7451%) hue-rotate(3deg) brightness(98%) contrast(111%);height:20px;opacity:.7;width:20px}.mobile-hamburger-button:hover{background-color:var(--background-tertiary);border-color:var(--accent)}.mobile-hamburger-button:hover svg{opacity:1}.mobile-hamburger-button:active{-webkit-transform:scale(.95);transform:scale(.95)}@media (max-width:767px){.app-layout-content.with-sidebar,.app-layout-content.with-sidebar.sidebar-collapsed{margin-left:0}}.public-header{background-color:var(--background-paper);box-shadow:0 2px 10px var(--shadow-light);left:0;padding:15px 0;position:fixed;top:0;width:100%;z-index:1000}.public-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo-container{align-items:flex-start;display:flex;flex-direction:column}.logo{color:var(--accent);font-family:"Source Serif 4",serif;font-size:30px;font-variation-settings:"opsz" 60;font-weight:400;letter-spacing:2px;text-shadow:2px 2px 4px var(--shadow-main);text-transform:uppercase;transition:color var(--transition-short)}.logo,.logo:hover{text-decoration:none}.logo:hover{color:var(--accent-hover)}.nav-links{display:flex;gap:30px}.nav-links a{color:var(--text-primary);font-size:14px;font-weight:500;letter-spacing:1px;padding:5px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color var(--transition-short)}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.nav-links a.active:after{background-color:var(--accent);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.header-actions{align-items:center;display:flex;gap:20px}.app-button{background-color:var(--button-primary);border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:700;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all var(--transition-short)}.app-button,.app-button:hover{color:#fff;text-decoration:none}.app-button:hover{background-color:var(--button-primary-hover);box-shadow:0 4px 8px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:24px}@media (max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:block}.public-header.menu-open .nav-links{background-color:var(--background-paper);box-shadow:0 4px 8px var(--shadow-light);display:flex;flex-direction:column;gap:15px;left:0;padding:20px;position:absolute;top:100%;width:100%}}@media (max-width:480px){.logo{font-size:24px}.header-actions{gap:10px}.app-button{font-size:12px;padding:8px 15px}}.profile-modal{align-items:center;background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.profile-modal.show{display:flex}.profile-modal-content{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:0 20px 80px var(--shadow-light),0 0 50px 10px var(--shadow-main),0 0 80px 15px var(--shadow-main),0 0 120px 20px var(--shadow-main);max-width:540px;position:relative;width:100%}.profile-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 40px}.profile-modal-header h2{color:var(--text-primary);font-family:"Source Serif 4",serif;font-size:1.5rem;font-variation-settings:"opsz" 60;font-weight:400;letter-spacing:2px;margin:0;text-transform:uppercase}.profile-modal-close{background:none!important;border:none!important;color:var(--text-primary)!important;cursor:pointer;font-size:24px;line-height:1;padding:0}.profile-modal-close:hover{color:var(--text-primary)!important;opacity:.8}.profile-modal-body{padding:24px 40px}.profile-modal-form{display:flex;flex-direction:column;gap:16px}.profile-modal-form-group{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.profile-modal-form-group label{color:var(--text-primary)!important;font-size:14px;font-weight:500;text-align:left;text-transform:uppercase;width:100%}.profile-modal-content .profile-modal-form-group input{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:var(--border-radius-md);box-shadow:none;color:var(--text-primary);font-size:16px;padding:12px 16px;transition:all var(--transition-short);width:100%}.profile-modal-content .profile-modal-form-group input:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.profile-modal-content .profile-modal-form-group input:disabled{background-color:var(--background-secondary);cursor:not-allowed;opacity:.6}.profile-modal-button-group{display:flex;gap:12px;margin-top:8px}.profile-modal-button-group button{border:none;border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short)}.profile-modal-button-group button:first-child{background-color:var(--button-primary);color:#fff}.profile-modal-button-group button:first-child:hover{background-color:var(--button-primary-active);box-shadow:0 4px 12px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.profile-modal-button-group button:last-child{background-color:initial;border:1px solid var(--accent);color:var(--text-primary)!important}.profile-modal-button-group button:last-child:hover{background-color:var(--button-secondary-hover);border-color:var(--accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.profile-modal-membership-info{background-color:var(--background-paper-light);border-radius:var(--border-radius-md);border-top:1px solid var(--border-color);margin-top:32px;padding:24px}.profile-modal-membership-info h3{color:var(--text-primary);font-family:Cinzel,serif;font-size:18px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.profile-modal-membership-info ul{list-style-type:none;margin:0 0 20px;padding:0}.profile-modal-membership-info li{color:var(--text-secondary);font-size:14px;padding:8px 0 8px 28px;position:relative}.profile-modal-membership-info li:before{color:var(--success);content:"✓";font-weight:700;left:0;position:absolute}.profile-modal-upgrade-button{background-color:var(--accent);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short);width:100%}.profile-modal-upgrade-button:hover{background-color:var(--accent-hover);box-shadow:0 4px 8px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.profile-modal-plan-section{margin:20px 0;padding:16px 0}.profile-modal-plan-content{align-items:center;display:flex;justify-content:space-between}.profile-modal-plan-info{align-items:baseline;display:flex;gap:8px}.profile-modal-plan-label{color:var(--text-primary);font-size:14px;font-weight:500;text-transform:uppercase}.profile-modal-plan-name{font-family:"Source Serif 4",serif;font-size:1.2rem;font-variation-settings:"opsz" 60;font-weight:400}.profile-modal-change-plan-button,.profile-modal-plan-name{color:var(--accent);letter-spacing:1px;text-transform:uppercase}.profile-modal-change-plan-button{background-color:initial;border:1px solid var(--accent);border-radius:var(--border-radius-md);cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all var(--transition-short)}.profile-modal-change-plan-button:hover{background-color:var(--button-secondary-hover);box-shadow:0 2px 8px var(--shadow-main);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.profile-modal-tools-section{margin:20px 0;padding:16px 0}.profile-modal-tools-content{align-items:center;display:flex;justify-content:space-between}.profile-modal-tools-info{align-items:baseline;display:flex;gap:8px}.profile-modal-tools-label{color:var(--text-primary);font-size:14px;font-weight:500;text-transform:uppercase}.profile-modal-tools-status{font-family:"Source Serif 4",serif;font-size:1.2rem;font-variation-settings:"opsz" 60;font-weight:400}.profile-modal-tools-button,.profile-modal-tools-status{color:var(--accent);letter-spacing:1px;text-transform:uppercase}.profile-modal-tools-button{background-color:initial;border:1px solid var(--accent);border-radius:var(--border-radius-md);cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all var(--transition-short)}.profile-modal-tools-button:hover{background-color:var(--button-secondary-hover);box-shadow:0 2px 8px var(--shadow-main);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.create-mind-modal{align-items:center;background-color:rgba(0,0,0,.85);display:none;font-family:var(--font-family);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.create-mind-modal.show{display:flex}.create-mind-modal-content{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:0 20px 80px var(--shadow-light),0 0 50px 10px var(--shadow-main),0 0 80px 15px var(--shadow-main),0 0 120px 20px var(--shadow-main);display:flex;flex-direction:column;font-family:var(--font-family);max-width:540px;overflow:hidden;position:relative;transition:background-color var(--transition-medium);width:100%;z-index:var(--z-index-modal)}.create-mind-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 40px}.create-mind-modal-header h2{color:var(--text-primary);font-family:"Source Serif 4",serif;font-size:1.5rem;font-variation-settings:"opsz" 60;font-weight:400;letter-spacing:2px;margin:0;text-transform:uppercase}.create-mind-modal-close{background:none!important;border:none!important;color:var(--text-primary)!important;cursor:pointer;font-size:24px;line-height:1;padding:0}.create-mind-modal-close:hover{color:var(--text-primary)!important;opacity:.8}.create-mind-modal-body{padding:24px 40px}.create-mind-modal-form{display:flex;flex-direction:column;gap:16px}.create-mind-modal-form-group{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.create-mind-modal-form-group label{color:var(--text-primary)!important;font-size:14px;font-weight:500;text-align:left;text-transform:uppercase;width:100%}.create-mind-modal-content .create-mind-modal-form-group input{background-color:var(--background-input);border:1px solid var(--border-main)!important;border-radius:var(--border-radius-md);box-shadow:none;color:var(--text-primary);font-size:16px;padding:12px 16px;transition:all var(--transition-short);width:100%}.create-mind-modal-content .create-mind-modal-form-group input:focus{border-color:var(--border-focus)!important;box-shadow:0 0 0 2px var(--shadow-main);outline:none}.create-mind-modal-button-group{display:flex;gap:12px;justify-content:center;margin-top:8px}.create-mind-modal-button-group button{background-color:var(--button-primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short)}.create-mind-modal-button-group button:hover{background-color:var(--button-primary-active);box-shadow:0 4px 12px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.notification-banner{align-items:center;-webkit-animation:slideInFromTop .4s cubic-bezier(.16,1,.3,1);animation:slideInFromTop .4s cubic-bezier(.16,1,.3,1);background:var(--card-bg);border:1px solid;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;gap:12px;left:50%;margin:0 auto;max-width:800px;overflow:hidden;padding:16px 20px;position:fixed;top:16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 32px);z-index:9999}.notification-banner.exiting{-webkit-animation:slideOutToTop .3s cubic-bezier(.5,0,.75,0) forwards;animation:slideOutToTop .3s cubic-bezier(.5,0,.75,0) forwards}@-webkit-keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%)}to{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%)}to{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}}@-webkit-keyframes slideOutToTop{0%{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}to{opacity:0;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%)}}@keyframes slideOutToTop{0%{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}to{opacity:0;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%)}}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.notification-content{flex:1 1;min-width:0;text-align:left}.notification-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.notification-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.notification-dismiss{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;margin-left:8px;padding:0;transition:all .2s ease;width:24px}.notification-dismiss:hover{background:rgba(0,0,0,.1);color:var(--text-primary)}.notification-banner.notification-success{background:linear-gradient(135deg,var(--card-bg) 0,rgba(16,185,129,.05) 100%);border-color:#10b981;border-color:var(--success-color,#10b981)}.notification-success .notification-icon{background:#10b981;background:var(--success-color,#10b981);color:#fff}.notification-banner.notification-error{background:linear-gradient(135deg,var(--card-bg) 0,rgba(239,68,68,.05) 100%);border-color:#ef4444;border-color:var(--error-color,#ef4444)}.notification-error .notification-icon{background:#ef4444;background:var(--error-color,#ef4444);color:#fff}.notification-banner.notification-warning{background:linear-gradient(135deg,var(--card-bg) 0,rgba(245,158,11,.05) 100%);border-color:#f59e0b;border-color:var(--warning-color,#f59e0b)}.notification-warning .notification-icon{background:#f59e0b;background:var(--warning-color,#f59e0b);color:#fff}.notification-banner.notification-info{background:linear-gradient(135deg,var(--card-bg) 0,rgba(var(--primary-rgb),.05) 100%);border-color:var(--primary-color)}.notification-info .notification-icon{background:var(--primary-color);color:#fff}@media (prefers-color-scheme:dark){.notification-banner{border-width:1px;box-shadow:0 4px 16px rgba(0,0,0,.4)}.notification-dismiss:hover{background:hsla(0,0%,100%,.1)}.notification-banner.notification-success{background:linear-gradient(135deg,var(--card-bg) 0,rgba(16,185,129,.12) 100%)}.notification-banner.notification-error{background:linear-gradient(135deg,var(--card-bg) 0,rgba(239,68,68,.12) 100%)}.notification-banner.notification-warning{background:linear-gradient(135deg,var(--card-bg) 0,rgba(245,158,11,.12) 100%)}.notification-banner.notification-info{background:linear-gradient(135deg,var(--card-bg) 0,rgba(var(--primary-rgb),.12) 100%)}}.theme-dark .notification-banner{border-width:1px;box-shadow:0 4px 16px rgba(0,0,0,.4)}.theme-dark .notification-dismiss:hover{background:hsla(0,0%,100%,.1)}.theme-dark .notification-banner.notification-success{background:linear-gradient(135deg,var(--card-bg) 0,rgba(16,185,129,.12) 100%)}.theme-dark .notification-banner.notification-error{background:linear-gradient(135deg,var(--card-bg) 0,rgba(239,68,68,.12) 100%)}.theme-dark .notification-banner.notification-warning{background:linear-gradient(135deg,var(--card-bg) 0,rgba(245,158,11,.12) 100%)}.theme-dark .notification-banner.notification-info{background:linear-gradient(135deg,var(--card-bg) 0,rgba(var(--primary-rgb),.12) 100%)}.theme-light .notification-banner{border-width:1px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.theme-light .notification-dismiss:hover{background:rgba(0,0,0,.08)}@media (min-width:768px){.notification-banner{border-radius:12px;padding:18px 24px}.notification-icon{font-size:16px;height:28px;width:28px}.notification-title{font-size:16px}.notification-message{font-size:14px}}@media (max-width:767px){.notification-banner{border-radius:10px;gap:10px;max-width:calc(100% - 24px);padding:14px 16px;top:12px;width:calc(100% - 24px)}.notification-icon{font-size:13px;height:22px;width:22px}.notification-title{font-size:14px}.notification-message{font-size:13px}.notification-dismiss{font-size:14px;height:20px;width:20px}}@-webkit-keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.9;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.9;-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes circleGlow{0%,to{box-shadow:0 0 20px rgba(220,38,38,.3);box-shadow:0 0 20px var(--accent-transparent)}50%{box-shadow:0 0 40px rgba(220,38,38,.3),0 0 60px rgba(220,38,38,.3);box-shadow:0 0 40px var(--accent-transparent),0 0 60px var(--accent-transparent)}}@keyframes circleGlow{0%,to{box-shadow:0 0 20px rgba(220,38,38,.3);box-shadow:0 0 20px var(--accent-transparent)}50%{box-shadow:0 0 40px rgba(220,38,38,.3),0 0 60px rgba(220,38,38,.3);box-shadow:0 0 40px var(--accent-transparent),0 0 60px var(--accent-transparent)}}.landing-page{background:var(--background-primary);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;max-width:100%;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.landing-page *{box-sizing:border-box}.landing-page>section{position:relative;z-index:1}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:85vh;padding:100px 20px;position:relative;text-align:center}.hero-content{-webkit-animation:fadeInUp 1s ease forwards;animation:fadeInUp 1s ease forwards;margin:0 auto;max-width:900px;opacity:0;position:relative;width:100%;z-index:2}.hero-section h1{color:var(--accent);font-family:"Source Serif 4",serif;font-size:4rem;font-variation-settings:"opsz" 60;font-weight:400;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase;white-space:nowrap}.hero-chinese{color:var(--accent);font-family:"Source Serif 4",serif;font-size:4.5rem;font-weight:300;letter-spacing:2px;margin-bottom:10px;margin-top:0;padding-top:0}.hero-subtitle{color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.8;margin:30px auto 50px;max-width:700px}.hero-section .chat-demo-container{-webkit-animation:none!important;animation:none!important;margin-bottom:0;max-width:700px;width:100%}.hero-actions{-webkit-animation:fadeInUp 1s ease .3s forwards;animation:fadeInUp 1s ease .3s forwards;display:flex;gap:20px;justify-content:center;margin-top:40px;opacity:0}.primary-button,.secondary-button{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:1.5px;padding:16px 26px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.primary-button{background-color:var(--button-primary);border:none;color:#fff}.primary-button:hover{background-color:var(--button-primary-hover);box-shadow:0 8px 20px rgba(0,0,0,.3);text-decoration:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.secondary-button{background-color:initial;border:2px solid var(--accent);color:var(--accent)}.secondary-button:hover{background-color:rgba(220,38,38,.1);box-shadow:0 8px 20px rgba(220,38,38,.3);box-shadow:0 8px 20px var(--accent-transparent);color:var(--accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.features-section{padding:0 20px;position:relative;text-align:center}.features-section h2{color:var(--accent);font-family:"Source Serif 4",serif;font-size:2.5rem;font-weight:400;letter-spacing:2px;margin-bottom:80px;opacity:0;text-transform:uppercase;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease}.features-section.visible h2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.features-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto 10px;max-width:1200px;padding:0 20px}.feature-card{align-items:center;background:transparent;display:flex;flex-direction:column;opacity:0;overflow:visible;padding:20px;position:relative;text-align:center;-webkit-transform:translateY(50px);transform:translateY(50px);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.feature-card:before{background:radial-gradient(circle,rgba(220,38,38,.6) 0,rgba(220,38,38,.35) 25%,rgba(220,38,38,.2) 40%,rgba(220,38,38,.1) 55%,transparent 70%);border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;width:0;z-index:0}.feature-card:hover:before{height:500px;opacity:1;width:500px}.feature-card>*{position:relative;z-index:1}.feature-card.visible{-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards}.feature-card:nth-child(2).visible{-webkit-animation-delay:.2s;animation-delay:.2s}.feature-card:nth-child(3).visible{-webkit-animation-delay:.4s;animation-delay:.4s}.feature-icon-circle{align-items:center;display:flex;height:auto;justify-content:center;line-height:1;margin:0;padding:0;position:relative;transition:all .4s ease;z-index:1}.feature-card:hover .feature-icon-circle{-webkit-transform:scale(1.05);transform:scale(1.05)}.feature-icon{display:block;height:80px;line-height:1;margin:0;object-fit:contain;padding:0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:80px}.feature-card:hover .feature-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.feature-card h3{font-size:1.1rem;font-weight:500;letter-spacing:1px;line-height:1.3;margin-bottom:10px;margin-top:10px;text-transform:uppercase}.feature-card h3,.feature-card p{color:var(--text-primary);font-family:Inter,sans-serif;padding:0}.feature-card p{font-size:.9rem;line-height:1.6;margin:0;max-width:320px}.how-it-works-section{padding:60px 20px;position:relative;text-align:center}.how-it-works-section h2{color:var(--accent);font-family:"Source Serif 4",serif;font-size:2.5rem;font-weight:400;letter-spacing:2px;margin-bottom:80px;opacity:0;text-transform:uppercase;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease}.how-it-works-section.visible h2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.steps-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.step{background-color:initial;opacity:0;overflow:visible;padding:40px 30px;position:relative;-webkit-transform:translateY(40px);transform:translateY(40px);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.step:before{background:radial-gradient(circle,rgba(220,38,38,.6) 0,rgba(220,38,38,.35) 25%,rgba(220,38,38,.2) 40%,rgba(220,38,38,.1) 55%,transparent 70%);border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;width:0;z-index:0}.step:hover:before{height:500px;opacity:1;width:500px}.step>*{position:relative;z-index:1}.step.visible{-webkit-animation:fadeInUp .5s ease forwards;animation:fadeInUp .5s ease forwards}.step:nth-child(2).visible{-webkit-animation-delay:.15s;animation-delay:.15s}.step:nth-child(3).visible{-webkit-animation-delay:.3s;animation-delay:.3s}.step:nth-child(4).visible{-webkit-animation-delay:.45s;animation-delay:.45s}.step:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.step-number{align-items:center;background-color:var(--accent);border-radius:50%;color:var(--background-primary);display:flex;font-family:"Source Serif 4",serif;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 25px;width:60px}.step h3{font-size:1.1rem;font-weight:500;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.step h3,.step p{color:var(--text-primary);font-family:Inter,sans-serif}.step p{font-size:.9rem;line-height:1.6}.coming-soon-section{padding:100px 20px;position:relative;text-align:center}.coming-soon-section h2{color:var(--accent);font-family:"Source Serif 4",serif;font-size:2.5rem;font-weight:400;letter-spacing:2px;margin-bottom:60px;opacity:0;text-transform:uppercase;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease}.coming-soon-section.visible h2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.coming-soon-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1000px}.coming-soon-feature{background-color:initial;opacity:0;overflow:visible;padding:35px 30px;position:relative;text-align:center;-webkit-transform:translateY(40px);transform:translateY(40px);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:280px}.coming-soon-feature:before{background:radial-gradient(circle,rgba(220,38,38,.6) 0,rgba(220,38,38,.35) 25%,rgba(220,38,38,.2) 40%,rgba(220,38,38,.1) 55%,transparent 70%);border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease,opacity .6s ease;width:0;z-index:0}.coming-soon-feature:hover:before{height:500px;opacity:1;width:500px}.coming-soon-feature>*{position:relative;z-index:1}.coming-soon-feature.visible{-webkit-animation:fadeInUp .5s ease forwards;animation:fadeInUp .5s ease forwards}.coming-soon-feature:nth-child(2).visible{-webkit-animation-delay:.2s;animation-delay:.2s}.coming-soon-feature:nth-child(3).visible{-webkit-animation-delay:.4s;animation-delay:.4s}.coming-soon-feature:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.feature-badge{background-color:var(--accent);border-radius:20px;color:var(--background-primary);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;padding:8px 20px;text-transform:uppercase}.coming-soon-feature p{color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.cta-section{margin-bottom:100px;padding:0 20px;position:relative;text-align:center}.cta-section h2{color:var(--accent);font-family:"Source Serif 4",serif;font-size:2.8rem;font-weight:400;letter-spacing:2px;margin-bottom:40px;opacity:0;text-transform:uppercase;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease}.cta-section.visible h2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.cta-section p{color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.2rem;line-height:1.7;margin:0 auto 40px;max-width:700px;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity 1s ease .2s,-webkit-transform 1s ease .2s;transition:opacity 1s ease .2s,transform 1s ease .2s;transition:opacity 1s ease .2s,transform 1s ease .2s,-webkit-transform 1s ease .2s}.cta-section.visible p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.cta-section .primary-button{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity 1s ease .4s,background-color .3s,box-shadow .3s,-webkit-transform 1s ease .4s;transition:opacity 1s ease .4s,transform 1s ease .4s,background-color .3s,box-shadow .3s;transition:opacity 1s ease .4s,transform 1s ease .4s,background-color .3s,box-shadow .3s,-webkit-transform 1s ease .4s}.cta-section.visible .primary-button{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:968px){.features-grid{gap:40px;grid-template-columns:1fr}.steps-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section h1{font-size:2.8rem;letter-spacing:0}.hero-chinese{font-size:3rem}.hero-subtitle{font-size:1.1rem}.hero-section .chat-demo-container{margin-top:25px;width:500px}.coming-soon-section h2,.cta-section h2,.features-section h2,.how-it-works-section h2{font-size:2rem}.steps-container{grid-template-columns:1fr}.hero-actions{flex-direction:column;gap:15px;margin-left:auto;margin-right:auto;max-width:300px;width:100%}.primary-button,.secondary-button{width:100%}.feature-icon{height:60px;width:60px}.features-grid{margin-bottom:60px}}@media (max-width:480px){.hero-section{padding:60px 15px}.hero-section h1{font-size:1.6rem;letter-spacing:0}.hero-chinese{font-size:2.2rem;letter-spacing:2px}.hero-subtitle{font-size:1rem;margin-top:20px;padding:0 10px}.hero-section .chat-demo-container{margin-left:auto;margin-right:auto;margin-top:20px;max-width:360px;width:95%}.coming-soon-section,.features-section,.how-it-works-section{padding:0 15px}.cta-section{margin-bottom:20px;padding:0 15px 80px}.coming-soon-section h2,.features-section h2,.how-it-works-section h2{font-size:1.6rem;margin-bottom:50px}.cta-section h2{font-size:1.8rem;margin-bottom:40px}.feature-icon{height:50px;width:50px}.feature-card h3{font-size:1rem}.feature-card p{font-size:.85rem}.step{padding:30px 20px}.step-number{font-size:1.5rem;height:50px;width:50px}.hero-actions{padding:0 10px}}:root{--accent-transparent:rgba(220,38,38,.3)}.landing-page .primary-button:hover{color:#fff}.chat-demo-container{-ms-overflow-style:none;background-color:var(--background-secondary);border:1px solid var(--border-main);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px var(--shadow-main);margin:0 auto;overflow:hidden;position:relative;scrollbar-width:none;width:600px;z-index:2}.chat-demo-container::-webkit-scrollbar{display:none}.chat-demo-messages{-ms-overflow-style:none;background:linear-gradient(135deg,var(--background-primary) 0,var(--background-secondary) 100%);display:flex;flex-direction:column;gap:var(--spacing-md);height:400px;overflow-y:auto;padding:var(--spacing-md);scrollbar-width:none}.chat-demo-messages::-webkit-scrollbar{display:none}.chat-demo-message{-webkit-animation:fadeInUp .3s ease;animation:fadeInUp .3s ease;display:flex;margin-bottom:var(--spacing-sm)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.chat-demo-user-message{justify-content:flex-end}.chat-demo-ai-message{justify-content:flex-start}.chat-demo-message-content{word-wrap:break-word;border-radius:var(--border-radius-md);-webkit-hyphens:auto;hyphens:auto;max-width:70%;overflow-wrap:break-word;padding:var(--spacing-sm) var(--spacing-md);position:relative}.chat-demo-user-message .chat-demo-message-content{background:var(--background-hover);border:1px solid var(--border-light);border-bottom-right-radius:var(--border-radius-sm);color:var(--text-primary)}.chat-demo-ai-message .chat-demo-message-content{background-color:var(--background-primary);border:1px solid var(--border-light);border-bottom-left-radius:var(--border-radius-sm);color:var(--text-primary)}.message-header{align-items:center;display:flex;margin-bottom:var(--spacing-xs)}.chat-demo-user-message .message-header,.message-header{justify-content:flex-start}.sender-name{color:var(--accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.chat-demo-user-message .sender-name{color:var(--text-secondary);text-align:left}.message-time{color:var(--text-muted);font-size:var(--font-size-xs);opacity:.7}.message-text{word-wrap:break-word;font-size:var(--font-size-sm);line-height:1.4}.chat-demo-ai-message .message-text,.chat-demo-user-message .message-text{text-align:left}.typing-cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;color:var(--accent);font-weight:700}@-webkit-keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-restart{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:center;padding:var(--spacing-md)}.restart-indicator{align-items:center;display:flex;gap:var(--spacing-sm)}.loading-dots{display:flex;gap:4px}.loading-dots span{-webkit-animation:loadingDots 1.4s ease-in-out infinite;animation:loadingDots 1.4s ease-in-out infinite;background-color:var(--accent);border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-dots span:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes loadingDots{0%,80%,to{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes loadingDots{0%,80%,to{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:768px){.chat-demo-container{margin:0 auto;width:500px}.chat-demo-messages{height:350px}.chat-demo-message-content{max-width:85%}}@media (max-width:480px){.chat-demo-container{margin:0 auto;max-width:360px;width:100%}.chat-demo-messages{height:300px;padding:var(--spacing-sm)}.chat-demo-message-content{max-width:90%;padding:var(--spacing-sm)}.message-text{font-size:var(--font-size-xs)}.chat-demo-dots{padding:var(--spacing-sm) 0}.chat-demo-dot{height:8px;margin:0 4px;width:8px}}.chat-demo-dots{align-items:center;background-color:var(--background-secondary);display:flex;gap:8px;justify-content:center;padding:var(--spacing-md) 0}.chat-demo-dot{background-color:var(--border-light);border:none;border-radius:50%;cursor:pointer;height:10px;margin:0 6px;padding:0;transition:all .3s ease;width:10px}.chat-demo-dot:hover{background-color:var(--text-secondary);-webkit-transform:scale(1.2);transform:scale(1.2)}.chat-demo-dot.active{background-color:var(--accent);box-shadow:0 0 10px var(--accent);height:12px;width:12px}.chat-demo-dot:focus{outline:none}.chat-demo-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pricing-page{background-color:var(--background-primary);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;max-width:100%;min-height:100vh;overflow-x:hidden;padding:120px 20px 80px;position:relative}.pricing-page>*{position:relative;z-index:1}.pricing-header{margin-bottom:60px;text-align:center}.pricing-header h1{color:var(--accent);font-family:"Source Serif 4",serif;font-size:3rem;font-weight:400;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.pricing-header p{color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.pricing-tiers{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:80px}.pricing-tier{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px var(--shadow-light);padding:40px 30px;position:relative;transition:box-shadow var(--transition-short),-webkit-transform var(--transition-short);transition:transform var(--transition-short),box-shadow var(--transition-short);transition:transform var(--transition-short),box-shadow var(--transition-short),-webkit-transform var(--transition-short);width:300px}.pricing-tier:hover{box-shadow:0 12px 24px var(--shadow-main);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.pricing-tier.highlighted{border:2px solid var(--accent);-webkit-transform:scale(1.05);transform:scale(1.05);z-index:1}.pricing-tier.highlighted:hover{-webkit-transform:translateY(-10px) scale(1.05);transform:translateY(-10px) scale(1.05)}.most-popular{background-color:var(--accent);border-radius:20px;color:var(--text-primary);font-size:.9rem;font-weight:700;left:50%;padding:5px 15px;position:absolute;top:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tier-header{margin-bottom:30px;text-align:center}.tier-header h2{color:var(--accent);font-family:"Source Serif 4",serif;font-size:2rem;font-weight:400;margin-bottom:15px;text-transform:uppercase}.price{color:var(--text-primary);font-size:3rem;font-weight:700}.price span{color:var(--text-secondary);font-size:1rem;font-weight:400}.tier-features{margin-bottom:30px}.tier-features ul{list-style-type:none;padding:0}.tier-features li{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:10px 0}.tier-features li:last-child{border-bottom:none}.tier-features li:before{color:var(--accent);content:"✓ ";font-weight:700;margin-right:5px}.tier-button,.tier-cta{text-align:center}.tier-button{border-radius:var(--border-radius-md);cursor:pointer;display:inline-block;font-weight:700;letter-spacing:1px;padding:12px 24px;text-decoration:none;text-transform:uppercase;transition:all var(--transition-short);width:100%}.tier-button.free{background-color:initial;border:2px solid var(--accent);color:var(--accent)}.tier-button.free:hover{background-color:var(--button-secondary-hover);box-shadow:0 4px 8px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tier-button.pro{background-color:var(--button-primary);border:none;color:var(--text-primary)}.tier-button.pro:hover{background-color:var(--button-primary-hover);box-shadow:0 4px 8px var(--shadow-main);color:var(--text-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tier-button.enterprise{background-color:var(--background-primary);border:2px solid var(--accent);color:var(--accent)}.tier-button.enterprise:hover{background-color:var(--button-secondary-hover);box-shadow:0 4px 8px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.coming-soon-text{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:1rem;font-style:italic;margin-top:10px}.pricing-faq{margin:0 auto 80px;max-width:800px}.pricing-faq h2{color:var(--accent);font-family:"Source Serif 4",serif;font-size:2rem;font-weight:400;letter-spacing:1px;margin-bottom:40px;text-align:center;text-transform:uppercase}.faq-item{background-color:var(--background-secondary);border-radius:var(--border-radius-md);margin-bottom:20px;padding:20px 30px}.faq-item h3{color:var(--accent);font-size:1.2rem;font-weight:500;margin-bottom:10px}.faq-item p{color:var(--text-secondary)}.pricing-cta{background-color:var(--background-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px var(--shadow-main);margin:0 auto;max-width:800px;padding:60px 30px;text-align:center}.pricing-cta h2{color:var(--accent);font-family:"Source Serif 4",serif;font-size:2rem;font-weight:400;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.pricing-cta p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:30px}@media (max-width:992px){.pricing-tiers{align-items:center;flex-direction:column;gap:40px}.pricing-tier,.pricing-tier.highlighted{max-width:400px;-webkit-transform:none;transform:none;width:100%}.pricing-tier.highlighted:hover,.pricing-tier:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@media (max-width:480px){.pricing-header h1{font-size:2.5rem}.pricing-cta p,.pricing-header p{font-size:1rem}.pricing-cta h2,.pricing-faq h2{font-size:1.8rem}.faq-item{padding:15px 20px}}.pricing-cta .primary-button:hover{color:var(--text-primary)}.email-signup-container{background:var(--background-secondary);border-radius:12px;box-shadow:0 8px 20px var(--shadow-light),0 0 5px var(--shadow-main);margin:80px auto;max-width:500px;padding:40px;position:relative;text-align:center;transition:box-shadow var(--transition-short),-webkit-transform var(--transition-short);transition:transform var(--transition-short),box-shadow var(--transition-short);transition:transform var(--transition-short),box-shadow var(--transition-short),-webkit-transform var(--transition-short);z-index:2}.email-signup-container:hover{box-shadow:0 12px 24px var(--shadow-main),0 0 15px rgba(218,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.email-signup-container h2{color:var(--text-primary);font-family:"Source Serif 4",serif;font-weight:400;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.email-signup-container p{color:var(--text-color-secondary);margin-bottom:25px}.email-signup-form{gap:20px}.email-signup-form,.email-signup-form .form-group{display:flex;flex-direction:column}.email-signup-form input{background-color:var(--bg-color-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color-primary);font-size:16px;padding:15px}.email-signup-form input:focus{border-color:var(--primary-color);outline:none}.email-error{color:#e53935}.signup-submit-btn{background-color:#da0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:15px;transition:background-color .3s}.signup-submit-btn:hover{background-color:#b50000}.back-to-pricing-btn{background:transparent;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:14px;padding:10px;transition:color .3s}.back-to-pricing-btn:hover{color:var(--primary-color)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.7);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-overlay p{color:#fff;font-size:18px;margin-top:15px}.verification-message-container{align-items:center;display:flex;justify-content:center;min-height:50vh;width:100%}.verification-message{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:600px;padding:32px;text-align:center}.verification-icon{margin-bottom:20px}.verification-message h2{color:#2e7d32;font-family:"Source Serif 4",serif;font-weight:400;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.verification-message p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:24px}.verification-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.verification-message .primary-button{background-color:var(--button-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .2s}.verification-message .primary-button:hover{background-color:var(--button-primary-hover)}.verification-message .secondary-button{background-color:initial;border:1px solid var(--accent);border-radius:4px;color:var(--accent);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.verification-message .secondary-button:hover{background-color:var(--button-secondary-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:480px){.captcha-container{margin:10px 0;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:center;transform-origin:center}}.captcha-error{color:#e53935}.email-error-with-action{display:flex;flex-direction:column;gap:10px;margin-top:8px}.email-error-with-action p{color:#e53935;font-size:14px;margin:0}.error-action-btn{background-color:initial;border:1px solid #da0000;border-radius:4px;color:#da0000;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.error-action-btn:hover{background-color:rgba(218,0,0,.1)}.auth-screen-container{align-items:center;background-color:var(--background-default);display:flex;justify-content:center;margin-top:80px;min-height:calc(100vh - 200px);padding:40px 20px 120px}.auth-screen-card{background:var(--background-paper);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 30px var(--shadow-main);max-width:500px;padding:40px;text-align:center;width:100%}.auth-screen-card h1,.auth-screen-card h2{color:var(--text-primary);font-family:Cinzel,serif;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.auth-screen-card p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:24px}.auth-error-state,.auth-loading,.auth-success{align-items:center;display:flex;flex-direction:column;gap:20px}.auth-icon{fill:currentColor;height:48px;width:48px}.auth-success .auth-icon{color:var(--success)}.auth-error-state .auth-icon{color:var(--error)}.auth-button{border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:8px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-short);width:100%}.auth-button,.auth-button.primary{background-color:var(--button-primary)}.auth-button.primary:hover{background-color:var(--button-primary-hover);box-shadow:0 4px 8px var(--shadow-main);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.auth-button.secondary{background-color:initial;border:1px solid var(--button-primary);color:var(--button-primary)}.auth-button.secondary:hover{background-color:rgba(var(--primary-color-rgb),.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.membership-info{background-color:var(--background-paper-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin:24px 0;padding:24px;text-align:left;width:100%}.membership-info h3{color:var(--text-primary);font-family:Cinzel,serif;font-size:18px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.membership-info ul{list-style-type:none;margin:0;padding:0}.membership-info li{color:var(--text-secondary);font-size:14px;padding:8px 0 8px 28px;position:relative}.membership-info li:before{color:var(--success);content:"✓";font-weight:700;left:0;position:absolute}.auth-form-container{text-align:left;width:100%}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-group input{background-color:var(--background-paper-light);border:1px solid #da0000!important;border-radius:var(--border-radius-md);color:var(--text-primary);font-size:16px;padding:12px 16px;transition:all var(--transition-short)}.form-group input:focus{border-color:#da0000!important;box-shadow:0 0 0 2px rgba(218,0,0,.2);outline:none}.auth-error{background-color:rgba(var(--error-rgb),.1);border:1px solid rgba(var(--error-rgb),.3);border-radius:var(--border-radius-md);color:var(--error);font-size:14px;margin-bottom:8px;padding:12px}.auth-options{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:24px}.text-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.text-button:hover{color:var(--accent-hover)}.auth-switch{color:var(--text-secondary);font-size:14px;margin:0}.auth-link{color:var(--accent);font-weight:500;text-decoration:none}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.redirect-message{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px;width:100%}.redirect-message p{font-size:14px;margin-bottom:16px;opacity:.7}.auth-error-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.resend-message{border-radius:4px;font-size:14px;font-weight:500;margin:10px 0;padding:10px}.resend-message.success{background-color:rgba(46,125,50,.1);border:1px solid rgba(46,125,50,.3);color:#2e7d32}.resend-message.error{background-color:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#f44336}.resend-form{margin-top:20px;width:100%}.resend-form p{color:var(--text-secondary);font-size:14px}.resend-form .form-group,.resend-form p{margin-bottom:16px}.resend-form input{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:12px;width:100%}.resend-form input:focus{border-color:var(--accent);outline:none}.email-error{color:#f44336;font-size:14px;margin-top:8px;text-align:left}.auth-error-with-action{background-color:rgba(229,57,53,.1);border:1px solid rgba(229,57,53,.3);border-radius:var(--border-radius-md);color:var(--error);display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;text-align:center}.auth-error-with-action p{color:#e53935;font-size:14px;margin:0}.auth-error-with-action .error-action-btn{align-self:center;background-color:initial;border:1px solid #da0000;border-radius:4px;color:#da0000;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.auth-error-with-action .error-action-btn:hover{background-color:rgba(218,0,0,.1)}.auth-success-message{background-color:rgba(46,125,50,.1);border:1px solid rgba(46,125,50,.3);border-radius:var(--border-radius-md);color:#2e7d32;margin-bottom:12px;padding:16px;text-align:center}.auth-success-message p{color:#2e7d32;font-size:14px;margin:0}.captcha-container{align-items:center;display:flex;flex-direction:column;margin:20px 0;min-height:78px;padding:10px;width:100%}.g-recaptcha{min-height:78px;-webkit-transform-origin:center;transform-origin:center}.captcha-error{color:var(--error);font-size:14px;margin-top:8px;text-align:center}.auth-buttons{display:flex;flex-direction:column;gap:12px;margin-top:16px}@media (max-width:600px){.captcha-container{margin:10px 0;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:center;transform-origin:center}.auth-screen-container{padding:20px 20px 100px}.auth-screen-card{padding:24px}.auth-screen-card h1{font-size:24px}.auth-icon{height:40px;width:40px}.membership-info{padding:16px}.auth-button{font-size:14px;padding:10px 20px}}.app-layout-content:has(.tools-container),.app-layout:has(.tools-container),body:has(.tools-container) .app-layout,body:has(.tools-container) .app-layout-content{height:auto!important;min-height:100vh!important;overflow:visible!important}[data-route="/tools"] .app-layout,[data-route="/tools"] .app-layout-content{height:auto!important;min-height:100vh!important;overflow:visible!important}body:has(.tools-container){height:auto!important;overflow:auto!important}html:has(.tools-container){height:auto!important;overflow:auto!important}.tools-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-width:1200px;overflow-y:auto;padding:2rem;scrollbar-width:none;width:100%}.tools-header{border-bottom:2px solid var(--border-main);margin-top:60px}.tools-header h1{color:var(--text-primary);font-size:2.5rem;margin:0 0 .5rem}.tools-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.tools-content{display:grid;max-width:600px;padding:2rem 2rem 100px;width:100%}@media (max-width:768px){.tools-content{padding:1rem 1rem 100px}.generated-video,.visualization-section,.volume-analysis-section,.volume-data,.volume-stats,.waveform-container{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.volume-stats{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.waveform-bar{max-width:3px;min-width:1px}.waveform-container{gap:.5px;height:50px;padding:.25rem}.circle-size-control{max-width:200px;width:100%}.circle-size-input{max-width:80px}}.voice-training-card{background:var(--background-paper);border:2px solid var(--accent);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:32px;position:relative;text-align:center;transition:all .3s ease;width:100%}.voice-training-card:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px rgba(220,38,38,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.voice-card-icon{align-items:center;display:flex;font-size:3.5rem;justify-content:center;margin-bottom:8px}.voice-card-icon img{height:70px;object-fit:contain;width:70px}.voice-training-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.voice-training-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.video-upload-info{background-color:var(--background-secondary);border-radius:var(--border-radius-sm);margin:12px 0;padding:12px;text-align:left}.video-upload-info p{font-size:.9rem;margin:6px 0}.video-upload-info strong{color:var(--text-primary);font-weight:600}.audio-preview,.video-preview{background:var(--background-secondary);border:1px solid var(--border-main);border-radius:6px;margin-top:1rem;padding:1rem}.audio-preview h4,.video-preview h4{color:var(--text-primary);margin:0 0 .5rem}.video-loading-placeholder{align-items:center;background-color:var(--background-secondary);border:2px dashed var(--border-main);border-radius:8px;color:var(--text-secondary);display:flex;height:400px;justify-content:center;max-width:500px}.analysis-controls,.extraction-controls,.generation-controls{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.volume-analysis-section{box-sizing:border-box;margin-top:20px;max-width:100%;overflow:hidden;width:100%}.sample-rate-control{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;width:200px}.sample-rate-control label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.sample-rate-input{background:var(--background-input);border:1px solid var(--border-main);border-radius:4px;color:var(--text-primary);font-size:.9rem;max-width:200px;padding:.5rem}.circle-size-control{display:flex;flex-direction:column;gap:.5rem;margin:1rem auto;text-align:center;width:250px}.circle-size-control label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.circle-size-input{background:var(--background-input);border:1px solid var(--border-main);border-radius:4px;color:var(--text-primary);font-size:.9rem;margin:0 auto;max-width:100px;padding:.5rem;text-align:center}.circle-size-info{margin-top:.25rem}.circle-size-info small{color:var(--text-secondary);font-style:italic}.progress-bar{background:var(--background-secondary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:var(--accent);height:100%;transition:width .3s ease}.volume-data{background:var(--background-secondary);border:1px solid var(--border-main);border-radius:6px;margin-top:1rem;overflow:hidden;padding:1rem}.volume-data,.volume-stats{box-sizing:border-box;max-width:100%;width:100%}.volume-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.volume-stats p{font-size:.9rem;margin:.25rem 0}.volume-preview h5{color:var(--text-primary);margin:0 0 .5rem}.waveform-container{align-items:end;background:var(--background-primary);border:1px solid var(--border-main);border-radius:4px;box-sizing:border-box;display:flex;gap:1px;height:80px;justify-content:center;max-width:100%;overflow-x:auto;padding:.5rem;width:100%}.waveform-bar{background:var(--text-secondary);border-radius:1px;flex-shrink:0;max-width:4px;min-width:2px;transition:all .1s ease}.visualization-section{margin-top:20px}.generated-video,.visualization-section{box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.download-controls,.generated-video{margin-top:1rem}.download-button{background:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:auto;padding:12px 24px;text-align:center;transition:all var(--transition-short);width:100%}.download-button:hover{background:#fff;color:var(--accent)}.reset-section{margin-top:20px}.reset-button{background-color:#dc3545;background-color:var(--error,#dc3545);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;transition:all var(--transition-short);width:100%}.reset-button:hover{background-color:#c82333;background-color:var(--error-hover,#c82333);box-shadow:0 4px 12px rgba(220,53,69,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}
/*# sourceMappingURL=main.09b1655d.css.map*/