:root{--color-primary:#3498db;--color-primary-hover:#2980b9;--color-secondary:#95a5a6;--color-secondary-hover:#7f8c8d;--color-success:#27ae60;--color-success-hover:#229954;--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-warning:#f39c12;--color-warning-hover:#d68910;--color-bg-body:#f5f5f5;--color-bg-card:#fff;--color-bg-input:#fff;--color-bg-navbar:#2c3e50;--color-bg-question:#f8f9fa;--color-bg-fact:#f8f9fa;--color-bg-song-info:#e8f5e9;--color-text-primary:#2c3e50;--color-text-secondary:#666;--color-text-muted:#999;--color-text-navbar:#fff;--color-text-link:#3498db;--color-border:#dee2e6;--color-border-input:#ddd;--color-border-focus:#3498db;--color-correct-bg:#d4edda;--color-correct-border:#28a745;--color-incorrect-bg:#f8f9fa;--color-error-bg:#fee;--color-error-text:#c0392b;--color-success-bg:#d4edda;--color-success-text:#155724;--color-info-bg:#e3f2fd;--color-info-border:#2196f3;--color-warning-bg:#fff3cd;--color-warning-border:#ffc107}[data-theme=dark]{--color-primary:#5dade2;--color-primary-hover:#3498db;--color-secondary:#7f8c8d;--color-secondary-hover:#95a5a6;--color-success:#2ecc71;--color-success-hover:#27ae60;--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-warning:#f1c40f;--color-warning-hover:#f39c12;--color-bg-body:#1a1a2e;--color-bg-card:#16213e;--color-bg-input:#1a1a2e;--color-bg-navbar:#0f3460;--color-bg-question:#1a1a2e;--color-bg-fact:#1a1a2e;--color-bg-song-info:#1e3a2f;--color-text-primary:#ecf0f1;--color-text-secondary:#bdc3c7;--color-text-muted:#95a5a6;--color-text-navbar:#ecf0f1;--color-text-link:#5dade2;--color-border:#34495e;--color-border-input:#34495e;--color-border-focus:#5dade2;--color-correct-bg:#1e3a2f;--color-correct-border:#2ecc71;--color-incorrect-bg:#1a1a2e;--color-error-bg:#3d1f1f;--color-error-text:#e74c3c;--color-success-bg:#1e3a2f;--color-success-text:#2ecc71;--color-info-bg:#1a2a3e;--color-info-border:#5dade2;--color-warning-bg:#3d3a1f;--color-warning-border:#f1c40f}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--color-bg-body);color:#2c3e50;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background-color:var(--color-bg-navbar);box-shadow:0 2px 4px #0000001a;color:var(--color-text-navbar);display:flex;justify-content:space-between;padding:1rem 2rem}.navbar h1{font-size:1.5rem;margin:0}.navbar ul{display:flex;gap:2rem;list-style:none}.navbar a{color:var(--color-text-navbar);font-weight:500;text-decoration:none;transition:color .3s}.navbar a:hover{color:var(--color-primary)}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.card{background:var(--color-bg-card);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover{background-color:var(--color-warning-hover)}.btn:disabled{cursor:not-allowed;opacity:.6}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:4px;color:var(--color-text-primary);font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3498db1a;outline:none}.loading{color:var(--color-text-muted);padding:3rem;text-align:center}.error{background-color:var(--color-error-bg);color:var(--color-error-text)}.error,.success{border-radius:4px;margin-bottom:1rem;padding:1rem}.success{background-color:var(--color-success-bg);color:var(--color-success-text)}.question-list{display:flex;flex-direction:column;gap:1rem}.question-item{background:var(--color-bg-question);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:box-shadow .3s}.question-item:hover{box-shadow:0 4px 12px #0000001a}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-number{color:var(--color-primary);font-size:1.2rem;font-weight:700}.question-actions{display:flex;gap:.5rem}.answer-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}.answer-option{border-radius:4px;font-size:.9rem;padding:.5rem}.answer-option.correct{background-color:var(--color-correct-bg);border:2px solid var(--color-correct-border)}.answer-option.incorrect{background-color:var(--color-incorrect-bg);border:1px solid var(--color-border)}.theme-toggle{align-items:center;background:#0000;border:2px solid var(--color-text-navbar);border-radius:50%;color:var(--color-text-navbar);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-left:1rem;transition:all .3s;width:40px}.theme-toggle:hover{background-color:#ffffff1a;transform:scale(1.1)}.app-footer{background-color:var(--color-bg-navbar);border-top:1px solid #ffffff1a;color:var(--color-text-navbar);font-size:.85rem;margin-top:auto;padding:1rem 2rem;text-align:center}.footer-links{margin-bottom:.5rem}.footer-links a{color:var(--color-text-navbar);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--color-primary);text-decoration:underline}.footer-separator{margin:0 .75rem;opacity:.5}.footer-note{font-size:.8rem;margin:0;opacity:.8}.footer-note a{color:var(--color-text-navbar);text-decoration:underline}.song-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);display:flex;gap:0;margin-bottom:1.5rem}.song-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .15s ease}.song-tab:hover{color:#1f2937;color:var(--color-text,#1f2937)}.song-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--color-primary,#2563eb);color:#2563eb;color:var(--color-primary,#2563eb)}.song-stats-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.song-stat{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;flex-direction:column;min-width:120px;padding:.75rem 1.25rem}.song-stat-value{color:#1f2937;color:var(--color-text,#1f2937);font-size:1.25rem;font-weight:700}.song-stat-label{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.song-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.song-search-input{flex:1 1;min-width:200px}.song-table-wrapper{overflow-x:auto}.song-table{border-collapse:collapse;width:100%}.song-table td,.song-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);padding:.625rem .75rem;text-align:left}.song-table th{background:#f9fafb;background:var(--color-bg-card,#f9fafb);color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.song-table tr:hover{background:#f3f4f6;background:var(--color-bg-hover,#f3f4f6)}.btn-icon{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;font-size:1rem;padding:.25rem .5rem;transition:all .15s ease}.btn-icon:hover{background:#e5e7eb;background:var(--color-bg-hover,#e5e7eb);color:#1f2937;color:var(--color-text,#1f2937)}.btn-icon-danger:hover{background:#fee2e2;color:#dc2626}.song-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding:.75rem 0}.import-section{margin-bottom:1.5rem}.import-section textarea{background:#fff;background:var(--color-bg-card,#fff);color:#1f2937;color:var(--color-text,#1f2937);padding:.75rem;resize:vertical}.import-log,.import-section textarea{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px}.import-log{background:#f9fafb;background:var(--color-bg-card,#f9fafb);font-family:monospace;font-size:.85rem;margin-bottom:1rem;max-height:400px;overflow-y:auto;padding:1rem}.import-log-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);padding:.25rem 0}.import-log-item:last-child{border-bottom:none}.error-text,.import-log-item.error .error-text{color:#dc2626}.import-summary{background:#fff;background:var(--color-bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;padding:1rem 1.5rem}.import-summary h4{color:#1f2937;color:var(--color-text,#1f2937);margin:0 0 .5rem}.import-summary p{margin:.25rem 0}.btn-link{background:none;border:none;color:#2563eb;color:var(--color-primary,#2563eb);cursor:pointer;font-size:.9rem;padding:.25rem;text-decoration:underline}
/*# sourceMappingURL=main.5c45fd34.css.map*/