body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{background:#f8f8f8;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:400px;padding:20px;width:100%}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form h2{color:#333;margin:0 0 10px;text-align:center}.form-group{gap:8px}.form-group label{color:#555;font-size:14px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .2s ease}.form-group input:focus{border-color:#007bff;outline:none}.button-group{display:flex;gap:10px;margin-top:10px}.primary-button,.secondary-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .2s ease}.primary-button{background-color:#007bff;color:#fff}.primary-button:hover{background-color:#0069d9}.secondary-button{background-color:#f8f9fa;border:1px solid #ddd;color:#212529}.secondary-button:hover{background-color:#e9ecef}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6}.auth-link{color:#007bff;cursor:pointer;font-size:14px;margin-top:10px;text-align:center;text-decoration:underline}.auth-link:hover{color:#0056b3}.error-message{background-color:#f8d7da;color:#721c24}.error-message,.success-message{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px;text-align:center}.success-message{background-color:#d4edda;color:#155724}.user-profile{display:flex;flex-direction:column}.profile-header{align-items:center;display:flex;justify-content:space-between}.user-info{color:#333;font-size:16px}.logout-button,.user-info strong{font-weight:600}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .2s ease}.logout-button:hover{background-color:#c82333}.sessions-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.session-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;padding:12px;transition:border-color .2s ease}.session-item:hover{border-color:#007bff}.session-item-active{border-left:4px solid #28a745}.session-name{color:#333;font-weight:600}.session-id{color:#6c757d;font-size:12px}.session-actions{display:flex;gap:8px}.session-action-button{background-color:initial;border:none;color:#6c757d;cursor:pointer;font-size:14px;transition:color .2s ease}.session-action-button:hover{color:#007bff}.delete-button:hover{color:#dc3545}.add-session-button{background-color:#f8f9fa;border:1px dashed #ddd;border-radius:4px;color:#6c757d;cursor:pointer;margin-top:10px;padding:10px;text-align:center;transition:all .2s ease}.add-session-button:hover{background-color:#e9ecef;border-color:#007bff;color:#007bff}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-width:400px;padding:20px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.modal-title{color:#333;font-size:20px;margin:0}.close-button{background:#0000;border:none;color:#6c757d;cursor:pointer;font-size:24px;line-height:1;padding:0}.close-button:hover{color:#333}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.quota-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;min-height:120px;padding:20px;transition:box-shadow .2s ease}.quota-title{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.quota-content{min-height:70px}.quota-error,.quota-loading{color:#6c757d;font-size:14px;padding:20px 0;text-align:center}.quota-error{color:#dc3545}.quota-progress-container{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.quota-progress-bar{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.quota-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.quota-usage{color:#333;font-size:14px}.quota-current{font-weight:600}.quota-limit,.quota-separator,.quota-unit{color:#6c757d}.quota-remaining{font-size:14px}.quota-remaining-value{font-weight:600}.quota-remaining-label{color:#6c757d}.quota-good{color:#28a745}.quota-warning{color:#ffc107}.quota-critical{color:#dc3545}.quota-reset{border-top:1px solid #eee;color:#6c757d;font-size:12px;padding-top:8px;text-align:center}.quota-reset strong{color:#333}.quota-compact{color:#666;font-size:11px}.quota-compact-error,.quota-compact-loading{color:#999;font-size:11px}.quota-compact-display{display:inline-block;position:relative}.quota-compact-text{background-color:#f0f0f0;border-radius:3px;cursor:pointer;padding:2px 6px;transition:background-color .2s ease}.quota-compact-text:hover{background-color:#e0e0e0}.quota-compact-display:hover .quota-compact-tooltip{opacity:1;transform:translateY(0);visibility:visible}.quota-compact-tooltip{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:220px;opacity:0;padding:12px;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-5px);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.quota-compact-tooltip:before{border-bottom:6px solid #ddd;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;position:absolute;right:15px;top:-6px;width:0}.quota-compact-tooltip:after{border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;position:absolute;right:16px;top:-5px;width:0}.quota-tooltip-remaining,.quota-tooltip-reset,.quota-tooltip-usage{color:#333;font-size:13px;margin-bottom:6px}.quota-tooltip-remaining{font-weight:600}.quota-tooltip-reset{border-top:1px solid #eee;color:#666;margin-bottom:0;padding-top:6px}*{box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.top-right-actions{display:flex;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.dark-mode-toggle{align-items:center;background-color:initial;border:2px solid #ccc;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.dark-mode-toggle:hover{border-color:#06c;transform:scale(1.1)}body.dark-mode .dark-mode-toggle{border-color:#555}body.dark-mode .dark-mode-toggle:hover{border-color:#4d9fff}.buy-me-coffee{align-items:center;background-color:#fd0;border:2px solid #fd0;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.buy-me-coffee:hover{background-color:#ffc700;box-shadow:0 4px 8px #0003;transform:scale(1.1)}body.dark-mode .buy-me-coffee{background-color:#fd0;border-color:#fd0}body.dark-mode .buy-me-coffee:hover{background-color:#ffc700}.App{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px;text-align:center;width:100%}.App-header{flex-direction:column;position:relative}.App-header,.header-title{align-items:center;display:flex}.header-title{gap:15px;margin-bottom:10px}.app-logo{height:200px;object-fit:contain;width:auto}.App-header h1{color:#333;margin:0}.App-header .disclaimer{background-color:#fff8e6;border-left:3px solid #faad14;border-radius:4px;margin:10px 0;padding:8px 16px}.App-header .disclaimer small{color:#8c6d1f;font-size:.9em}.user-section{align-items:center;display:flex;gap:10px;position:absolute;right:0;top:0}.user-info-group{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.user-greeting{color:#555;font-size:14px}.auth-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:background-color .2s}.auth-button:hover{background-color:#05a}.auth-modal{margin:20px 0}.session-display{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:20px 0;padding:20px;text-align:center;transition:box-shadow .2s ease;width:100%}.session-display h2{color:#333;margin-bottom:15px}.session-id{background-color:#f0f8ff;border-radius:4px;color:#06c;display:inline-block;font-family:Monaco,Consolas,Courier New,monospace;font-size:36px;font-weight:700;letter-spacing:4px;max-width:100%;padding:10px;word-break:break-all}.session-display p{color:#555;margin:15px 0}.session-display button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:background-color .3s}.session-display button:hover{background-color:#05a}.session-display button:disabled{background-color:#ccc;cursor:not-allowed}.session-info{background-color:#f0f8ff;border-left:4px solid #06c;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:20px 0;padding:20px}.session-info p{margin:10px 0}.session-info strong{color:#06c}.retention-notice{background-color:#fff8e6;border-left:4px solid #faad14;border-radius:8px;margin:20px 0;padding:12px 20px;text-align:center}.retention-notice small{color:#8c6d1f;font-size:.85em}.tab-navigation{gap:20px;margin:30px 0 20px;padding:0 20px}.tab-button,.tab-navigation{display:flex;justify-content:center}.tab-button{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;flex-direction:column;gap:8px;height:120px;padding:10px;transition:all .3s ease;width:160px}.tab-button:hover{border-color:#06c;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.tab-button.active{background-color:#06c;border-color:#06c;box-shadow:0 4px 12px #0066cc4d}.tab-icon{font-size:36px;transition:transform .2s ease}.tab-button:hover .tab-icon{transform:scale(1.1)}.tab-label{color:#333;font-size:12px;font-weight:600;line-height:1.3;text-align:center;transition:color .3s ease}.tab-button.active .tab-label{color:#fff}.tab-content{animation:fadeIn .3s ease-in;width:100%}.plugin-section{display:flex;flex-direction:column;gap:20px;width:100%}.plugin-config-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:20px}.api-key-display{text-align:center}.api-key-display h2{color:#333;margin-bottom:15px}.api-key-display p{color:#555;margin:15px 0}.installation-guide h3{color:#333;font-size:20px;margin-bottom:15px;text-align:center}.installation-guide .version-badge{font-size:14px;font-weight:400;margin-left:10px}.audio-player{margin-top:20px;min-height:100px}.audio-placeholder{background-color:#f5f5f5;border:2px dashed #ccc;border-radius:8px;padding:30px 20px;text-align:center}.audio-placeholder p{color:#666;font-size:16px;font-weight:500;margin:8px 0}.audio-placeholder-hint{color:#888!important;font-size:14px!important;font-style:italic;font-weight:400!important}.audio-info{background-color:#e6f7ff;border-left:4px solid #1890ff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.audio-info p{color:#333;margin:10px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}footer{border-top:1px solid #eee;color:#666;font-size:14px;margin-top:50px;padding-top:20px}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}body.dark-mode .App,body.dark-mode .App-header h1{color:#e0e0e0}body.dark-mode .App-header .disclaimer{background-color:#2d2415;border-left-color:#d89614}body.dark-mode .App-header .disclaimer small{color:#d89614}body.dark-mode .user-greeting{color:#b0b0b0}body.dark-mode .auth-button{background-color:#1a5caa}body.dark-mode .auth-button:hover{background-color:#1446a0}body.dark-mode .session-display{background-color:#2a2a2a;box-shadow:0 2px 8px #0000004d}body.dark-mode .session-display h2{color:#e0e0e0}body.dark-mode .session-id{background-color:#1a2533;color:#4d9fff}body.dark-mode .session-display p{color:#b0b0b0}body.dark-mode .session-display button{background-color:#1a5caa}body.dark-mode .session-display button:hover{background-color:#1446a0}body.dark-mode .session-display button:disabled{background-color:#3a3a3a}body.dark-mode .session-info{background-color:#1a2533;border-left-color:#4d9fff;box-shadow:0 2px 8px #0000004d}body.dark-mode .session-info p{color:#e0e0e0}body.dark-mode .session-info strong{color:#4d9fff}body.dark-mode .retention-notice{background-color:#2d2415;border-left-color:#d89614}body.dark-mode .retention-notice small{color:#d89614}body.dark-mode .audio-info{background-color:#1a2940;border-left-color:#4d9fff;box-shadow:0 2px 8px #0000004d}body.dark-mode .audio-info p{color:#e0e0e0}body.dark-mode footer{border-top-color:#3a3a3a;color:#888}.config-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#333;margin:20px 0;padding:20px;text-align:left;transition:box-shadow .2s ease;width:100%}.config-card h2{color:#333;margin-bottom:8px;text-align:center}.config-subtitle{color:#666;font-size:13px;font-style:italic;line-height:1.4;margin:0 0 20px;text-align:center}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{color:#333;font-weight:600;margin-bottom:6px}.form-group select{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;color:#333;font-size:14px;padding:10px;transition:border-color .2s,box-shadow .2s}.form-group select:focus{border-color:#06c;box-shadow:0 0 3px #0066cc80;outline:none}.field-description{color:#666;font-size:13px;font-style:italic;line-height:1.4;margin:8px 0 0}.config-card button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:background-color .3s;width:100%}.config-card button:hover{background-color:#05a}.config-card button:disabled{background-color:#ccc;cursor:not-allowed}.save-status{color:#555;font-size:14px;margin-top:10px;text-align:center}.future-plans{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:30px;width:100%}.future-plans h2{color:#333;font-size:24px;margin-bottom:15px;text-align:center}.future-plans-intro{color:#666;font-size:15px;margin-bottom:30px;text-align:center}.feature-list{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.feature-item{align-items:flex-start;background-color:#f8f9fa;border-left:4px solid #06c;border-radius:8px;display:flex;gap:20px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.feature-icon{flex-shrink:0;font-size:36px}.feature-content h3{color:#333;font-size:18px;margin:0 0 10px}.feature-content p{color:#666;font-size:14px;line-height:1.6;margin:0}.future-plans-footer{border-top:1px solid #eee;color:#666;font-style:italic;padding-top:20px;text-align:center}.audio-history{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:20px 0;min-height:200px;padding:20px;text-align:left;transition:box-shadow .2s ease;width:100%}.audio-history h3{color:#333;margin-bottom:15px;text-align:center}.history-content{display:flex;flex-direction:column;min-height:200px}.history-status{align-items:center;color:#666;display:flex;flex:1 1;justify-content:center;padding:20px 0;text-align:center}.history-status.error{color:#dc3545}.history-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.history-item{align-items:center;border-bottom:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:background-color .2s}.history-item:hover{background-color:#f5f5f5}.history-item.selected{background-color:#e3f2fd;border-left:3px solid #06c}.history-item:last-child{border-bottom:none}.history-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.history-time{color:#666;font-size:12px}.history-preview{color:#333;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-book{color:#2c5282;font-size:13px;font-weight:500}.history-page{color:#718096;font-weight:400}.history-voice{background-color:#f3e8ff;border-radius:3px;color:#805ad5;font-size:11px;padding:2px 6px;width:fit-content}.text-preview{color:#666;font-size:14px;font-style:italic}.audio-player audio{margin-bottom:10px;width:100%}.grouped-history{width:100%}.book-group{margin-bottom:20px}.book-group:last-child{margin-bottom:0}.book-group-title{background-color:#f0f8ff;border-left:3px solid #06c;border-radius:4px;color:#06c;font-size:15px;font-weight:600;margin:0 0 10px;padding:8px 12px}.book-group .history-list{margin-top:0}.error-notification{animation:slideIn .3s ease-out;background-color:#fff2f0;border-left:4px solid #ff4d4f;border-radius:8px;box-shadow:0 2px 8px #ff4d4f26;margin:20px 0;padding:20px;text-align:left}.error-notification h3{color:#cf1322;font-size:16px;margin:0 0 10px}.error-notification p{color:#595959;line-height:1.5;margin:8px 0}.error-notification .error-hint{color:#8c8c8c;font-size:13px;font-style:italic;margin-top:12px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.installation-guide{width:100%}.install-guide-toggle{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.install-guide-toggle:hover{background-color:#e9ecef;border-color:#06c}.install-guide-content{animation:slideIn .3s ease-out;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:20px;text-align:left}.version-info{background-color:#f0f8ff;border-left:4px solid #06c;border-radius:6px;margin-bottom:20px;padding:15px}.version-info p{color:#333;font-size:14px;margin:0 0 10px}.version-info p:last-child{margin-bottom:0}.release-date{color:#666;font-size:13px;font-weight:400}.version-badge{background-color:#06c;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}.changelog{margin-top:10px}.changelog summary{color:#06c;cursor:pointer;font-weight:600;padding:8px 0;-webkit-user-select:none;user-select:none}.changelog summary:hover{color:#05a}.changelog ul{margin:10px 0 0 20px;padding:0}.changelog li{color:#555;font-size:13px;line-height:1.5;margin:6px 0}.install-guide-content ol{margin:0;padding-left:25px}.install-guide-content li{color:#333;font-size:14px;line-height:1.6;margin:12px 0}.install-guide-content code{background-color:#f5f5f5;border-radius:3px;color:#d63384;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.install-guide-content a{color:#06c;font-weight:500;text-decoration:none}.install-guide-content a:hover{text-decoration:underline}body.dark-mode .config-card{background-color:#2a2a2a;box-shadow:0 2px 8px #0000004d;color:#e0e0e0}body.dark-mode .config-card h2{color:#e0e0e0}body.dark-mode .config-subtitle{color:#888}body.dark-mode .form-group label{color:#e0e0e0}body.dark-mode .form-group select{background-color:#1a1a1a;border-color:#555;color:#e0e0e0}body.dark-mode .form-group select:focus{border-color:#4d9fff;box-shadow:0 0 3px #4d9fff80}body.dark-mode .config-card button{background-color:#1a5caa}body.dark-mode .config-card button:hover{background-color:#1446a0}body.dark-mode .config-card button:disabled{background-color:#3a3a3a}body.dark-mode .save-status{color:#b0b0b0}body.dark-mode .field-description{color:#888}body.dark-mode .future-plans{background-color:#2a2a2a;box-shadow:0 2px 8px #0000004d}body.dark-mode .future-plans h2{color:#e0e0e0}body.dark-mode .future-plans-intro{color:#b0b0b0}body.dark-mode .feature-item{background-color:#1a1a1a;border-left-color:#4d9fff}body.dark-mode .feature-item:hover{box-shadow:0 4px 12px #0000004d}body.dark-mode .feature-content h3{color:#e0e0e0}body.dark-mode .feature-content p{color:#b0b0b0}body.dark-mode .future-plans-footer{border-top-color:#3a3a3a;color:#888}body.dark-mode .audio-history{background-color:#2a2a2a;box-shadow:0 2px 8px #0000004d}body.dark-mode .audio-history h3{color:#e0e0e0}body.dark-mode .history-status{color:#888}body.dark-mode .history-status.error{color:#ff6b6b}body.dark-mode .history-item{border-bottom-color:#3a3a3a}body.dark-mode .history-item:hover{background-color:#333}body.dark-mode .history-item.selected{background-color:#1a2940;border-left-color:#4d9fff}body.dark-mode .history-time{color:#888}body.dark-mode .history-preview{color:#e0e0e0}body.dark-mode .history-book{color:#6db3ff}body.dark-mode .history-page{color:#b0b0b0}body.dark-mode .history-voice{background-color:#2d1b4e;color:#b794f4}body.dark-mode .text-preview{color:#888}body.dark-mode .book-group-title{background-color:#1a2533;border-left-color:#4d9fff;color:#4d9fff}body.dark-mode .error-notification{background-color:#2d1a1a;border-left-color:#ff6b6b;box-shadow:0 2px 8px #ff6b6b26}body.dark-mode .error-notification h3{color:#ff6b6b}body.dark-mode .error-notification p{color:#b0b0b0}body.dark-mode .error-notification .error-hint{color:#888}body.dark-mode .install-guide-toggle{background-color:#2a2a2a;border-color:#555;color:#e0e0e0}body.dark-mode .install-guide-toggle:hover{background-color:#333;border-color:#4d9fff}body.dark-mode .install-guide-content{background-color:#2a2a2a;border-color:#555;color:#e0e0e0}body.dark-mode .version-info{background-color:#1a2533;border-left-color:#4d9fff}body.dark-mode .version-info p{color:#e0e0e0}body.dark-mode .release-date{color:#888}body.dark-mode .version-badge{background-color:#1a5caa}body.dark-mode .changelog summary{color:#4d9fff}body.dark-mode .changelog summary:hover{color:#6db3ff}body.dark-mode .changelog li{color:#b0b0b0}body.dark-mode .install-guide-content li{color:#e0e0e0}body.dark-mode .install-guide-content code{background-color:#1a1a1a;color:#ff79c6}body.dark-mode .install-guide-content a{color:#4d9fff}body.dark-mode .install-guide-content a:hover{color:#6db3ff}body.dark-mode .tab-button{background-color:#2a2a2a;border-color:#555}body.dark-mode .tab-button:hover{border-color:#4d9fff;box-shadow:0 4px 8px #0000004d}body.dark-mode .tab-button.active{background-color:#1a5caa;border-color:#1a5caa;box-shadow:0 4px 12px #1a5caa66}body.dark-mode .tab-label{color:#e0e0e0}body.dark-mode .tab-button.active .tab-label{color:#fff}body.dark-mode .plugin-config-container{background-color:#2a2a2a;box-shadow:0 2px 8px #0000004d}body.dark-mode .api-key-display h2{color:#e0e0e0}body.dark-mode .api-key-display p{color:#b0b0b0}body.dark-mode .installation-guide h3{color:#e0e0e0}body.dark-mode .audio-placeholder{background-color:#1a1a1a;border-color:#555}body.dark-mode .audio-placeholder p{color:#b0b0b0}body.dark-mode .audio-placeholder-hint{color:#888!important}@media (max-width:600px){.app-logo{height:100px}.header-title{gap:10px}.App-header h1{font-size:1.8em}}@media (max-width:400px){.app-logo{height:80px}.header-title{flex-direction:column;gap:8px}.App-header h1{font-size:1.5em}}@media (max-width:768px){.tab-navigation{gap:10px;padding:0 10px}.tab-button{gap:6px;height:110px;padding:8px;width:120px}.tab-icon{font-size:28px}.tab-label{font-size:11px;line-height:1.2}}@media (max-width:480px){.tab-navigation{gap:8px;padding:0 5px}.tab-button{gap:4px;height:100px;padding:6px;width:100px}.tab-icon{font-size:24px}.tab-label{font-size:10px;line-height:1.2}.top-right-actions{gap:8px;right:10px;top:10px}.buy-me-coffee,.dark-mode-toggle{font-size:20px;height:40px;width:40px}.user-section{margin-top:60px;position:relative}}@media (max-width:768px){.user-section{padding-right:120px}}@media (max-width:600px){.user-section{margin-top:70px;padding-right:0;position:relative}}
/*# sourceMappingURL=main.ffdfc49b.css.map*/