: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}
/*# sourceMappingURL=main.3491017f.css.map*/