.mobile-select{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-medium);font-size:var(--font-base);background-color:var(--bg-primary);transition:border-color var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.microphone-selector{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px;background-color:#f5f5f5;border-radius:8px}.microphone-selector label{font-weight:500;color:#333}.microphone-selector select{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;color:#333}.microphone-selector select:disabled{background-color:#f0f0f0;cursor:not-allowed}.refresh-button{padding:8px;border:none;border-radius:4px;background-color:#e0e0e0;cursor:pointer;transition:background-color .2s}.refresh-button:hover:not(:disabled){background-color:#d0d0d0}.refresh-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.header-right{flex-direction:column;gap:5px;align-items:flex-start}.header-item{flex-direction:column;align-items:flex-start}.recording-controls{flex-direction:column;gap:10px}.audio-controls{flex-direction:column;align-items:stretch}.question-card{padding:10px;margin:10px 0}.tabs{flex-wrap:wrap;justify-content:flex-start}.tab-button{padding:8px 12px;font-size:14px;margin-bottom:5px}.microphone-selector{flex-direction:column;align-items:stretch;gap:8px}.recording-preview{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#333}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px}.text-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:3px;transition:background-color .2s}.text-button:hover:not(:disabled){background-color:#f0f0f0}.text-button:disabled{color:#ccc;cursor:not-allowed}@media (max-width: 768px){.modal-content{width:95%;margin:10px}.modal-header,.modal-body,.modal-footer{padding:15px}}.recording-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none}.recording-dialog-overlay.open{pointer-events:all}.recording-dialog-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.recording-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.recording-dialog-header{padding:20px 24px 16px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.recording-dialog-header h3{margin:0 0 8px;font-size:20px;font-weight:600}.recording-controls-fixed{padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef;position:-webkit-sticky;position:sticky;top:0;z-index:10;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.recording-dialog-content{flex:1;padding:24px;overflow-y:auto;max-height:calc(85vh - 200px)}.recording-dialog-question{margin-bottom:24px}.question-text{font-size:18px;font-weight:500;color:#333;line-height:1.6;margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.answer-label{font-size:16px;font-weight:600;color:#555;margin-bottom:8px}.answer-content{font-size:16px;color:#666;line-height:1.6;padding:16px;background:#f0f4ff;border-radius:8px;border-left:4px solid #4CAF50}.recording-dialog-controls{display:flex;flex-direction:column;gap:20px}.recording-status{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px;background:#fff3cd;border-radius:8px;border:1px solid #ffeaa7;min-height:48px}.recording-indicator{display:flex;align-items:center;gap:8px;font-weight:500;color:#856404}.recording-dot{width:12px;height:12px;background:#dc3545;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-timer{font-size:18px;font-weight:600;color:#856404;font-family:Courier New,monospace}.uploading-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#d1ecf1;border-radius:8px;border:1px solid #bee5eb;color:#0c5460;font-weight:500;min-height:48px}.uploading-spinner{width:20px;height:20px;border:2px solid #bee5eb;border-top:2px solid #0c5460;border-radius:50%;animation:spin 1s linear infinite}.waiting-connection-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#fff3cd;border-radius:8px;border:1px solid #ffeaa7;color:#856404;font-weight:500;min-height:48px}.waiting-spinner{width:20px;height:20px;border:2px solid #ffeaa7;border-top:2px solid #856404;border-radius:50%;animation:spin 1s linear infinite}.evaluation-result{padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.evaluation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.evaluation-header h4{margin:0;color:#495057;font-size:16px}.audio-playing{display:flex;align-items:center;gap:8px;color:#28a745;font-size:14px}.audio-wave{display:flex;align-items:center;gap:2px}.audio-wave:before,.audio-wave:after{content:"";width:3px;height:12px;background:#28a745;border-radius:2px;animation:wave .6s ease-in-out infinite}.audio-wave:after{animation-delay:.2s}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.replay-audio-btn{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.replay-audio-btn:hover:not(:disabled){background:#218838}.replay-audio-btn:disabled{background:#6c757d;cursor:not-allowed}.evaluation-text{color:#495057;line-height:1.6;font-size:15px}.recording-actions{display:flex;justify-content:center;gap:12px}.stop-recording-btn,.cancel-recording-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:120px}.stop-recording-btn{background:#dc3545;color:#fff}.stop-recording-btn:hover{background:#c82333}.cancel-recording-btn{background:#6c757d;color:#fff}.cancel-recording-btn:hover:not(:disabled){background:#5a6268}.cancel-recording-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}@media (max-width: 768px){.recording-dialog{width:95%;max-height:90vh}.recording-controls-fixed{padding:12px 20px;gap:12px}.recording-dialog-content{padding:20px;max-height:calc(90vh - 180px)}.question-text{font-size:16px;padding:12px}.answer-content{font-size:15px;padding:12px}.recording-dialog-header{padding:16px 20px 12px}.recording-dialog-header h3{font-size:18px}}.mobile-admin-dashboard{padding:calc(var(--status-bar-height, 0px) + 15px) 10px calc(env(safe-area-inset-bottom,0px) + 10px) 10px;min-height:100vh;background-color:var(--bg-primary);box-sizing:border-box}.mobile-custom-dialog-overlay .mobile-form-textarea::placeholder{color:var(--text-secondary)!important;opacity:1!important}.mobile-custom-dialog-overlay .mobile-form-input::placeholder{color:var(--text-secondary)!important;opacity:1!important}body.capacitor-app .mobile-admin-dashboard{padding-top:calc(var(--status-bar-height, 0px) + env(safe-area-inset-top,0px) + 15px)}.mobile-custom-dialog-content{min-height:auto!important;max-height:auto!important;height:auto!important}.mobile-custom-dialog-content .mobile-modal-body{min-height:auto!important;max-height:none!important}.mobile-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);height:40px}.mobile-dashboard-header h1{margin:0;padding:0;font-size:1.5rem;color:var(--text-primary);line-height:1.2;display:flex;align-items:center;height:36px;box-sizing:border-box}.mobile-user-info{display:flex;align-items:center;justify-content:center;font-size:.8rem}.mobile-exit-button{margin:0;padding:0;background-color:transparent;color:var(--text-secondary);border:none;border-radius:0;cursor:pointer;width:30px!important;height:30px;font-size:1.2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;align-self:center;opacity:.6;transition:opacity var(--transition-normal)}.mobile-exit-button:hover{opacity:1;background-color:transparent}.mobile-logout-text{color:var(--primary-color);cursor:pointer;text-decoration:underline;font-weight:500;margin-top:5px}.mobile-logout-text:hover{color:var(--primary-color-dark)}.mobile-dashboard-tabs{display:flex;justify-content:space-between;background-color:var(--bg-secondary);border-radius:8px;padding:5px}.mobile-dashboard-tabs .mobile-tab-button{flex:1;padding:8px 5px;border:none;background-color:transparent;color:var(--text-secondary);font-size:.9rem!important;font-weight:500;cursor:pointer;transition:all var(--transition-normal);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-dashboard-tabs .mobile-tab-button.active{background-color:var(--primary-color);color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,.2);transform:translateY(-1px);border:2px solid var(--primary-hover)}.mobile-dashboard-tabs .mobile-tab-icon{font-size:1.8rem!important}.mobile-dashboard-content{background-color:var(--bg-primary);border-radius:8px;padding:10px;box-shadow:var(--shadow-light)}.mobile-wizard-step h2{margin-top:0;color:var(--text-primary)}.mobile-wizard-step p{color:var(--text-secondary);font-size:1rem}@media (max-width: 480px){.mobile-admin-dashboard{padding:10px 5px 5px}.mobile-dashboard-header{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.mobile-user-info{width:auto;flex-direction:row;justify-content:flex-end;align-items:center}.mobile-dashboard-tabs{flex-direction:row;gap:5px}.mobile-dashboard-tabs .mobile-tab-button{flex:1;flex-direction:column;justify-content:center;gap:4px}.mobile-dashboard-content{padding:5px}}.mobile-learning-set-manager{padding:10px;background-color:var(--bg-primary)}.mobile-manager-header{margin-bottom:5px;padding-bottom:5px;position:relative;min-height:50px}.mobile-btn-full-width{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.mobile-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all var(--transition-normal)}.mobile-btn-primary:disabled{background-color:var(--disabled-color);cursor:not-allowed}.mobile-btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.mobile-btn-outline:disabled{color:var(--text-secondary);cursor:not-allowed}.mobile-error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:8px}.mobile-create-form-card{background-color:var(--bg-secondary);border-radius:8px;padding:15px;margin-bottom:10px;box-shadow:var(--shadow-light)}.mobile-card-header h3{margin-top:0;color:var(--text-primary)}.mobile-form-group{margin-bottom:10px}.mobile-form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-secondary)}.mobile-form-textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;resize:vertical;min-height:60px;height:60px}.mobile-form-textarea::placeholder{color:var(--text-secondary)!important;opacity:1!important}.mobile-form-buttons{display:flex;justify-content:flex-end;gap:10px}.mobile-section-header{display:flex;justify-content:space-between;align-items:center;margin:10px 0 5px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.mobile-subjects-section{margin-top:30px}.mobile-form-label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-primary);font-size:14px}.mobile-section-header h3{margin:0;color:var(--text-primary)}.mobile-items-list{display:flex;flex-direction:column;gap:5px}.mobile-item-card{background-color:var(--bg-secondary);border-radius:8px;padding:10px;box-shadow:var(--shadow-light);transition:all var(--transition-normal);border:1px solid var(--border-color)}.mobile-item-card:hover{background-color:var(--bg-hover)}.mobile-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mobile-item-header h4{margin:0;color:var(--text-primary);font-size:1.1rem}.mobile-delete-button{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px;border-radius:4px}.mobile-delete-button:disabled{opacity:.5;cursor:not-allowed}.mobile-item-description{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.mobile-item-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:5px}.mobile-item-meta .mobile-deactivated{color:var(--danger-color);font-weight:700}.mobile-edit-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.mobile-edit-buttons{display:flex;gap:8px;flex-wrap:wrap}.mobile-edit-button{background-color:var(--secondary-color);color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.9rem}.mobile-edit-button:disabled{background-color:var(--disabled-color);cursor:not-allowed}.mobile-option-input{display:flex;gap:10px;margin-bottom:10px}.mobile-option-input .mobile-form-input{flex:1}.mobile-loading-container{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--text-secondary)}.mobile-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.mobile-manager-header,.mobile-section-header{flex-direction:column;align-items:flex-start;gap:10px}.mobile-form-buttons{flex-direction:column}.mobile-btn{width:100%}}.mobile-manager-footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.mobile-btn-full-width{width:100%;padding:12px;font-size:1rem}.mobile-subjects-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:stretch;justify-content:center;padding:var(--status-bar-height, 0px) 10px calc(env(safe-area-inset-bottom,0px) + 10px) 10px;overflow-y:auto;box-sizing:border-box}body.capacitor-app .mobile-subjects-dialog-overlay{padding-top:calc(var(--status-bar-height, 0px) + env(safe-area-inset-top,0px))}.mobile-subjects-dialog{background-color:var(--bg-primary);border-radius:12px;width:100%;max-width:800px;max-height:calc(100vh - var(--status-bar-height, 0px) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px);height:100%;overflow:hidden;box-shadow:var(--shadow-medium);display:flex;flex-direction:column}.mobile-dialog-header h3{margin:0;color:var(--text-primary);font-size:1.2rem}.mobile-dialog-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:5px;border-radius:4px;transition:all var(--transition-normal)}.mobile-dialog-content{padding:20px;flex:1;overflow-y:auto;min-height:auto;display:flex;flex-direction:column}.mobile-dialog-content .mobile-section-header{margin-top:0;padding-top:0;border-top:none}.mobile-subjects-dialog .mobile-items-list{max-height:none;overflow-y:visible;flex:1}.mobile-subjects-dialog .mobile-items-list:empty{min-height:150px;display:flex;align-items:center;justify-content:center}.mobile-subjects-dialog .mobile-items-list:empty:after{content:"暂无数据";color:var(--text-secondary);font-size:1rem}.mobile-share-codes-list h4{margin:0 0 15px;color:var(--text-primary);font-size:1.1rem}.mobile-share-code-name{margin:0;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:color var(--transition-normal)}.mobile-share-code-name:hover{color:var(--primary-color)}.mobile-item-header-actions{display:flex;gap:5px}.mobile-inline-edit{display:flex;align-items:center;gap:10px;flex:1}.mobile-inline-edit .mobile-form-input{flex:1;margin:0}.mobile-inline-edit-buttons{display:flex;gap:5px}.mobile-btn-icon{background:none;border:none;cursor:pointer;font-size:1rem;padding:5px;border-radius:4px;transition:background-color var(--transition-normal)}.mobile-btn-icon:hover{background-color:var(--bg-hover)}.mobile-btn-icon:disabled{opacity:.5;cursor:not-allowed}.mobile-share-codes-list .mobile-items-list:empty{min-height:150px;display:flex;align-items:center;justify-content:center}.mobile-share-codes-list .mobile-items-list:empty:after{content:"暂无分享码";color:var(--text-secondary);font-size:1rem}.hierarchy-selector{max-width:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.hierarchy-selector.disabled{pointer-events:none;opacity:.6}.error-message{background-color:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;border:1px solid #fecaca;margin-bottom:20px;font-size:14px;font-weight:500}.selector-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.selector-section:last-of-type{border-bottom:none;margin-bottom:16px}.section-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;font-size:15px;color:#1f2937}.label-text{display:flex;align-items:center;gap:6px}.loading-indicator{display:inline-block;animation:spin 1s linear infinite;color:#3b82f6;font-size:14px}.options-list{display:flex;flex-direction:column;gap:8px}.option-card{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.option-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.15)}.option-card.selected{border-color:#3b82f6;background-color:#eff6ff;box-shadow:0 2px 8px rgba(59,130,246,.15)}.option-card.selected:before{content:"✓";position:absolute;top:6px;right:8px;font-size:14px;color:#3b82f6;font-weight:700}.option-icon{font-size:18px;line-height:1;flex-shrink:0}.option-content{flex:1;min-width:0}.option-name{font-weight:500;font-size:15px;color:#1f2937;margin-bottom:2px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-description{font-size:13px;color:#6b7280;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-meta{font-size:11px;color:#9ca3af;font-weight:500}.empty-message{text-align:center;color:#6b7280;font-style:italic;padding:20px;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;font-size:14px}.selection-status{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.status-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;border-bottom:1px solid #f3f4f6}.status-item:last-of-type{border-bottom:none}.status-item.complete{color:#065f46}.status-item.incomplete{color:#6b7280}.status-icon{font-size:14px;flex-shrink:0}.status-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completion-status{margin-top:12px;padding-top:12px;border-top:2px solid #f3f4f6;text-align:center;font-weight:600;font-size:14px}.completion-status.complete{color:#065f46;background-color:#f0fdf4;padding:10px;border-radius:6px;border:1px solid #bbf7d0;display:flex;align-items:center;justify-content:center;gap:8px}.completion-status.incomplete{color:#92400e;background-color:#fffbeb;padding:10px;border-radius:6px;border:1px solid #fde68a}@media (max-width: 480px){.hierarchy-selector{padding:0 12px}.option-card{padding:10px;gap:8px}.option-name{font-size:14px}.option-description{font-size:12px}.option-icon{font-size:16px}.selector-section{margin-bottom:20px;padding-bottom:12px}.section-label{font-size:14px}.selection-status{padding:12px}.status-item{font-size:12px;gap:8px}}.option-card{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.selector-section{animation:fadeIn .4s ease forwards}@media (prefers-contrast: high){.option-card,.option-card:hover,.option-card.selected,.completion-status.complete,.completion-status.incomplete{border-width:2px}}.collapse-button-inline{background:none;border:1px solid #065f46;color:#065f46;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500}.collapse-button-inline:hover{background-color:#065f46;color:#fff}.collapse-button-inline:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.option-card,.selector-section,.loading-indicator{animation:none}}.mobile-question-import-container{padding:10px;background-color:var(--bg-primary)}.mobile-import-header{margin-bottom:20px}.mobile-import-header h2{margin:0 10px;color:var(--text-primary)}.mobile-import-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.mobile-regex-pattern-item{border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:10px;background-color:var(--bg-secondary)}.mobile-regex-pattern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-regex-pattern-number{font-weight:700;color:var(--text-primary);font-size:.9rem}.mobile-regex-input-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mobile-regex-input{flex:1;min-width:200px;height:36px;box-sizing:border-box;padding:8px 12px;line-height:1.2;width:auto;font-size:.9rem}.mobile-regex-checkbox-wrapper{display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;height:36px}.mobile-regex-checkbox{margin:0;width:16px;height:16px;cursor:pointer;flex-shrink:0}.mobile-checkbox-label{font-size:.85rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;line-height:16px;display:inline-block;margin:0;padding:0;position:relative;top:2px}button.mobile-add-regex-btn{margin-top:10px;width:100%;justify-content:center;border-style:dashed!important;border-color:#28a745!important}.mobile-regex-delete-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px;transition:all var(--transition-normal)}.mobile-regex-delete-btn:hover{background-color:rgba(220,53,69,.1)}.mobile-regex-delete-btn:disabled{color:#ccc;cursor:not-allowed}.mobile-regex-delete-btn:disabled:hover{background-color:transparent}.mobile-success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:15px;margin-bottom:20px}.mobile-message-content{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.mobile-success-icon{font-size:1.5rem}.mobile-message-text .mobile-message-title{font-weight:700;margin-bottom:5px}.mobile-message-actions{display:flex;gap:10px;flex-wrap:wrap}.mobile-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all var(--transition-normal);box-sizing:border-box}.mobile-btn-success{background-color:#28a745;color:#fff}.mobile-btn-info{background-color:#17a2b8;color:#fff}.mobile-error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px;display:flex;align-items:center;gap:10px}.mobile-error-icon{font-size:1.2rem}.mobile-import-form{background-color:var(--bg-secondary);border-radius:8px;padding:15px;margin-bottom:15px}.mobile-form-section{margin-bottom:25px}.mobile-section-header{width:100%}.mobile-section-header h3{margin:0 0 5px;color:var(--text-primary)}.mobile-section-header p{margin:0 0 15px;color:var(--text-secondary);font-size:.9rem}.mobile-form-group{width:100%}.mobile-import-mode-selector{display:flex;flex-direction:row;gap:10px}.mobile-mode-option{border:1px solid var(--border-color);border-radius:8px;padding:15px;cursor:pointer;transition:all var(--transition-normal);flex:1}.mobile-mode-option.active{border-color:var(--primary-color);background-color:rgba(0,123,255,.1)}.mobile-mode-option input{display:none}.mobile-mode-content{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mobile-mode-icon{font-size:2rem}.mobile-mode-text .mobile-mode-title{font-weight:700;margin-bottom:5px;color:var(--text-primary)}.mobile-mode-text .mobile-mode-description{color:var(--text-secondary);font-size:.9rem}.mobile-file-upload-area{margin:15px 0}.mobile-file-input{display:none}.mobile-file-label{display:block;border:2px dashed var(--border-color);border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:all var(--transition-normal)}.mobile-file-label:hover{border-color:var(--primary-color);background-color:var(--bg-hover)}.mobile-file-selected{display:flex;flex-direction:column;align-items:center;gap:10px}.mobile-file-icon{font-size:3rem}.mobile-file-info{text-align:center}.mobile-file-name{font-weight:700;margin-bottom:5px}.mobile-file-size{color:var(--text-secondary);font-size:.9rem}.mobile-change-file{color:var(--primary-color);font-size:.9rem;margin-top:10px}.mobile-file-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px}.mobile-upload-icon{font-size:3rem;color:var(--text-secondary)}.mobile-upload-text{text-align:center}.mobile-upload-text div:first-child{font-weight:700;margin-bottom:5px}.mobile-upload-hint{color:var(--text-secondary);font-size:.9rem}.mobile-web-scraping-form{display:flex;flex-direction:column;gap:15px}.mobile-form-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;height:36px;box-sizing:border-box;line-height:1.2}.mobile-form-input:disabled{background-color:var(--bg-secondary);color:var(--text-secondary)}.mobile-form-textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;resize:vertical;min-height:100px}.mobile-toggle-row{display:flex;align-items:center;gap:10px;height:36px}.mobile-toggle-row input[type=checkbox]{margin:0;width:16px;height:16px;flex-shrink:0;cursor:pointer}.mobile-toggle-row label{font-size:1rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;line-height:16px;display:inline-block;margin:0;padding:0;position:relative;top:2px}.mobile-form-group input[type=checkbox]{vertical-align:middle;margin:0}.mobile-toggle-help{color:var(--text-secondary);font-size:.9rem}small{display:block;color:var(--text-secondary);font-size:.8rem;margin-top:5px}.mobile-restore-failed-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:15px;margin-bottom:20px;display:flex;gap:10px}.mobile-warning-icon{font-size:1.5rem}.mobile-restore-failed-instruction{font-weight:700;margin-top:5px}.mobile-hierarchy-container{background-color:var(--bg-primary);border-radius:8px;padding:15px;margin-top:15px}.mobile-submit-button{width:100%;padding:15px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:10px}.mobile-submit-button.ready{background-color:var(--primary-color);color:#fff}.mobile-submit-button.disabled{background-color:var(--disabled-color);color:var(--text-secondary);cursor:not-allowed}.mobile-loading-spinner{animation:spin 1s linear infinite}.mobile-form-requirements h4{margin:0 0 10px;color:var(--text-primary)}.mobile-requirements-list{list-style-type:none;padding:0;margin:0}.mobile-requirements-list li{padding:8px 0;border-bottom:1px solid var(--border-color)}.mobile-requirements-list li:last-child{border-bottom:none}.mobile-requirements-list li.completed{color:#28a745}.mobile-requirements-list li.pending{color:#6c757d}.mobile-usage-info{background-color:var(--bg-secondary);border-radius:8px;padding:15px}.mobile-usage-info h3{margin:0 0 15px;color:var(--text-primary)}.mobile-info-grid{display:grid;grid-template-columns:1fr;gap:15px}.mobile-info-card{background-color:var(--bg-primary);border-radius:8px;padding:15px}.mobile-info-card h4{margin:0 0 10px;color:var(--text-primary)}.mobile-info-card p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.mobile-prompt-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px;width:100%;align-items:start}.mobile-prompt-header h3{margin:0;color:var(--text-primary);width:100%;grid-column:1 / -1;grid-row:1}.mobile-prompt-header .mobile-btn.mobile-btn-small.mobile-btn-outline{grid-column:2;grid-row:1;justify-self:end;flex-shrink:0;padding:8px 12px!important;font-size:.8rem!important;min-height:32px!important;min-width:60px!important;width:auto!important;white-space:nowrap!important;box-sizing:border-box!important;line-height:1.2!important;border:1px solid var(--border-color)!important;border-radius:4px!important;background-color:#28a745!important;color:#fff!important;cursor:pointer!important}.mobile-prompt-display{grid-column:1 / -1;grid-row:2;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:12px;color:var(--text-primary);font-size:.9rem;line-height:1.5;min-height:60px;white-space:pre-wrap;word-wrap:break-word}.mobile-prompt-display:empty:before{content:"未设置提示语";color:var(--text-secondary);font-style:italic}.mobile-form-group .mobile-prompt-header+small{margin-top:8px;display:block}.mobile-prompt-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:stretch;justify-content:center;padding:var(--status-bar-height, 0px) 10px calc(env(safe-area-inset-bottom,0px) + 10px) 10px;overflow-y:auto;box-sizing:border-box}body.capacitor-app .mobile-prompt-dialog-overlay{padding-top:calc(var(--status-bar-height, 0px) + env(safe-area-inset-top,0px))}.mobile-prompt-dialog{background-color:var(--bg-primary);border-radius:12px;width:100%;max-width:600px;max-height:calc(100vh - var(--status-bar-height, 0px) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px);overflow:hidden;box-shadow:var(--shadow-medium);display:flex;flex-direction:column}.mobile-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.mobile-dialog-header h3{margin:0;color:var(--text-primary)}.mobile-dialog-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-normal)}.mobile-dialog-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.mobile-dialog-content{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.mobile-prompt-input-group{flex:1;display:flex;flex-direction:column;min-height:0}.mobile-prompt-textarea{flex:1;min-height:200px;resize:none;font-family:inherit}.mobile-form-buttons{display:flex;gap:10px;justify-content:space-between;flex-shrink:0}.mobile-form-buttons .mobile-btn{flex:1;min-width:0}@media (max-width: 480px){.mobile-question-import-container{padding:5px}.mobile-import-form{padding:10px}.mobile-form-section{margin-bottom:20px}.mobile-file-label{padding:20px}.mobile-message-actions{flex-direction:column}.mobile-btn{width:100%}.mobile-prompt-dialog{max-width:100%}.mobile-dialog-content{padding:15px}.mobile-form-buttons{flex-direction:row}.mobile-form-buttons .mobile-btn{width:auto}.mobile-prompt-header{grid-template-columns:1fr;grid-template-rows:auto auto auto}.mobile-prompt-header h3{grid-column:1;grid-row:1}.mobile-prompt-header .mobile-btn.mobile-btn-small.mobile-btn-outline{grid-column:1;grid-row:2;justify-self:start;margin-top:8px}.mobile-prompt-display{grid-column:1;grid-row:3;margin-top:8px}}.mobile-pdf-processing-modes{display:flex;flex-direction:column;gap:10px;margin-top:10px}.mobile-processing-mode{display:flex;align-items:center;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.mobile-processing-mode:hover{border-color:#007bff;background-color:#f8f9fa}.mobile-processing-mode.active{border-color:#007bff;background-color:#e3f2fd}.mobile-processing-mode input[type=radio]{margin-right:12px;width:18px;height:18px;accent-color:#007bff}.mobile-mode-content{display:flex;align-items:center;flex:1;gap:12px}.mobile-mode-icon{font-size:1.5rem;width:40px;text-align:center}.mobile-mode-text{flex:1}.mobile-mode-title{font-weight:700;font-size:.95rem;margin-bottom:2px;color:#333}.mobile-mode-description{font-size:.85rem;color:#666;line-height:1.3}.mobile-pdf-processing-status{display:flex;align-items:center;justify-content:center;padding:20px;background-color:#f8f9fa;border-radius:8px;margin-top:15px;gap:10px;color:#666}.mobile-pdf-processing-status .mobile-loading-spinner{animation:spin 1s linear infinite;font-size:1.2rem}.mobile-pdf-preview{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.mobile-preview-stats{display:flex;align-items:center;gap:15px;padding:12px 15px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:.85rem;color:#666}.mobile-preview-stats span{display:flex;align-items:center;gap:5px}.mobile-preview-content{height:400px;overflow:hidden}.mobile-preview-iframe{width:100%;height:100%;border:none;background:#fff}@media (max-width: 768px){.mobile-processing-mode{padding:12px}.mobile-mode-icon{font-size:1.3rem;width:35px}.mobile-mode-title{font-size:.9rem}.mobile-mode-description{font-size:.8rem}.mobile-preview-content{height:300px}.mobile-preview-stats{flex-wrap:wrap;gap:10px;font-size:.8rem}}.mobile-scraping-mode-selector{display:flex;flex-direction:column;gap:10px;margin-top:10px}.mobile-scraping-mode-selector .mobile-mode-option{display:flex;align-items:center;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.mobile-scraping-mode-selector .mobile-mode-option:hover{border-color:#007bff;background-color:#f8f9fa}.mobile-scraping-mode-selector .mobile-mode-option.active{border-color:#007bff;background-color:#e3f2fd}.mobile-scraping-mode-selector .mobile-mode-option input[type=radio]{margin-right:12px;width:18px;height:18px;accent-color:#007bff}.mobile-poetry-mode-hint{display:flex;align-items:flex-start;gap:8px;padding:12px;background-color:#e8f5e8;border:1px solid #c3e6c3;border-radius:6px;margin-top:8px;font-size:.85rem;color:#2d5a2d;line-height:1.4}.mobile-hint-icon{font-size:1rem;flex-shrink:0;margin-top:2px}.mobile-poetry-auto-config{display:flex;align-items:center;gap:12px;padding:15px;background-color:#f0f8ff;border:1px solid #b8daff;border-radius:8px;margin-top:8px}.mobile-auto-config-icon{font-size:1.5rem;color:#06c;flex-shrink:0}.mobile-auto-config-text{flex:1}.mobile-auto-config-title{font-weight:700;color:#06c;margin-bottom:4px;font-size:.95rem}.mobile-auto-config-description{color:#049;font-size:.85rem;line-height:1.3}.mobile-task-manager{padding:10px;background-color:var(--bg-primary)}.mobile-task-manager h2{margin:0 0 20px;color:var(--text-primary)}.mobile-stats-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.mobile-stat-card{background-color:#f8f9fa;padding:15px;border-radius:8px;text-align:center;flex:1;min-width:80px}.mobile-stat-card.pending{background-color:#fff3cd}.mobile-stat-card.processing{background-color:#d1ecf1}.mobile-stat-card.completed{background-color:#d4edda}.mobile-stat-card.failed{background-color:#f8d7da}.mobile-stat-value{font-size:24px;font-weight:700;color:#495057}.mobile-stat-label{font-size:14px;color:#6c757d}.mobile-filter-section{display:flex;flex-direction:column;gap:15px;margin-bottom:10px;padding:15px;background-color:var(--bg-secondary);border-radius:8px}.mobile-filter-group{display:flex;align-items:center;gap:10px;justify-content:flex-end}.mobile-filter-group label{font-weight:500;color:var(--text-primary)}.mobile-filter-select{padding:8px 12px;border-radius:4px;border:1px solid #ccc;background-color:var(--bg-primary);color:var(--text-primary)}.mobile-batch-actions{display:flex;flex-direction:column;gap:10px}.mobile-btn{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all var(--transition-normal);text-align:center}.mobile-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-btn-primary{background-color:var(--primary-color);color:#fff}.mobile-btn-warning{background-color:#ffc107;color:#000}.mobile-btn-danger{background-color:#dc3545;color:#fff}.mobile-task-list{background-color:var(--bg-secondary);border-radius:8px;overflow:hidden;margin-top:10px}.mobile-task-header{display:grid;grid-template-columns:auto 2fr 1fr 1fr;gap:10px;padding:15px;background-color:#f8f9fa;font-weight:700;border-bottom:1px solid #dee2e6}.mobile-header-item{color:var(--text-primary)}.mobile-task-item{display:grid;grid-template-columns:1fr;gap:10px;padding:15px;border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color var(--transition-normal)}.mobile-task-item:hover{background-color:var(--bg-hover)}.mobile-task-item.selected{background-color:#e3f2fd}.mobile-checkbox{margin:0;align-self:center}.mobile-task-info{display:flex;flex-direction:column;gap:5px}.mobile-task-title{font-weight:700;color:var(--text-primary)}.mobile-task-type{font-size:12px;color:var(--text-secondary);width:100%}.mobile-status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.mobile-task-progress{display:flex;flex-direction:column;gap:5px;grid-row:2}.mobile-progress-bar{width:100%;background-color:#e9ecef;border-radius:4px}.mobile-progress-text{font-size:12px;color:var(--text-secondary);text-align:center}.mobile-task-meta{display:flex;justify-content:space-between;align-items:center;grid-row:3;font-size:.8rem}.mobile-task-count{display:flex;align-items:center;gap:5px}.mobile-count-text{font-size:.8rem;color:var(--text-secondary)}.mobile-task-actions{grid-row:4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:32px}.mobile-task-buttons{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;align-items:center}.mobile-task-buttons .mobile-btn{white-space:nowrap;flex:0 0 auto;width:auto;min-width:70px;padding:6px 10px;font-size:.8rem}.mobile-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.mobile-pagination-btn{padding:8px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.mobile-pagination-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.mobile-pagination-text{margin:0 10px;color:var(--text-primary);white-space:nowrap}.mobile-no-tasks{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){.mobile-task-header{grid-template-columns:auto 1fr;gap:5px}.mobile-task-item{grid-template-columns:1fr;gap:5px}.mobile-task-progress{grid-row:2}.mobile-task-actions{grid-row:4;margin-top:5px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;height:32px}.mobile-task-buttons{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;align-items:center}.mobile-task-buttons .mobile-btn{white-space:nowrap;flex:0 0 auto;width:auto;min-width:70px;padding:6px 10px;font-size:.8rem}.mobile-task-progress{display:flex;flex-direction:row;align-items:center;gap:10px}.mobile-progress-text{text-align:left}.mobile-filter-section{padding:10px}.mobile-batch-actions{flex-direction:column}.mobile-pagination{flex-direction:column;gap:10px}}@media (max-width: 480px){.mobile-task-manager{padding:5px}.mobile-stat-card{padding:8px;min-width:50px}.mobile-stat-value{font-size:18px}.mobile-stat-label{font-size:12px}.mobile-stat-value{font-size:20px}.mobile-task-item{padding:10px}.mobile-task-title{font-size:.9rem}.mobile-task-type{font-size:10px}}.mobile-question-manager{padding:calc(var(--status-bar-height, 0px) + 10px) 10px calc(env(safe-area-inset-bottom,0px) + 10px) 10px;background-color:var(--bg-primary);box-sizing:border-box}body.capacitor-app .mobile-question-manager{padding-top:calc(var(--status-bar-height, 0px) + env(safe-area-inset-top,0px) + 10px)}.mobile-question-manager-header{margin-bottom:20px}.mobile-question-manager-header h2{margin:0 0 10px;color:var(--text-primary)}.mobile-question-manager-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.mobile-question-manager-tabs{display:flex;justify-content:space-between;margin-bottom:20px;background-color:var(--bg-secondary);border-radius:8px;padding:5px}.mobile-tab-button{flex:1;padding:10px 5px;border:none;background-color:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);border-radius:4px}.mobile-tab-button.active{background-color:var(--primary-color);color:#fff}.mobile-tab-button:hover:not(.active){background-color:var(--bg-hover)}.mobile-question-manager-content{background-color:var(--bg-secondary);border-radius:8px;padding:15px}.mobile-question-list-filters{margin-bottom:20px}.mobile-filter-section h3{margin:0 0 15px;color:var(--text-primary)}.mobile-hierarchy-selector-container{margin-bottom:15px}.mobile-filter-controls{display:flex;flex-direction:column;gap:15px}.mobile-filter-item{display:flex;flex-direction:column;gap:5px}.mobile-filter-item label{font-weight:500;color:var(--text-primary)}.mobile-filter-select{padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;box-sizing:border-box;height:42px;line-height:1.2}.mobile-search-form{display:flex;gap:10px}.mobile-search-input{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;box-sizing:border-box;height:42px;line-height:1.2}.mobile-search-button{padding:6px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:60px;text-align:center;box-sizing:border-box;height:auto;line-height:1.2}.mobile-question-list-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.mobile-action-button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all var(--transition-normal);text-align:center}.mobile-action-button:disabled{opacity:.6;cursor:not-allowed}.mobile-create-button,.mobile-question-list-actions .mobile-create-button{background-color:transparent!important;color:#666!important;border:1px solid #eee!important;padding:6px 12px;border-radius:4px;font-size:.9rem;display:flex;align-items:center;gap:4px}.create-icon{color:#f44336!important;font-size:1.1rem;font-weight:700;line-height:1}.mobile-import-button{background-color:var(--info-color);color:#fff}.mobile-export-button{background-color:var(--warning-color);color:#fff}.mobile-expand-button{background:none;border:1px solid #065f46;color:#065f46;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:auto;width:auto;flex-shrink:0;text-align:center}.mobile-expand-button:hover{background-color:#065f46;color:#fff}.expand-section{display:flex;align-items:center;gap:8px;color:#065f46;background-color:#f0fdf4;padding:8px 12px;border-radius:6px;border:1px solid #bbf7d0;font-weight:600;font-size:14px}.selected-text{font-weight:600;font-size:14px}.mobile-complete-button{padding:10px 15px;background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:1rem;min-width:auto;width:auto;text-align:center}.mobile-filter-actions{display:flex;justify-content:flex-end}.mobile-view-button{background-color:transparent;color:var(--text-secondary)!important;border:1px solid var(--border-light);padding:6px 12px;border-radius:4px;font-size:.9rem}.mobile-edit-button,.mobile-delete-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-light);padding:6px 12px;border-radius:4px;font-size:.9rem}.mobile-delete-icon{color:#f44336!important;font-weight:700;font-size:1.1rem;margin-right:4px}.mobile-back-icon{color:#666!important;font-weight:700;font-size:1.1rem;margin-right:4px}.mobile-edit-icon{color:#2196f3!important;font-weight:700;font-size:1.1rem;margin-right:4px}.mobile-save-icon{color:#4caf50!important;font-weight:700;font-size:1.1rem;margin-right:4px}.mobile-error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px}.mobile-loading{text-align:center;padding:20px;color:var(--text-secondary)}.mobile-question-list-container{margin-top:20px}.mobile-question-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.mobile-question-list-header h3{margin:0;color:var(--text-primary)}.mobile-question-count{color:var(--text-secondary);font-size:.9rem}.mobile-question-list{display:flex;flex-direction:column;gap:15px}.mobile-question-card{background-color:var(--bg-primary);border-radius:8px;padding:15px;box-shadow:var(--shadow-light);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal)}.mobile-question-card:hover{background-color:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.mobile-question-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light)}.mobile-question-id{font-size:.8rem;color:var(--text-secondary)}.mobile-question-type{font-size:.8rem;color:var(--text-secondary);background-color:var(--bg-secondary);padding:2px 6px;border-radius:4px}.mobile-question-text{margin-bottom:15px;color:var(--text-primary);line-height:1.5}.mobile-question-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mobile-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;flex-wrap:nowrap}.mobile-pagination-button{padding:6px 10px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;min-width:32px;height:32px;font-size:14px;display:flex;align-items:center;justify-content:center}.mobile-pagination-button:disabled{background-color:var(--disabled-color);cursor:not-allowed}.mobile-pagination-text{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:500;min-width:50px;text-align:center;margin:0 5px}.mobile-edit-answer-button{margin-left:8px;padding:0;background:none;color:#007bff;border:none;border-radius:0;font-size:13px;cursor:pointer;transition:color .2s ease;vertical-align:baseline;white-space:nowrap;text-decoration:none;font-weight:400}.mobile-edit-answer-button:hover{color:#0056b3;text-decoration:underline}.mobile-edit-answer-button:active{color:#004085}.mobile-type-list-actions{margin-bottom:20px}.mobile-type-list-container{margin-top:20px}.mobile-type-list-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.mobile-type-list-header h3{margin:0;color:var(--text-primary)}.mobile-type-list{display:flex;flex-direction:column;gap:15px}.mobile-type-card{background-color:var(--bg-primary);border-radius:8px;padding:15px;box-shadow:var(--shadow-light);border:1px solid var(--border-color)}.mobile-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.mobile-type-id{font-size:.8rem;color:var(--text-secondary)}.mobile-type-name{font-weight:700;color:var(--text-primary)}.mobile-type-base{font-size:.9rem;color:var(--text-secondary);margin-bottom:15px}.mobile-type-actions{display:flex;gap:10px;flex-wrap:wrap}.mobile-stats-header{margin-bottom:20px}.mobile-stats-header h3{margin:0 0 15px;color:var(--text-primary)}.mobile-stats-summary{display:flex;gap:15px;margin-bottom:20px}.mobile-stat-card{flex:1;background-color:var(--bg-primary);border-radius:8px;padding:15px;text-align:center;box-shadow:var(--shadow-light)}.mobile-stat-value{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:5px}.mobile-stat-label{font-size:.9rem;color:var(--text-secondary)}.mobile-stats-charts{display:flex;flex-direction:column;gap:20px}.mobile-chart-container{background-color:var(--bg-primary);border-radius:8px;padding:15px;box-shadow:var(--shadow-light)}.mobile-chart-container h4{margin:0 0 15px;color:var(--text-primary)}.mobile-chart{display:flex;gap:10px;height:150px;align-items:flex-end}.mobile-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.mobile-bar{width:100%;background-color:var(--primary-color);border-radius:4px 4px 0 0;min-height:5px}.mobile-label{font-size:.8rem;color:var(--text-secondary);text-align:center}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:var(--status-bar-height, 0px) 10px calc(env(safe-area-inset-bottom,0px) + 10px) 10px;overflow-y:auto;box-sizing:border-box}.mobile-modal-overlay-full-height{align-items:stretch!important}.mobile-modal-overlay-centered{align-items:center!important}body.capacitor-app .mobile-modal-overlay{padding-top:calc(var(--status-bar-height, 0px) + env(safe-area-inset-top,0px))}body.capacitor-app .mobile-modal-overlay-full-height,body.capacitor-app .mobile-modal-overlay-centered{padding-top:calc(var(--status-bar-height, 0px) + env(safe-area-inset-top,0px))!important}.mobile-custom-dialog-overlay{align-items:center!important;padding:var(--status-bar-height, 0px) 10px calc(env(safe-area-inset-bottom,0px) + 10px) 10px!important}body.capacitor-app .mobile-custom-dialog-overlay{padding-top:calc(var(--status-bar-height, 0px) + env(safe-area-inset-top,0px))!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important}.mobile-custom-dialog-overlay .mobile-modal-content,body.capacitor-app .mobile-custom-dialog-overlay .mobile-modal-content{max-height:calc(100vh - var(--status-bar-height, 0px) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px)!important}.mobile-modal-content{background-color:var(--bg-primary);border-radius:8px;width:100%;max-width:800px;max-height:calc(100vh - var(--status-bar-height, 0px) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px);height:100%;overflow:hidden;box-shadow:var(--shadow-medium);display:flex;flex-direction:column}.mobile-modal-content-auto-height{height:auto!important}.mobile-modal-content-full-height{height:100%!important;max-height:none!important;border-radius:0!important;width:100%!important;max-width:100%!important}.mobile-modal-content-full-height .mobile-modal-body{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:20px!important;min-height:0!important;display:flex!important;flex-direction:column!important}.mobile-modal-content-full-height .mobile-form-group{margin-bottom:16px!important}.mobile-modal-content-full-height .mobile-answer-group{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;margin-bottom:0!important}.mobile-modal-content-full-height .mobile-answer-textarea{flex:1!important;min-height:0!important;width:100%!important;resize:none!important}.mobile-modal-content-full-height .mobile-modal-footer{padding:16px 20px!important;border-top:1px solid var(--border-color)!important;background-color:var(--bg-primary)!important;flex-shrink:0!important}.mobile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border-color)}.mobile-modal-header h3{margin:0;color:var(--text-primary)}.mobile-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.mobile-modal-body{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.mobile-modal-body-view{flex:1!important;display:flex!important;flex-direction:column!important}.mobile-modal-body-view .mobile-question-detail{flex:1;display:flex;flex-direction:column}.mobile-question-detail h4{margin:15px 0 5px;color:var(--text-primary)}.mobile-question-detail p{margin:0 0 15px;color:var(--text-primary);line-height:1.5}.mobile-modal-footer{display:flex;justify-content:space-between;gap:10px;padding:15px;border-top:1px solid var(--border-color);flex-shrink:0}.mobile-modal-footer-edit{display:flex;justify-content:space-between;padding:15px;border-top:1px solid var(--border-color);flex-shrink:0}.mobile-question-type-display{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px;background-color:var(--bg-secondary);border-radius:4px;font-size:.9rem}.mobile-question-type-label{font-weight:500;color:var(--text-primary)}.mobile-question-type-value{color:var(--primary-color);font-weight:500}.mobile-modal-footer-edit .mobile-cancel-button,.mobile-modal-footer-edit .mobile-save-button,.mobile-modal-footer .mobile-save-button{flex:0 0 auto;padding:6px 12px!important;background-color:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-light)!important;border-radius:4px!important;font-size:.9rem!important;min-width:80px;text-align:center}.mobile-modal-footer .mobile-back-button,.mobile-modal-footer .mobile-cancel-button.default{flex:0 0 auto;padding:6px 12px!important;background-color:#4caf50!important;color:#fff!important;border:1px solid #4caf50!important;border-radius:4px!important;font-size:.9rem!important;min-width:80px;text-align:center}.mobile-modal-footer .mobile-back-button:hover,.mobile-modal-footer .mobile-cancel-button.default:hover{background-color:#45a049!important;border-color:#45a049!important}.mobile-modal-footer .mobile-edit-button,.mobile-modal-footer .mobile-save-button,.mobile-modal-footer .mobile-view-edit-button{background-color:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-light)!important}.mobile-modal-footer .mobile-cancel-button:not(.default){flex:0 0 auto;padding:6px 12px!important;background-color:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-light)!important;border-radius:4px!important;font-size:.9rem!important;min-width:80px;text-align:center}.mobile-modal-footer .mobile-view-edit-button{flex:0 0 auto;padding:6px 12px!important;background-color:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-light)!important;border-radius:4px!important;font-size:.9rem!important;min-width:80px;text-align:center}.mobile-form-group{margin-bottom:15px}.mobile-form-group.mobile-answer-group{margin-bottom:20px;display:flex;flex-direction:column;flex:1;min-height:0}.mobile-question-form-group{margin-bottom:20px;flex-shrink:0}.mobile-question-form-group .mobile-form-textarea{min-height:60px;max-height:80px;resize:none}.mobile-options-form-group{margin-bottom:20px;flex-shrink:0;max-height:200px;overflow-y:auto}.mobile-form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-primary)}.mobile-form-select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem}.mobile-form-textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;resize:vertical;min-height:100px}.mobile-form-textarea.mobile-answer-textarea{min-height:0;flex:1;width:100%;resize:none}.mobile-answer-group{margin-bottom:20px;display:flex;flex-direction:column;flex:1;min-height:0}.mobile-answer-textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem;resize:vertical;min-height:0;flex:1}.mobile-form-input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:1rem}.mobile-option-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.mobile-option-row input{flex:1}.mobile-add-button{background-color:var(--success-color);color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:.9rem}@media (max-width: 768px){.mobile-question-manager{padding:5px}.mobile-question-manager-tabs{flex-direction:column;gap:5px}.mobile-tab-button{width:100%}.mobile-question-manager-content{padding:10px}.mobile-filter-controls{gap:10px}.mobile-question-list-actions{flex-direction:column}.mobile-action-button{width:100%}.mobile-type-actions{flex-direction:column}.mobile-modal-content{width:100%;max-width:100%;min-height:auto}.mobile-modal-body{max-height:calc(100vh - var(--status-bar-height, 0px) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 200px);display:flex;flex-direction:column}.mobile-modal-content-edit .mobile-modal-body{max-height:none!important;flex:1!important}.mobile-modal-content:not(.mobile-modal-content-edit) .mobile-modal-body{max-height:none!important;flex:1!important}.mobile-modal-footer:not(.mobile-modal-footer-edit){flex-direction:row;justify-content:space-between}.mobile-modal-footer:not(.mobile-modal-footer-edit) .mobile-action-button{width:auto;min-width:80px}.mobile-view-edit-button,.mobile-view-delete-button{flex:1;max-width:120px}.mobile-stats-summary{flex-direction:column}.mobile-chart{height:100px}.mobile-pagination{flex-direction:row;gap:8px}.mobile-pagination-button{width:auto;min-width:32px}}:root{--primary-color: #4CAF50;--primary-hover: #45a049;--secondary-color: #2196F3;--secondary-hover: #1976D2;--danger-color: #f44336;--danger-hover: #d32f2f;--warning-color: #FF9800;--warning-hover: #F57C00;--success-color: #4CAF50;--success-hover: #45a049;--purple-color: #9C27B0;--purple-hover: #7B1FA2;--text-primary: #333;--text-secondary: #666;--text-muted: #999;--text-light: #fff;--bg-primary: #fff;--bg-secondary: #f5f7fa;--bg-tertiary: #f8f9fa;--bg-light: #fafafa;--border-color: #e0e0e0;--border-light: #eee;--border-dark: #ccc;--shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 16px rgba(0, 0, 0, .2);--radius-small: 4px;--radius-medium: 8px;--radius-large: 12px;--radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 28px;--bottom-nav-height: 80px;--status-bar-height: 0px;--mobile-header-height: 40px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%;height:100%}a{color:var(--secondary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-hover)}ul,ol{list-style:none;padding:0;margin:0}button{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;cursor:pointer;padding:0;margin:0}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;border:1px solid var(--border-color);border-radius:var(--radius-small);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(33,150,243,.1)}img{max-width:100%;height:auto;display:block}table{border-collapse:collapse;width:100%}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-light)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:1.2;color:var(--text-primary)}p{margin:0 0 var(--spacing-md) 0;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-small)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-base);line-height:1.6;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-base)}h6{font-size:var(--font-sm)}p{margin-bottom:var(--spacing-md);line-height:1.6;color:var(--text-primary)}.question-text{font-size:var(--font-xl);line-height:1.6;color:var(--text-primary);margin:0}.question-text-inline{font-size:var(--font-xl);line-height:1.6;color:var(--text-primary)}.answer-text{font-size:var(--font-lg);line-height:1.6;color:var(--text-secondary);margin:0}.mobile-question-text{font-size:var(--font-base);line-height:1.6;color:var(--text-primary);margin:0}.mobile-answer-text{font-size:var(--font-base);line-height:1.6;color:var(--text-secondary);margin:0;white-space:pre-wrap}.label{font-weight:500;color:var(--text-secondary)}.value{color:var(--text-primary);font-weight:400}.error-message{color:var(--danger-color)!important;margin-bottom:var(--spacing-lg)!important;padding:var(--spacing-md)!important;background-color:#ffebee!important;border-radius:var(--radius-medium)!important;text-align:center!important;font-size:var(--font-sm)!important;font-weight:500!important;border-left:4px solid var(--danger-color)!important}.warning-message{margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:#fff3cd;border:1px solid #ffeeba;border-radius:var(--radius-small);color:#856404}.warning-message p{margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:var(--spacing-md);border-radius:var(--radius-small);margin-top:var(--spacing-md)}.transcription-text{color:var(--text-primary);line-height:1.5;font-size:var(--font-sm);white-space:pre-wrap;word-wrap:break-word}.mobile-study-copyright{text-align:center;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl);font-size:var(--font-xs);color:var(--text-muted);background-color:transparent;border-top:1px solid var(--border-light);width:100%;box-sizing:border-box}.no-questions{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background-color:var(--bg-light);border-radius:var(--radius-medium);margin:var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-lg)}.no-questions p{margin:0}.no-learning-sets-message{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}.no-learning-sets-message p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-base)}.mobile-no-questions{text-align:center;padding:60px var(--spacing-lg);background-color:var(--bg-primary);border-radius:var(--radius-large);margin:var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-base)}.mobile-no-learning-sets-message{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}.mobile-no-learning-sets-message p{margin:0;font-size:var(--font-base);line-height:1.5}button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-small);border:none;background-color:var(--primary-color);color:var(--text-light);cursor:pointer;transition:background-color var(--transition-normal);font-size:var(--font-base);font-weight:500}button:hover{background-color:var(--primary-hover)}button:disabled{background-color:var(--border-dark);color:var(--text-muted);cursor:not-allowed}button.loading{opacity:.7}.nav-button{padding:12px 20px;border:2px solid var(--primary-hover);border-radius:var(--radius-medium);font-size:var(--font-base);font-weight:700;cursor:pointer;transition:all var(--transition-normal);background-color:var(--primary-color);color:var(--text-light);box-shadow:var(--shadow-light);display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;min-height:44px}.nav-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.nav-button:disabled{background-color:var(--border-dark);border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.nav-button-small{padding:8px 12px;font-size:16px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-large);box-shadow:var(--shadow-light)}.nav-button-small:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-medium)}.nav-button .nav-icon,.nav-button-small .nav-icon{color:#999;filter:none}.nav-button:disabled .nav-icon,.nav-button-small:disabled .nav-icon{color:var(--text-muted)}.mobile-action-button{padding:16px 24px!important;font-size:20px!important;font-weight:700!important;border-radius:var(--radius-large)!important;min-width:80px!important;height:60px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 4px!important;background-color:var(--primary-color)!important;color:var(--text-light)!important;border:2px solid var(--primary-hover)!important;cursor:pointer!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-light)!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.mobile-action-button:hover:not(:disabled){background-color:var(--primary-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-medium)!important}.mobile-action-button:active:not(:disabled){transform:translateY(0)!important;box-shadow:var(--shadow-light)!important}.mobile-action-button:disabled{background-color:var(--border-dark)!important;color:var(--text-muted)!important;border-color:var(--text-muted)!important;cursor:not-allowed!important;box-shadow:none!important}.mobile-action-button:nth-child(1){background-color:var(--secondary-color)!important;border-color:var(--secondary-hover)!important}.mobile-action-button:nth-child(1):hover:not(:disabled){background-color:var(--secondary-hover)!important}.mobile-action-button:nth-child(2){background-color:var(--warning-color)!important;border-color:var(--warning-hover)!important}.mobile-action-button:nth-child(2):hover:not(:disabled){background-color:var(--warning-hover)!important}.mobile-action-button:nth-child(3){background-color:var(--purple-color)!important;border-color:var(--purple-hover)!important}.mobile-action-button:nth-child(3):hover:not(:disabled){background-color:var(--purple-hover)!important}.mobile-action-btn{flex:1;padding:15px 20px;border:none;border-radius:var(--radius-large);font-size:var(--font-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center}.mobile-listen-btn{background-color:var(--secondary-color);color:var(--text-light)}.mobile-listen-btn:hover:not(:disabled){background-color:var(--secondary-hover);transform:translateY(-2px)}.mobile-read-btn{background-color:var(--warning-color);color:var(--text-light)}.mobile-read-btn:hover:not(:disabled){background-color:var(--warning-hover);transform:translateY(-2px)}.mobile-recite-btn{background-color:var(--purple-color);color:var(--text-light)}.mobile-recite-btn:hover:not(:disabled){background-color:var(--purple-hover);transform:translateY(-2px)}.mobile-action-btn:disabled{background-color:var(--border-dark);color:var(--text-muted);cursor:not-allowed;transform:none}.record-button,.stop-button,.upload-button{padding:.5rem 1rem;border:none;border-radius:var(--radius-small);cursor:pointer;font-weight:700;transition:all var(--transition-normal)}.record-button{background-color:var(--primary-color);color:var(--text-light);height:36px}.record-button:hover{background-color:var(--primary-hover)}.stop-button{background-color:var(--primary-color);color:var(--text-light);height:36px}.stop-button:hover{background-color:var(--primary-hover)}.cancel-button{background-color:var(--danger-color);color:var(--text-light);height:36px}.cancel-button:hover{background-color:var(--danger-hover)}.upload-button{background-color:var(--secondary-color);color:var(--text-light)}.upload-button:hover{background-color:var(--secondary-hover)}.record-button:disabled,.upload-button:disabled{background-color:var(--border-dark);cursor:not-allowed}.mobile-stop-button,.mobile-cancel-button{padding:12px 24px;border:none;border-radius:var(--radius-medium);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.mobile-stop-button{background-color:var(--primary-color);color:var(--text-light)}.mobile-stop-button:hover{background-color:var(--primary-hover)}.mobile-cancel-button{background-color:var(--danger-color);color:var(--text-light)}.mobile-cancel-button:hover{background-color:var(--danger-hover)}.mobile-control-button{width:50px;height:50px;border:none;border-radius:50%;background-color:var(--secondary-color);color:var(--text-light);font-size:20px;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.mobile-control-button:hover{background-color:var(--secondary-hover);transform:scale(1.1)}.settings-icon-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);margin-left:auto}.settings-icon-button:hover{color:var(--secondary-color)}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:var(--danger-color)}.login-button{width:100%;padding:12px;background-color:var(--primary-color);color:var(--text-light);border:none;border-radius:var(--radius-small);font-size:var(--font-base);cursor:pointer;margin-top:10px}.login-button:hover{background-color:var(--primary-hover)}.login-button:disabled{background-color:var(--border-dark)}.logout-button{background-color:var(--danger-color);padding:8px 16px;border-radius:var(--radius-small);color:var(--text-light);border:none;cursor:pointer;transition:background-color var(--transition-normal)}.logout-button:hover{background-color:var(--danger-hover)}.mode-button{padding:12px 24px;border:none;border-bottom:3px solid transparent;background-color:transparent;color:var(--text-secondary);border-radius:0;cursor:pointer;font-size:var(--font-base);font-weight:500;transition:all var(--transition-normal);min-width:100px;position:relative;margin-bottom:-2px}.mode-button:hover{border-bottom-color:var(--secondary-color);background-color:rgba(0,123,255,.05);color:var(--secondary-color)}.mode-button.active{border-bottom-color:var(--primary-color);background-color:var(--bg-primary);color:var(--primary-color);font-weight:600}.mode-button.active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--primary-color)}.tab-button{padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:var(--radius-small);background-color:#f0f0f0;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.tab-button:hover{background-color:#e0e0e0}.tab-button.active{background-color:var(--secondary-color);color:var(--text-light)}.delete-button{background-color:var(--danger-color);color:var(--text-light);padding:.5rem 1rem;border:none;border-radius:var(--radius-small);cursor:pointer;transition:background-color var(--transition-normal)}.delete-button:hover{background-color:var(--danger-hover)}.mobile-settings-button{width:100%;padding:15px 20px;background-color:var(--secondary-color);color:var(--text-light);border:none;border-radius:var(--radius-medium);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:10px;text-align:left}.mobile-settings-button:hover{background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(33,150,243,.3)}.start-wizard-button{padding:12px 30px;background-color:var(--primary-color);color:var(--text-light);border:none;border-radius:var(--radius-small);font-size:var(--font-base);cursor:pointer;transition:background-color var(--transition-normal)}.start-wizard-button:hover{background-color:var(--primary-hover)}.close-modal-button{background-color:var(--secondary-color);color:var(--text-light);padding:10px 20px;border:none;border-radius:var(--radius-small);cursor:pointer;font-size:var(--font-base);display:block;width:100%;margin-top:var(--spacing-lg);transition:background-color var(--transition-normal)}.close-modal-button:hover{background-color:var(--secondary-hover)}.mobile-nav-dot{width:12px;height:12px;border:none;border-radius:50%;background-color:var(--border-dark);cursor:pointer;transition:all var(--transition-normal);padding:0}.mobile-nav-dot.active{background-color:var(--secondary-color);transform:scale(1.3)}.mobile-nav-dot:hover:not(.active){background-color:#bbb}.form-group{margin-bottom:15px;display:flex;flex-direction:column;gap:8px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:var(--text-secondary);font-size:var(--font-sm)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-small);font-size:var(--font-base);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(33,150,243,.1)}.form-group textarea{min-height:100px;resize:vertical}.code-input-group{display:flex;gap:10px;align-items:stretch}.code-input-group input{flex:1}.code-input-group button{white-space:nowrap;background-color:var(--secondary-color);color:var(--text-light);border:none;border-radius:var(--radius-small);padding:10px 20px;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);min-width:120px;-webkit-tap-highlight-color:transparent}.code-input-group button:hover{background-color:var(--secondary-hover);transform:translateY(-1px)}.code-input-group button:disabled{background-color:var(--border-dark);color:var(--text-muted);cursor:not-allowed;transform:none}.login-container{max-width:400px;margin:50px auto;padding:20px;background:var(--bg-primary);border-radius:var(--radius-medium);box-shadow:var(--shadow-light);border:1px solid var(--border-color)}.login-container h2{text-align:center;color:var(--text-primary);margin-bottom:20px;font-size:var(--font-2xl)}@media (max-width: 768px){.login-container{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:9999!important;overflow:visible!important;clip:auto!important;background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;max-width:90%!important;margin:20px auto!important;padding:30px 20px!important;border-radius:var(--radius-large)!important;box-shadow:var(--shadow-medium)!important;min-height:200px!important;isolation:isolate!important;contain:layout style paint!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important}.login-container h2{font-size:24px!important;margin-bottom:30px!important;color:var(--text-primary)!important;display:block!important;visibility:visible!important;opacity:1!important}.login-container .form-group{margin-bottom:20px!important;display:block!important;visibility:visible!important;opacity:1!important}.login-container .form-group label{font-size:16px!important;font-weight:600!important;color:var(--text-primary)!important;margin-bottom:8px!important;display:block!important;visibility:visible!important;opacity:1!important}.login-container .form-group input{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;-webkit-tap-highlight-color:rgba(33,150,243,.3)!important;font-size:16px!important;max-width:100%!important;box-sizing:border-box!important;width:100%!important;padding:15px 12px!important;border:2px solid var(--border-color)!important;border-radius:var(--radius-medium)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:block!important;visibility:visible!important;opacity:1!important}.login-container .form-group input:focus{outline:none!important;border-color:var(--secondary-color)!important;box-shadow:0 0 0 3px rgba(33,150,243,.1)!important}.login-container .code-input-group{display:flex!important;gap:12px!important;align-items:stretch!important;visibility:visible!important;opacity:1!important}.login-container .code-input-group input{flex:1!important;display:block!important;visibility:visible!important;opacity:1!important}.login-container .code-input-group button{white-space:nowrap!important;background-color:var(--secondary-color)!important;color:var(--text-light)!important;border:none!important;border-radius:var(--radius-medium)!important;padding:15px 20px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all var(--transition-normal)!important;min-width:120px!important;-webkit-tap-highlight-color:transparent!important;display:inline-block!important;visibility:visible!important;opacity:1!important}.login-container .code-input-group button:hover{background-color:var(--secondary-hover)!important;transform:translateY(-1px)!important}.login-container .code-input-group button:disabled{background-color:var(--border-dark)!important;color:var(--text-muted)!important;cursor:not-allowed!important;transform:none!important}.login-container .login-button{width:100%!important;padding:16px!important;background-color:var(--primary-color)!important;color:var(--text-light)!important;border:none!important;border-radius:var(--radius-medium)!important;font-size:18px!important;font-weight:600!important;cursor:pointer!important;margin-top:20px!important;transition:all var(--transition-normal)!important;-webkit-tap-highlight-color:transparent!important;display:block!important;visibility:visible!important;opacity:1!important}.login-container .login-button:hover{background-color:var(--primary-hover)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(76,175,80,.3)!important}.login-container .login-button:disabled{background-color:var(--border-dark)!important;color:var(--text-muted)!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.login-container .error-message{color:var(--danger-color)!important;margin-bottom:20px!important;padding:12px 16px!important;background-color:#ffebee!important;border-radius:var(--radius-medium)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;border-left:4px solid var(--danger-color)!important;display:block!important;visibility:visible!important;opacity:1!important}.login-container,.login-container *{display:block!important;visibility:visible!important;opacity:1!important}.login-container .code-input-group{display:flex!important}.login-container .code-input-group input{display:block!important}.login-container .code-input-group button{display:inline-block!important}.login-container .login-button,.login-container .error-message{display:block!important}}.select-group{display:flex;align-items:center;gap:8px}.select-group label{white-space:nowrap;font-size:var(--font-sm);color:var(--text-secondary)}.select-group select{padding:8px;border-radius:var(--radius-small);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm);min-width:120px}.mobile-select{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-medium);font-size:var(--font-base);background-color:var(--bg-primary);transition:border-color var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.search-input{width:100%;padding:15px 20px;font-size:var(--font-base);border:2px solid var(--border-color);border-radius:var(--radius-medium);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal);box-sizing:border-box;min-width:500px}.search-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(33,150,243,.1)}.search-input::placeholder{color:var(--text-muted);font-style:italic}.mobile-search-input{width:100%;padding:15px 20px;border:2px solid var(--border-color);border-radius:var(--radius-large);font-size:var(--font-base);background-color:var(--bg-primary);box-sizing:border-box;transition:all var(--transition-normal)}.mobile-search-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(33,150,243,.1)}.playback-rate-control{display:flex;align-items:center;gap:8px}.playback-rate-control label{font-size:var(--font-sm);color:var(--text-secondary)}.playback-rate-control input[type=range]{width:150px;height:5px;background:var(--border-dark);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;border-radius:2px}.playback-rate-control input[type=range]:hover{opacity:1}.playback-rate-control .rate-display{min-width:50px;text-align:right;font-size:var(--font-sm);color:var(--text-secondary)}.voice-controls{display:flex;gap:20px;align-items:center}.voice-type-selector,.voice-selector{display:flex;align-items:center;gap:8px}.voice-type-selector label,.voice-selector label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap}.voice-type-selector select,.voice-selector select{padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-small);background-color:var(--bg-primary);min-width:120px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-normal)}.voice-type-selector select:hover,.voice-selector select:hover{border-color:var(--text-muted)}.voice-type-selector select:focus,.voice-selector select:focus{border-color:var(--primary-color);outline:none}.new-subject-form{display:flex;gap:10px;margin-top:10px}.new-subject-form input{flex:1}.question-type-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.type-option{padding:15px 25px;border:2px solid var(--border-color);border-radius:var(--radius-medium);cursor:pointer;text-align:center;transition:all var(--transition-normal);min-width:120px;background-color:var(--bg-primary);color:var(--text-primary)}.type-option:hover{border-color:var(--secondary-color);background-color:#f5f9ff}.type-option.selected{border-color:var(--secondary-color);background-color:#e3f2fd;color:#0d47a1;font-weight:500}.question-form{display:flex;flex-direction:column;gap:20px}.create-subject-form{display:flex;flex-direction:column;gap:20px;max-width:500px;margin:0 auto}.create-subject-form input[type=text]{padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-small);font-size:var(--font-base);width:100%;max-width:200px;align-self:center}.add-permission-form{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-medium);padding:20px;margin-bottom:30px}.add-permission-form h5{margin-top:0;margin-bottom:20px;color:var(--text-primary);font-size:var(--font-lg)}.add-permission-form form{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.add-permission-form>div{display:flex;flex-direction:column;flex:1;min-width:200px}.add-permission-form label{font-weight:500;color:var(--text-secondary);margin-bottom:8px}.add-permission-form select{padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-small);font-size:var(--font-base);background-color:var(--bg-primary)}.add-permission-form button{padding:10px 20px;background-color:var(--primary-color);color:var(--text-light);border:none;border-radius:var(--radius-small);font-size:var(--font-base);cursor:pointer;height:fit-content}.add-permission-form button:hover{background-color:var(--primary-hover)}@media (max-width: 768px){.add-permission-form form{flex-direction:column}.add-permission-form>div{min-width:100%}.search-input{padding:12px 15px;font-size:14px;min-width:auto}.voice-controls{flex-direction:column;align-items:flex-start}.voice-type-selector,.voice-selector{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop);padding:20px}.modal-content{background:var(--bg-primary);padding:30px;border-radius:var(--radius-medium);box-shadow:var(--shadow-heavy);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-light)}.modal-title{margin:0;color:var(--text-primary);font-size:var(--font-xl);font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:8px;border-radius:50%;transition:all var(--transition-normal);width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--bg-secondary);color:var(--danger-color)}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop)}.settings-modal-content{background:var(--bg-primary);padding:30px;border-radius:var(--radius-medium);box-shadow:var(--shadow-heavy);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.settings-modal-content h2{text-align:center;margin-bottom:25px;color:var(--text-primary);font-size:var(--font-xl)}.settings-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{color:var(--text-secondary);margin-top:0;margin-bottom:15px;font-size:var(--font-lg)}.settings-modal-content .select-group,.settings-modal-content .playback-rate-control,.settings-modal-content .microphone-selector,.settings-modal-content .voice-type-selector,.settings-modal-content .voice-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;align-items:flex-start}.settings-modal-content label{font-weight:500;color:var(--text-primary);margin-bottom:5px}.settings-modal-content select,.settings-modal-content input[type=range]{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-small);font-size:var(--font-base);background-color:var(--bg-primary);color:var(--text-primary)}.settings-modal-content input[type=range]{height:5px;background:var(--border-dark);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;border-radius:2px}.settings-modal-content input[type=range]:hover{opacity:1}.settings-modal-content .rate-display{min-width:50px;text-align:right;font-size:var(--font-sm);color:var(--text-secondary);align-self:flex-end}.question-wizard-container{max-width:800px;width:800px;margin:0 auto;padding:20px;background:var(--bg-primary);border-radius:var(--radius-medium);box-shadow:var(--shadow-light);position:relative}.wizard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-light)}.wizard-header h2{margin:0;color:var(--text-primary);font-size:var(--font-xl)}.wizard-step-indicator{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.wizard-step-indicator:before{content:"";position:absolute;top:15px;left:0;right:0;height:2px;background-color:var(--border-color);z-index:1}.step-item{display:flex;flex-direction:column;align-items:center;z-index:2;flex:1}.step-item:not(:last-child){margin-right:10px}.step-number{width:32px;height:32px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:700;margin-bottom:8px;z-index:2}.step-item.active .step-number{background-color:var(--secondary-color);color:var(--text-light)}.step-item.completed .step-number{background-color:var(--primary-color);color:var(--text-light)}.step-label{font-size:var(--font-xs);color:var(--text-muted);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-item.active .step-label,.step-item.completed .step-label{color:var(--text-primary)}.wizard-content{min-height:200px}.wizard-step h3{text-align:center;color:var(--text-primary);margin-bottom:20px;font-size:var(--font-xl)}.wizard-navigation{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-light)}.wizard-step .success-message,.wizard-step .error-message{text-align:center;padding:10px;border-radius:var(--radius-small);margin-top:10px}.wizard-step .success-message{background-color:#e8f5e9;color:#2e7d32}.admin-dashboard-container{max-width:1000px;margin:0 auto;padding:20px;background:var(--bg-primary);border-radius:var(--radius-medium);box-shadow:var(--shadow-light)}.admin-dashboard-container h1{text-align:center;color:var(--text-primary);margin-bottom:30px;font-size:var(--font-3xl)}.admin-dashboard-container .exit-admin-button{align-self:flex-start;margin-bottom:20px;padding:8px 16px;background-color:var(--danger-color);color:var(--text-light);border:none;border-radius:var(--radius-small);cursor:pointer;font-size:var(--font-sm);transition:background-color var(--transition-normal)}.admin-dashboard-container .exit-admin-button:hover{background-color:var(--danger-hover)}.admin-wizard-container{min-height:400px}.wizard-step{padding:20px 0}.wizard-step h2{text-align:center;color:var(--text-primary);margin-top:0;margin-bottom:30px;font-size:var(--font-2xl)}.welcome-step{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.welcome-step h2{margin-bottom:30px}.welcome-step p{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:40px}.welcome-options{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.welcome-option-button{display:flex;flex-direction:column;align-items:center;padding:30px;border:2px solid var(--border-color);border-radius:var(--radius-large);background-color:var(--bg-light);cursor:pointer;transition:all var(--transition-normal);min-width:200px}.welcome-option-button:hover{border-color:var(--secondary-color);background-color:#f5f9ff;transform:translateY(-5px);box-shadow:var(--shadow-medium)}.option-icon{font-size:48px;margin-bottom:15px}.option-text{font-size:var(--font-lg);font-weight:500;color:var(--text-primary)}@media (max-width: 768px){.settings-modal-content{padding:20px}.settings-modal-content h2{font-size:22px}.settings-modal-content h3{font-size:16px}.settings-modal-content select,.settings-modal-content input[type=range]{font-size:14px;padding:8px}.close-modal-button{padding:8px 15px;font-size:14px}.question-wizard-container{padding:15px;width:100%;max-width:100%}.admin-dashboard-container{padding:15px}.admin-dashboard-container h1{font-size:24px}.mobile-tutorial-content{bottom:15px;left:15px;right:15px;padding:16px}.mobile-tutorial-title{font-size:16px}.mobile-tutorial-description{font-size:13px}.mobile-tutorial-btn{padding:10px 14px;font-size:13px}}.app-container{display:flex;flex-direction:column;min-height:100vh}.App{width:100%;margin:0 auto;padding:20px;flex:1;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.global-controls{background:var(--bg-secondary);padding:10px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;gap:20px;position:relative}.global-controls .user-display{position:absolute;left:20px}.global-controls .settings-control-group{position:absolute;right:20px}.controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:center}.subject-selector-container{display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0}.navigation-buttons{display:flex;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:20px auto 0;position:relative;padding:0;box-sizing:border-box}.nav-button-container-left,.nav-button-container-right{position:absolute;top:0;width:40px;height:40px;z-index:1}.nav-button-container-left{left:0}.nav-button-container-right{right:30px}.nav-button-container-center{display:flex;justify-content:center;gap:20px;width:100%;position:relative;z-index:0}.tabs{display:flex;justify-content:center;gap:1rem;margin:1rem 0;padding:0 1rem}.tab-content{padding:0}.study-mode,.recite-mode,.quiz-mode,.history-mode{max-width:1200px;margin:0 auto}.mode-start{text-align:center;padding:2rem;background-color:var(--bg-primary);border-radius:var(--radius-medium);box-shadow:var(--shadow-light);margin:2rem auto;max-width:600px}.mode-start h2{color:var(--text-primary);margin-bottom:1rem}.mode-start p{color:var(--text-secondary);margin-bottom:2rem}.play-all-buttons{display:flex;gap:1rem;position:fixed;bottom:20px;right:20px;z-index:100}.play-all-buttons .audio-button{padding:.75rem 1.5rem;font-size:1.1rem;background-color:var(--primary-color);color:var(--text-light);border:none;border-radius:var(--radius-small);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:.5rem}.play-all-buttons .audio-button:hover{background-color:var(--primary-hover)}.play-all-buttons .audio-button:disabled{background-color:var(--border-dark);cursor:not-allowed}.history-list{background-color:var(--bg-primary);border-radius:var(--radius-medium);padding:1rem;box-shadow:var(--shadow-light)}.user-management-container{padding:20px}.user-management-container h4{text-align:center;color:var(--text-primary);margin-bottom:30px;font-size:var(--font-2xl)}.users-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-medium);padding:20px}.users-list h5{margin-top:0;margin-bottom:20px;color:var(--text-primary);font-size:var(--font-lg)}.users-list table{width:100%;border-collapse:collapse}.users-list th,.users-list td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}.users-list th{background-color:var(--bg-secondary);font-weight:500;color:var(--text-secondary)}.users-list td ul{margin:0;padding-left:20px}.users-list td li{margin-bottom:10px;display:flex;align-items:center;gap:10px}.users-list td li select{padding:5px;border:1px solid var(--border-color);border-radius:var(--radius-small);font-size:var(--font-sm)}.users-list .delete-btn,.users-list .delete-all-btn{padding:5px 10px;background-color:var(--danger-color);color:var(--text-light);border:none;border-radius:var(--radius-small);font-size:var(--font-xs);cursor:pointer;margin-left:10px}.users-list .delete-btn:hover,.users-list .delete-all-btn:hover{background-color:var(--danger-hover)}.no-permissions{color:var(--text-muted);font-style:italic}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-normal)}.loading-overlay .spinner{display:none}.loading-overlay p{color:var(--text-primary);font-size:var(--font-base);font-weight:500}.fallback-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.7);color:var(--text-light);padding:15px 25px;border-radius:var(--radius-medium);z-index:1000;text-align:center;font-size:var(--font-base);box-shadow:var(--shadow-heavy);animation:fadein .3s,fadeout .3s 1s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.App{padding:10px}.global-controls{flex-direction:column;gap:10px;padding:10px}.nav-button-container-center{gap:10px!important}.users-list{overflow-x:auto}.users-list table{min-width:600px}}.mobile-app-title{font-size:var(--font-lg);font-weight:600;margin:0;flex:1;text-align:center}@media (max-width: 768px){.App{max-width:100%;padding:10px}body{font-size:16px}.nav-button{padding:16px 24px!important;font-size:18px!important;border-radius:var(--radius-large)!important;min-height:56px!important}.nav-button-small{width:56px!important;height:56px!important;font-size:24px!important;border-radius:50%!important}.nav-button-container-center{gap:10px!important}.question-card{margin:15px 0!important;padding:15px!important;border-radius:var(--radius-large)!important}.question-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important;padding:15px!important}.header-left{width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.header-right{width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.search-input{padding:16px 20px!important;font-size:18px!important;border-radius:var(--radius-large)!important;min-width:auto!important}.mode-button{padding:10px 16px!important;font-size:14px!important;border-radius:0!important;min-width:80px!important}.view-mode-switcher{flex-wrap:nowrap!important;gap:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.recording-actions-inline{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important}.recording-actions-inline .stop-button,.recording-actions-inline .cancel-button{width:100%!important;padding:12px 20px!important;font-size:16px!important;border-radius:var(--radius-medium)!important}.uploading-info-inline{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important}.questions-list .question-card{padding:15px}.questions-list .question-header,.questions-list .header-right{flex-direction:column;gap:10px;align-items:flex-start}.search-container{padding:0 5px}.search-input{padding:12px 15px;font-size:14px}.search-result-card{padding:15px}.search-result-card .question-header,.search-result-card .header-right{flex-direction:column;gap:10px;align-items:flex-start}}@media (min-width: 769px){.mobile-action-button{padding:12px 20px!important;font-size:18px!important;font-weight:700!important;border-radius:var(--radius-medium)!important;min-width:70px!important;height:50px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 4px!important;background-color:var(--primary-color)!important;color:var(--text-light)!important;border:2px solid var(--primary-hover)!important;cursor:pointer!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-light)!important}.mobile-action-button:hover:not(:disabled){background-color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-medium)!important}.mobile-action-button:active:not(:disabled){transform:translateY(0)!important;box-shadow:var(--shadow-light)!important}.mobile-action-button:disabled{background-color:var(--border-dark)!important;color:var(--text-muted)!important;border-color:var(--text-muted)!important;cursor:not-allowed!important;box-shadow:none!important}}@media (max-width: 480px){.mobile-menu-content{width:95%;max-width:320px}.mobile-menu-header{padding:15px}.mobile-menu-title{font-size:18px}.mobile-menu-section{padding:15px}.mobile-user-avatar{width:40px;height:40px;font-size:20px}.mobile-user-name{font-size:16px}.mobile-user-status{font-size:12px}.mobile-action-btn{font-size:16px;padding:12px 16px}.mobile-question-card{padding:15px}.mobile-nav-dot{width:10px;height:10px}.mobile-select{font-size:14px;padding:10px 14px}.mobile-setting-display{padding:10px 12px}.mobile-setting-label,.mobile-setting-value{font-size:12px}.mobile-tutorial-content{bottom:15px;left:15px;right:15px;padding:16px}.mobile-tutorial-title{font-size:16px}.mobile-tutorial-description{font-size:13px}.mobile-tutorial-btn{padding:10px 14px;font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.App{padding:15px}.question-card{margin:15px 0;padding:18px}.nav-button{padding:12px 18px;font-size:16px}.search-input{min-width:400px}}@media (min-width: 1025px){.App{max-width:1400px;margin:0 auto}.question-card{margin:25px 0;padding:25px}.nav-button{padding:12px 24px;font-size:16px}.search-input{min-width:600px}}@media (min-width: 1440px){.App{max-width:1600px}.question-card{margin:30px 0;padding:30px}.nav-button{padding:14px 28px;font-size:18px}}@media print{.mobile-app,.global-controls,.navigation-buttons,.play-all-buttons,.mobile-bottom-nav{display:none!important}.question-card{break-inside:avoid;margin:20px 0;padding:20px;border:1px solid #000;box-shadow:none}.question-text,.answer-text{font-size:14px;line-height:1.4}}@media (prefers-contrast: high){:root{--primary-color: #000000;--secondary-color: #000000;--text-primary: #000000;--text-secondary: #000000;--border-color: #000000;--bg-primary: #ffffff;--bg-secondary: #ffffff}.question-card,button{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mobile-question-card.page-flip-left,.mobile-question-card.page-flip-right,.mobile-question-card.page-flip-in-left,.mobile-question-card.page-flip-in-right{animation:none}}@media (prefers-color-scheme: dark){:root{--primary-color: #4CAF50;--primary-hover: #45a049;--secondary-color: #2196F3;--secondary-hover: #1976D2;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--bg-light: #2a2a2a;--border-color: #404040;--border-light: #505050;--border-dark: #606060}.question-card{background:var(--bg-primary);border-color:var(--border-color)}.question-header{background:var(--bg-secondary)}.answer-section{background:var(--bg-tertiary)}.mobile-app{background-color:var(--bg-secondary)}.mobile-header{background-color:var(--secondary-color)}.mobile-menu-content{background-color:var(--bg-primary)}.mobile-menu-header{background-color:var(--bg-secondary)}}.question-card{background:var(--bg-primary);border-radius:var(--radius-medium);box-shadow:var(--shadow-light);margin:20px 0;padding:20px;border:1px solid var(--border-color);width:100%;box-sizing:border-box;transition:all var(--transition-normal)}.question-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.question-card.playing{border:2px solid var(--primary-color);box-shadow:0 0 10px rgba(76,175,80,.5);transform:scale(1.02)}.question-card.current{border:2px solid var(--secondary-color);box-shadow:0 0 8px rgba(33,150,243,.3)}.question-card.recording-active{border:2px solid var(--danger-color);box-shadow:0 0 10px rgba(244,67,54,.5)}.question-header{background:var(--bg-secondary);border-radius:6px;padding:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px;flex-wrap:nowrap;overflow-x:auto;font-size:.9em;font-weight:400;color:var(--text-secondary)}.header-left{flex-shrink:0}.header-right{display:flex;flex-direction:row;gap:30px;flex-wrap:nowrap;overflow-x:auto}.header-item{display:inline-flex;align-items:center;gap:8px;min-width:fit-content;flex-shrink:0;white-space:nowrap}.header-item .label{color:var(--text-secondary);font-weight:500}.header-item .value{color:var(--text-secondary);font-weight:400}.question-content{width:100%;padding:20px;box-sizing:border-box;margin:0}.question-content .question-text{max-width:none!important;width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-wrap:break-word!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;border-radius:0!important}.answer-section{background:var(--bg-tertiary);border-radius:6px;padding:20px}.answer-section h3,.answer-section h4{color:#2c3e50;margin-top:0;margin-bottom:15px;font-size:var(--font-lg)}.options{margin-top:20px;padding:15px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px}.options h3,.options h4{color:#2c3e50;margin-top:0;margin-bottom:15px}.options ul{list-style:none;padding:0;margin:0}.options li{padding:8px 0;border-bottom:1px solid var(--border-light)}.options li:last-child{border-bottom:none}.correct-answer{margin-top:20px;padding:15px;background:#e8f5e9;border-radius:6px;color:#2e7d32}.correct-answer strong{color:#1b5e20}.all-questions{margin-top:0;padding-top:0;padding-bottom:10px;background-color:var(--bg-primary);border-radius:0 0 var(--radius-medium) var(--radius-medium)}.all-questions h2{margin-bottom:20px;color:var(--text-primary)}.all-questions .question-card{margin-bottom:30px;border:1px solid var(--border-light)}.all-questions .question-card h3{color:var(--primary-color);margin-bottom:15px}.all-questions .question-card h4{color:var(--text-secondary);margin:15px 0 10px}.question-play-button{border:none;background:none;cursor:pointer;padding:0 1px;margin-left:4px;font-size:16px;color:var(--text-muted);vertical-align:middle;line-height:1}.question-play-button:hover{color:var(--secondary-color)}.view-mode-switcher{display:flex;justify-content:center;margin:0;gap:0;border-bottom:2px solid var(--border-color);background-color:var(--bg-light);border-radius:var(--radius-medium) var(--radius-medium) 0 0;overflow:hidden}.questions-list{display:flex;flex-direction:column;gap:20px}.questions-list .question-card{margin:0;transition:all var(--transition-normal);width:100%;box-sizing:border-box}.questions-list .question-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.questions-list .question-card.playing{border:2px solid var(--primary-color);box-shadow:0 0 10px rgba(76,175,80,.5)}.questions-list .question-card.recording-active{border:2px solid var(--danger-color);box-shadow:0 0 10px rgba(244,67,54,.5)}.questions-list .question-header{background:var(--bg-tertiary);border:1px solid var(--border-light)}.questions-list .question-content{background:var(--bg-primary);border:1px solid var(--border-light)}.questions-list .answer-section{background:var(--bg-tertiary);border:1px solid var(--border-light)}.mobile-question-container{perspective:1200px;position:relative}.mobile-question-card{backface-visibility:hidden;transform-style:preserve-3d}.mobile-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:8px}.mobile-question-index{font-size:var(--font-sm);font-weight:600;color:var(--secondary-color);flex-shrink:0;margin-right:auto}.mobile-question-meta{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap;margin-left:auto}.mobile-question-content{width:100%;box-sizing:border-box;margin-top:10}.mobile-question-content .question-text{max-width:none!important;width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-wrap:break-word!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;border-radius:0!important}.mobile-action-buttons{display:flex;justify-content:space-around;gap:10px}@media (max-width: 768px){.question-header{flex-direction:column!important;align-items:flex-start!important;gap:15px!important;padding:15px!important}.header-left{width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.header-right{width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.view-mode-switcher{flex-direction:column;align-items:center}.mode-button{width:200px}.questions-list .question-card{padding:15px}.questions-list .question-header,.questions-list .header-right{flex-direction:column;gap:10px;align-items:flex-start}}.recording-controls{display:flex;gap:1rem;margin-top:1rem;padding:1rem;border-top:1px solid var(--border-light)}.recording-actions-row{display:flex;align-items:center;gap:10px}.recording-timer{color:var(--danger-color);font-weight:700}.uploading-info{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:700}.uploading-text{color:var(--text-primary)}.recording-indicator{display:flex;align-items:center;gap:.5rem;color:var(--danger-color);font-weight:700}.recording-indicator:before{content:"";width:12px;height:12px;background-color:var(--danger-color);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1);opacity:1}}.recording-actions-inline{display:inline-flex;align-items:center;gap:10px;margin-left:8px;vertical-align:middle}.recording-actions-inline .recording-timer{color:var(--danger-color);font-weight:700;white-space:nowrap}.recording-actions-inline .stop-button,.recording-actions-inline .cancel-button{padding:4px 8px;font-size:12px;height:28px;white-space:nowrap}.uploading-info-inline{display:inline-flex;align-items:center;gap:8px;margin-left:8px;vertical-align:middle;color:var(--text-primary);font-weight:700;white-space:nowrap}.uploading-info-inline .uploading-text{white-space:nowrap}.uploading-info-inline .loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.recording-preview{padding:1rem;background-color:var(--bg-tertiary);border-radius:var(--radius-small);border:1px solid var(--border-light)}.audio-info{margin-bottom:1rem;padding:.5rem;background-color:var(--bg-primary);border-radius:var(--radius-small);border:1px solid var(--border-color)}.audio-info p{margin:.5rem 0;color:var(--text-secondary);font-size:.9rem}.audio-controls{display:flex;align-items:center;gap:1rem}.preview-audio{flex:1;max-width:300px}.transcription-results{margin-top:20px;padding:15px;border-top:1px solid var(--border-color)}.transcription-section,.evaluation-section{margin-bottom:15px}.transcription-section h4,.evaluation-section h4{margin-bottom:8px;color:var(--text-primary);font-size:var(--font-base)}.transcription{margin:10px 0;padding:15px;background-color:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-small)}.transcription p{margin:0;font-size:var(--font-sm)}.transcribing-indicator{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px;background-color:var(--bg-tertiary);border-radius:var(--radius-small)}.loading-spinner{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transcription-text{margin-top:10px;padding:10px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-small);white-space:pre-wrap;line-height:1.5;font-size:var(--font-sm)}.upload-success-toast{position:fixed;top:20px;right:20px;background-color:var(--primary-color);color:var(--text-light);padding:15px;border-radius:var(--radius-small);box-shadow:var(--shadow-medium);z-index:1000;animation:fadein .5s,fadeout .5s 2.5s}@keyframes fadein{0%{right:0;opacity:0}to{right:20px;opacity:1}}@keyframes fadeout{0%{right:20px;opacity:1}to{right:0;opacity:0}}@media (max-width: 768px){.recording-actions-inline{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important}.recording-actions-inline .stop-button,.recording-actions-inline .cancel-button{width:100%!important;padding:12px 20px!important;font-size:16px!important;border-radius:var(--radius-medium)!important}.uploading-info-inline{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important}.recording-controls,.audio-controls{flex-direction:column;gap:15px}.preview-audio{max-width:100%}}.search-container{margin-bottom:20px;margin-top:20px;padding:0 10px}.search-results{margin-top:20px}.no-search-results{text-align:center;padding:40px 20px;background-color:var(--bg-light);border-radius:var(--radius-medium);color:var(--text-secondary);font-size:var(--font-base)}.no-search-results p{margin:0}.search-results-list{display:flex;flex-direction:column;gap:15px}.search-result-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-medium);padding:20px;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-light);width:100%;box-sizing:border-box}.search-result-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-medium);transform:translateY(-2px);background-color:#f5f9ff}.search-result-card .question-header{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;padding:12px 15px;margin-bottom:15px}.search-result-card .question-content{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;padding:12px 15px;margin-bottom:15px}.search-result-card .answer-section{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;padding:12px 15px}.search-result-card .question-text{color:var(--text-primary);font-size:var(--font-xl);line-height:1.6;margin:0}.search-result-card .answer-text{color:var(--text-secondary);font-size:var(--font-lg);line-height:1.5;margin:0}.search-result-card .question-text,.search-result-card .answer-text{position:relative}.search-result-card .header-left{display:flex;align-items:center;gap:10px}.search-result-card .question-index{background-color:var(--secondary-color);color:var(--text-light);padding:4px 8px;border-radius:var(--radius-small);font-size:var(--font-sm);font-weight:700;min-width:30px;text-align:center}.mobile-search-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-light);flex-wrap:nowrap}.mobile-search-result-index{background-color:var(--secondary-color);color:var(--text-light);padding:4px 8px;border-radius:6px;font-size:var(--font-xs);font-weight:600;min-width:24px;text-align:left;flex-shrink:0}.mobile-search-result-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:var(--font-xs);color:var(--text-secondary);flex-shrink:0}.search-highlight{background-color:#ffeb3b;color:var(--text-primary);padding:0 2px;border-radius:2px;font-weight:700}.search-highlight{background-color:#ffeb3b;color:var(--text-primary);padding:0 2px;border-radius:2px;font-weight:500}@media (max-width: 768px){.search-container{padding:0 5px}.search-result-card{padding:15px}.search-result-card .question-header,.search-result-card .header-right{flex-direction:column;gap:10px;align-items:flex-start}.mobile-search-result-card{padding:15px}.mobile-search-result-header{flex-direction:row;gap:8px;align-items:center;justify-content:space-between;flex-wrap:nowrap}}.subject-manager-container{padding:20px}.subject-manager-container h3{text-align:center;color:var(--text-primary);margin-top:0;margin-bottom:20px;font-size:var(--font-xl)}.subject-manager-container ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.subject-manager-container li{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-light)}.subject-manager-container button{padding:8px 16px;background-color:var(--primary-color);color:var(--text-light);border:none;border-radius:var(--radius-small);cursor:pointer;font-size:var(--font-sm);transition:background-color var(--transition-normal)}.subject-manager-container button:hover{background-color:var(--primary-hover)}.step-navigation{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-light);text-align:center}.nav-button.secondary{background-color:#6c757d;color:var(--text-light);padding:10px 20px;border:none;border-radius:var(--radius-small);font-size:var(--font-base);cursor:pointer;transition:background-color var(--transition-normal)}.nav-button.secondary:hover{background-color:#5a6268}.confirmation-details{background-color:var(--bg-tertiary);border-radius:var(--radius-medium);padding:20px}.confirmation-item{display:flex;margin-bottom:15px}.confirmation-item .label{font-weight:500;color:var(--text-secondary);width:100px;flex-shrink:0}.confirmation-item .value{flex:1;color:var(--text-primary)}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:30px}.tab-button{padding:12px 24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius-small) var(--radius-small) 0 0;cursor:pointer;font-size:var(--font-base);font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal);margin-right:5px}.tab-button:hover{background-color:var(--bg-light)}.tab-button.active{background-color:var(--bg-primary);color:var(--secondary-color);border-bottom:2px solid var(--bg-primary);margin-bottom:-1px}.start-wizard-container{text-align:center;padding:40px 20px}.start-wizard-container p{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:30px}.under-construction{text-align:center;padding:60px 20px}.under-construction h3{color:var(--text-secondary);font-size:var(--font-2xl);margin-bottom:20px}.under-construction p{color:var(--text-muted);font-size:var(--font-lg)}@media (max-width: 768px){.subject-manager-container li{flex-direction:column;gap:10px;align-items:flex-start}.options-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.function-option{padding:15px}.function-option .option-icon{font-size:24px}.function-option .option-text{font-size:var(--font-sm)}.confirmation-item{flex-direction:column;gap:5px}.confirmation-item .label{width:auto}}.mobile-app{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body.capacitor-app{padding-top:var(--status-bar-height, 0px)}body.capacitor-app .mobile-header{top:var(--status-bar-height, 0px)}.safe-area-top{padding-top:var(--status-bar-height, 0px);padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}body.capacitor-app .mobile-header{background-color:var(--secondary-color)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 15px;background-color:var(--secondary-color);color:var(--text-light);box-shadow:var(--shadow-light);position:relative;z-index:100;min-height:40px;height:40px}body.capacitor-app .mobile-header{position:-webkit-sticky;position:sticky;top:var(--status-bar-height, 0px)}.mobile-menu-button{background:none;border:none;color:var(--text-light);font-size:24px;padding:8px;cursor:pointer;border-radius:var(--radius-small);transition:background-color var(--transition-normal)}.mobile-menu-button:hover{background-color:rgba(255,255,255,.1)}.mobile-app-title{font-size:var(--font-lg);font-weight:600;margin:0;flex:1;text-align:center;color:#fff!important}.mobile-header-spacer{width:40px}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000001;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-start}body.capacitor-app .mobile-menu-overlay{padding-top:var(--status-bar-height, 0px);box-sizing:border-box}.mobile-menu-content{background-color:var(--bg-primary);width:85%;max-width:350px;height:100%;padding:0;box-shadow:var(--shadow-medium);overflow-y:auto;display:flex;flex-direction:column}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-menu-title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin:0}.mobile-menu-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:8px;border-radius:var(--radius-small);transition:all var(--transition-normal)}.mobile-menu-close:hover{background-color:var(--bg-light);color:var(--text-primary)}.mobile-menu-section{padding:20px;border-bottom:1px solid var(--border-light)}.mobile-section-title{font-size:var(--font-base);font-weight:600;color:var(--text-secondary);margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.mobile-user-info{display:flex;align-items:center;gap:15px;margin-bottom:20px}.mobile-user-avatar{width:50px;height:50px;background-color:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--secondary-color)}.mobile-user-details{flex:1}.mobile-user-name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:5px}.mobile-user-status{font-size:var(--font-sm);color:var(--primary-color);font-weight:500}.mobile-user-actions{display:flex;flex-direction:column;gap:10px}.mobile-admin-button,.mobile-logout-button{width:100%;padding:12px 20px;border:none;border-radius:var(--radius-medium);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:10px}.mobile-button-icon{font-size:18px}.mobile-admin-button{background-color:var(--warning-color);color:var(--text-light)}.mobile-admin-button:hover{background-color:var(--warning-hover);transform:translateY(-1px)}.mobile-logout-button{background-color:var(--primary-color);color:var(--text-light)}.mobile-logout-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.mobile-current-settings{display:flex;flex-direction:column;gap:12px}.mobile-setting-display{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-secondary);border-radius:var(--radius-medium);border:1px solid var(--border-light)}.mobile-setting-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.mobile-setting-value{font-size:var(--font-sm);color:var(--text-primary);font-weight:600}.mobile-tab-content{flex:1;padding:0 0 70px;background-color:#f5f5f5;margin-top:0}.mobile-study-mode{max-width:100%;margin:0 auto;padding:0}.mobile-tab-switcher{display:flex;background-color:var(--bg-primary);width:100%}.mobile-bottom-nav{position:fixed;bottom:8px;left:0;right:0;background-color:var(--bg-primary);box-shadow:0 -2px 5px rgba(0,0,0,.1);z-index:100}.mobile-bottom-nav.android-capacitor{padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-footer{text-align:center;padding:15px;font-size:var(--font-xs);color:var(--text-secondary);background-color:#f0f0f0}.mobile-error{background-color:#ffebee;color:#c62828;padding:15px;margin:10px;border-radius:var(--radius-medium);text-align:center;font-size:var(--font-sm)}.mobile-audio-error{background-color:#fff3cd;color:#856404;padding:15px;margin:10px;border-radius:var(--radius-medium);text-align:center;font-size:var(--font-sm)}.mobile-warning{background-color:#e3f2fd;color:#1565c0;padding:15px;margin:10px;border-radius:var(--radius-medium);text-align:center;font-size:var(--font-sm)}.mobile-submenu{margin-top:10px;margin-left:10px;border-left:3px solid var(--border-color);padding-left:15px;display:flex;flex-direction:column;gap:15px}.mobile-submenu-item{display:flex;flex-direction:column;gap:8px}.mobile-submenu-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:5px}.mobile-submenu-arrow{margin-left:auto;font-size:var(--font-xs);color:var(--text-secondary);transition:transform var(--transition-normal)}.mobile-menu-divider{height:1px;background-color:var(--border-color);margin:15px 0}.mobile-hidden{display:none!important}@media (max-width: 480px){.mobile-menu-content{width:95%;max-width:320px}.mobile-menu-header{padding:15px}.mobile-menu-title{font-size:18px}.mobile-menu-section{padding:15px}.mobile-user-avatar{width:40px;height:40px;font-size:20px}.mobile-user-name{font-size:16px}.mobile-user-status{font-size:12px}.mobile-setting-display{padding:10px 12px}.mobile-setting-label,.mobile-setting-value{font-size:12px}}@media (max-width: 768px){.global-controls,.app-container>.global-controls{display:none}.mobile-app{display:flex}}.mobile-app ::-webkit-scrollbar{display:none}.mobile-app,.mobile-question-container{-ms-overflow-style:none;scrollbar-width:none}.mobile-question-container::-webkit-scrollbar{display:none}body.no-scroll{overflow:hidden;position:fixed;width:100%;height:100%}@media (min-width: 769px){.mobile-app{display:none}}.mobile-question-card{background:var(--bg-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-light);margin:5px 0;padding:15px 10px;border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;width:100%;box-sizing:border-box}.mobile-question-card.page-flip-left{animation:pageFlipLeft .65s ease-in-out;transform-origin:left center}.mobile-question-card.page-flip-right{animation:pageFlipRight .65s ease-in-out;transform-origin:right center}.mobile-question-card.page-flip-in-left{animation:pageFlipInLeft .65s ease-in-out;transform-origin:left center}.mobile-question-card.page-flip-in-right{animation:pageFlipInRight .65s ease-in-out;transform-origin:right center}@keyframes pageFlipLeft{0%{transform:perspective(1200px) rotateY(0);opacity:1}50%{transform:perspective(1200px) rotateY(-80deg);opacity:.8}to{transform:perspective(1200px) rotateY(-180deg);opacity:0}}@keyframes pageFlipRight{0%{transform:perspective(1200px) rotateY(0);opacity:1}50%{transform:perspective(1200px) rotateY(80deg);opacity:.8}to{transform:perspective(1200px) rotateY(180deg);opacity:0}}@keyframes pageFlipInLeft{0%{transform:perspective(1200px) rotateY(180deg);opacity:0}50%{transform:perspective(1200px) rotateY(100deg);opacity:.8}to{transform:perspective(1200px) rotateY(0);opacity:1}}@keyframes pageFlipInRight{0%{transform:perspective(1200px) rotateY(-180deg);opacity:0}50%{transform:perspective(1200px) rotateY(-100deg);opacity:.8}to{transform:perspective(1200px) rotateY(0);opacity:1}}.mobile-question-card.next-card,.mobile-question-card.prev-card{z-index:1;pointer-events:none}.mobile-question-card.current-card{z-index:2}.mobile-question-container{perspective:1200px;position:relative;min-height:300px;overflow:hidden}.mobile-question-card{backface-visibility:hidden;transform-style:preserve-3d;position:relative}.mobile-question-card.prev-card,.mobile-question-card.next-card{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.mobile-question-card.playing{border:2px solid var(--primary-color);box-shadow:0 15px rgba(76,175,80,.3)}.mobile-question-card.recording-active{border:2px solid var(--danger-color);box-shadow:0 0 15px rgba(244,67,54,.3)}.mobile-question-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:8px}.mobile-question-index{font-size:var(--font-sm);font-weight:600;color:var(--secondary-color);flex-shrink:0;margin-right:10px}.mobile-question-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;margin-left:auto}.mobile-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--font-xs);flex-shrink:0}.mobile-meta-label{color:var(--text-secondary);font-weight:500;white-space:nowrap}.mobile-meta-value{color:var(--text-primary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.mobile-question-content .question-text{font-size:18px!important;font-weight:500!important;color:#333!important;line-height:1.6!important;padding:16px!important;background:#f8f9fa!important;border-radius:8px!important;border-left:4px solid #667eea!important}.answer-text{margin-top:16px}.mobile-answer-section .answer-content{font-size:16px!important;color:#666!important;line-height:1.6!important;padding:16px!important;background:#f0f4ff!important;border-radius:8px!important;border-left:4px solid #4CAF50!important}.mobile-answer-section{background-color:transparent;border-radius:var(--radius-large);padding:0;margin-top:0;transition:all var(--transition-normal)}.mobile-action-buttons{display:flex;justify-content:space-around;gap:10px;margin-top:10px}.mobile-navigation-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0;flex-wrap:wrap}.mobile-question-wrapper{display:flex;flex-direction:column;min-height:calc(100vh - var(--bottom-nav-height) - 80px)}.mobile-question-container{flex:1;overflow-y:auto;padding-bottom:0}.mobile-question-wrapper.android-capacitor .mobile-question-container{padding-bottom:0}.mobile-study-copyright-wrapper{flex-shrink:0;padding-bottom:4px;box-sizing:border-box}.mobile-study-copyright-wrapper.android-capacitor{padding-bottom:4px}:not(.capacitor-app) .mobile-study-copyright-wrapper{padding-top:0;padding-bottom:0}.mobile-questions-list{display:flex;flex-direction:column;gap:15px}.mobile-questions-list .mobile-question-card{width:100%;box-sizing:border-box}.mobile-all-questions{padding:5px}.mobile-android-bottom-spacer{height:120px}.mobile-tab-button{flex:1;padding:6px 8px;border:none;background-color:transparent!important;color:var(--text-secondary);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all var(--transition-normal);border-top:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-tab-button.active{color:var(--secondary-color);border-top-color:var(--secondary-color);background-color:#e3f2fd!important}.mobile-tab-button:hover:not(.active){color:var(--text-primary)}.mobile-tab-button:focus{outline:none;background-color:transparent!important}.mobile-tab-button:active{background-color:transparent!important}.mobile-tab-icon{font-size:18px}.mobile-settings-button{width:100%;padding:15px 20px;background-color:var(--primary-color);color:#fffacd;border:none;border-radius:var(--radius-medium);font-size:var(--font-lg);font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:10px;text-align:left;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.mobile-settings-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(76,175,80,.3);color:#fff}.mobile-setting-group{margin-bottom:20px}.mobile-setting-group label{display:block;margin-bottom:8px;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.mobile-setting-group select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-medium);font-size:var(--font-base);background-color:var(--bg-primary);transition:border-color var(--transition-normal)}.mobile-setting-group select:focus{outline:none;border-color:var(--secondary-color)}.mobile-select-wrapper{position:relative}.mobile-select{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--border-color);border-radius:var(--radius-medium);font-size:var(--font-base);background-color:var(--bg-primary);transition:border-color var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.mobile-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(33,150,243,.1)}.mobile-select-group{margin-bottom:15px}.mobile-select-label{display:block;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:8px}.mobile-submenu-select{font-size:var(--font-sm);padding:10px 14px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-small)}.mobile-submenu-select:focus{border-color:var(--secondary-color);background-color:var(--bg-primary)}.mobile-submenu-refresh-btn{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:10px 16px;border-radius:6px;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;margin-top:5px}.mobile-submenu-refresh-btn:hover{background-color:#e9ecef;border-color:var(--secondary-color);color:var(--secondary-color)}.mobile-microphone-error{color:var(--danger-color);font-size:12px;margin-top:5px;padding-left:5px}.mobile-about-link{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;border:none;background:none;font-size:var(--font-base);font-weight:500;color:var(--text-primary);cursor:pointer;text-align:left;transition:color var(--transition-normal)}.mobile-about-link:hover{color:var(--secondary-color)}.mobile-about-icon{font-size:20px;color:var(--text-secondary)}.mobile-share-code-link{background:none;border:none;color:var(--secondary-color);text-decoration:underline;cursor:pointer;font-size:var(--font-base);padding:5px 0;margin-top:10px;transition:color var(--transition-normal)}.mobile-share-code-link:hover{color:var(--secondary-hover)}@media (max-width: 480px){.mobile-action-btn{font-size:16px;padding:12px 16px}.mobile-question-card{padding:15px}.mobile-nav-dot{width:10px;height:10px}.mobile-select{font-size:14px;padding:10px 14px}.mobile-setting-display{padding:10px 12px}.mobile-setting-label,.mobile-setting-value{font-size:12px}}.mobile-recording-controls{background-color:#fff3e0;border-radius:var(--radius-large);padding:20px;margin:20px 0;text-align:center}.mobile-recording-timer{color:var(--danger-color);font-size:var(--font-lg);font-weight:600;margin-bottom:15px}.mobile-recording-buttons{display:flex;gap:15px;justify-content:center}.mobile-uploading-info{background-color:#e3f2fd;border-radius:var(--radius-large);padding:20px;margin:20px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.mobile-uploading-text{color:#1976d2;font-size:var(--font-base);font-weight:500}.mobile-loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid var(--secondary-color);border-radius:50%;animation:mobile-spin 1s linear infinite}.mobile-retry-info{background-color:#fff3e0;border-radius:var(--radius-large);padding:20px;margin:20px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;border:1px solid #ffb74d}.mobile-retry-text{color:#f57c00;font-size:var(--font-base);font-weight:500}@keyframes mobile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-evaluation-result{background-color:#f3e5f5;border:1px solid #ce93d8;border-radius:var(--radius-large);padding:15px;margin:20px 0;font-size:var(--font-sm);line-height:1.5;color:#4a148c}.mobile-evaluation-label{font-weight:600;color:#6a1b9a}.mobile-playback-controls{display:flex;justify-content:center;gap:20px;margin:20px 0}.mobile-search-container{margin:15px 0}.mobile-search-results{margin-top:15px}.mobile-no-search-results{text-align:center;padding:40px 20px;background-color:var(--bg-primary);border-radius:var(--radius-large);color:var(--text-secondary);font-size:var(--font-base)}.mobile-search-results-list{display:flex;flex-direction:column;gap:15px}.mobile-search-result-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-large);padding:20px 10px;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-light);width:100%;box-sizing:border-box}.mobile-search-result-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.mobile-search-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-light);flex-wrap:nowrap}.mobile-search-result-index{background-color:var(--secondary-color);color:var(--text-light);padding:4px 8px;border-radius:6px;font-size:var(--font-xs);font-weight:600;min-width:24px;text-align:left;flex-shrink:0;order:1}.mobile-search-result-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:var(--font-xs);color:var(--text-secondary);flex-shrink:0;order:2}.mobile-search-result-content,.mobile-search-result-answer{margin-bottom:15px}.mobile-search-result-text{font-size:var(--font-sm);line-height:1.5;color:var(--text-primary);margin:0}.mobile-tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;pointer-events:auto}.mobile-tutorial-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8)}.mobile-tutorial-highlight{position:absolute;border-radius:var(--radius-medium);border:3px solid var(--secondary-color);box-shadow:0 0 9999px rgba(0,0,0,.7);z-index:2001;pointer-events:none;animation:tutorial-pulse 2s infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 9999px #000001,0 0 rgba(0,123,255,.7)}50%{box-shadow:0 0 0 9999px #000001,0 0 10px rgba(0,123,255,.4)}}.mobile-tutorial-content{position:absolute;bottom:20px;left:20px;right:20px;background-color:var(--bg-primary);border-radius:var(--radius-large);padding:20px;box-shadow:var(--shadow-heavy);z-index:2002}.mobile-tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mobile-tutorial-progress{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.mobile-tutorial-body{margin-bottom:20px}.mobile-tutorial-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0 0 8px}.mobile-tutorial-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5;margin:0}.mobile-tutorial-footer{display:flex;gap:12px}.mobile-tutorial-btn{flex:1;padding:12px 16px;border:none;border-radius:var(--radius-medium);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.mobile-tutorial-prev{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.mobile-tutorial-prev:hover:not(:disabled){background-color:#e9ecef}.mobile-tutorial-prev:disabled{opacity:.5;cursor:not-allowed}.mobile-tutorial-next{background-color:var(--secondary-color);color:var(--text-light)}.mobile-tutorial-next:hover{background-color:var(--secondary-hover)}.mobile-tutorial-skip{background:none;border:none;color:var(--text-muted);font-size:var(--font-sm);cursor:pointer;padding:4px 8px;border-radius:var(--radius-small);transition:color var(--transition-normal)}.mobile-tutorial-skip:hover{color:var(--text-secondary)}.mobile-settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-settings-modal{background-color:var(--bg-primary);border-radius:var(--radius-xl);max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-heavy)}.mobile-settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.mobile-settings-modal-header h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.mobile-settings-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:8px;border-radius:50%;transition:all var(--transition-normal)}.mobile-settings-modal-close:hover{background-color:var(--bg-light);color:var(--text-primary)}.mobile-settings-modal-content{padding:20px}.mobile-about-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-about-modal{background-color:var(--bg-primary);border-radius:var(--radius-xl);max-width:400px;width:100%;box-shadow:var(--shadow-heavy);animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mobile-about-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.mobile-about-modal-header h3{margin:0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.mobile-about-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:8px;line-height:1;border-radius:50%;transition:all var(--transition-normal)}.mobile-about-modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.mobile-about-modal-content{padding:20px;font-size:var(--font-sm);line-height:1.6;color:var(--text-secondary)}.mobile-about-modal-content p{margin:0 0 10px}.mobile-about-modal-content p:last-child{margin-bottom:0}.mobile-settings-refresh-btn{background-color:var(--secondary-color);color:var(--text-light);border:none;padding:12px 24px;border-radius:var(--radius-medium);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-settings-refresh-btn:hover{background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(33,150,243,.3)}@media (max-width: 480px){.mobile-tutorial-content{bottom:15px;left:15px;right:15px;padding:16px}.mobile-tutorial-title{font-size:16px}.mobile-tutorial-description{font-size:13px}.mobile-tutorial-btn{padding:10px 14px;font-size:13px}.mobile-search-result-card{padding:15px}.mobile-search-result-header{flex-direction:row;gap:8px;align-items:center;justify-content:space-between;flex-wrap:nowrap}.mobile-search-result-index{font-size:10px;padding:3px 6px;min-width:20px}.mobile-search-result-meta{font-size:10px;gap:4px}}