:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.app-header p{color:#666;font-size:1.1rem}@media (prefers-color-scheme: dark){.app{background-color:#1a1a1a;color:#fff}.app-header h1{color:#fff}.app-header p{color:#ccc}}.birth-year-selector{text-align:center;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.birth-year-selector label{display:block;font-weight:500;margin-bottom:.75rem;color:#495057}.optional{font-weight:400;color:#6c757d;font-size:.9rem}.birth-year-select{padding:.5rem 1rem;border:2px solid #ced4da;border-radius:8px;background:#fff;font-size:1rem;cursor:pointer;min-width:200px}.birth-year-select:focus{outline:none;border-color:#007bff}.school-years-info{margin-top:.75rem;font-size:.9rem;color:#28a745;font-weight:500}.filters-section{margin-bottom:2rem}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.personal-filter{display:flex;justify-content:center;margin-top:1rem}.personal-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;border-radius:25px;border:2px solid #28a745;background:#28a7450d;transition:all .3s ease;font-weight:500;color:#28a745}.personal-toggle:hover{background:#28a7451a}.personal-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#28a745;cursor:pointer}.toggle-text{-webkit-user-select:none;user-select:none}.category-btn{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;color:#333;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.category-btn:hover{border-color:#007bff;color:#007bff}.category-btn.active{background:#007bff;border-color:#007bff;color:#fff}.myths-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.myth-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;border:1px solid #e9ecef}.myth-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.myth-header{padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.category-badge{background:#007bff;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;font-weight:500}.personal-badge{background:#28a745;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.personal-myth{border:2px solid #28a745;box-shadow:0 4px 6px #28a74526}.personal-myth:hover{box-shadow:0 8px 25px #28a74540}.myth-content{padding:1.5rem}.myth-section{margin-bottom:1.5rem}.myth-section h3{font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.myth-section h4{font-size:1rem;margin-bottom:.5rem;color:#495057}.myth-section p{line-height:1.6;color:#555}.myth-false{background:#fff5f5;padding:1rem;border-radius:8px;border-left:4px solid #e53e3e}.myth-true{background:#f0fff4;padding:1rem;border-radius:8px;border-left:4px solid #38a169}.myth-details{background:#f7fafc;padding:1rem;border-radius:8px;border-left:4px solid #4299e1}.myth-references{background:#fefcf7;padding:1rem;border-radius:8px;border-left:4px solid #d69e2e}.references-list{list-style:none;padding:0;margin:.5rem 0 0}.reference-item{margin-bottom:.75rem}.reference-item:last-child{margin-bottom:0}.reference-link{color:#2b6cb0;text-decoration:none;font-weight:500;transition:color .2s ease}.reference-link:hover{color:#1a365d;text-decoration:underline}.reference-source{color:#718096;font-size:.9rem;font-style:italic}.details-toggle{width:100%;padding:1rem;background:#007bff;color:#fff;border:none;cursor:pointer;font-weight:500;transition:background-color .3s ease}.details-toggle:hover{background:#0056b3}@media (prefers-color-scheme: dark){.birth-year-selector{background:#333;border-color:#555}.birth-year-selector label{color:#fff}.optional{color:#ccc}.birth-year-select{background:#2a2a2a;border-color:#555;color:#fff}.birth-year-select:focus{border-color:#007bff}.school-years-info{color:#4ade80}.category-btn{border-color:#444;background:#2a2a2a;color:#fff}.personal-toggle{border-color:#4ade80;color:#4ade80;background:#4ade801a}.personal-toggle:hover{background:#4ade8026}.personal-toggle input[type=checkbox]{accent-color:#4ade80}.personal-myth{border-color:#4ade80;box-shadow:0 4px 6px #4ade8026}.personal-myth:hover{box-shadow:0 8px 25px #4ade8040}.myth-card{background:#2a2a2a;border-color:#404040;box-shadow:0 4px 6px #0000004d}.myth-card:hover{box-shadow:0 8px 25px #0006}.myth-header{background:#333;border-bottom-color:#404040}.myth-section h4{color:#ccc}.myth-section p{color:#e0e0e0}.myth-false{background:#3a2a2a}.myth-true{background:#2a3a2a}.myth-details{background:#2a2a3a}.myth-references{background:#3a3a2a}.reference-link{color:#63b3ed}.reference-link:hover{color:#90cdf4}.reference-source{color:#a0aec0}}@media (max-width: 768px){.app{padding:1rem}.myths-container{grid-template-columns:1fr}.app-header h1{font-size:2rem}.category-filter{gap:.5rem}.category-btn{padding:.5rem 1rem;font-size:.9rem}.personal-toggle{padding:.5rem .75rem;font-size:.9rem}}