@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{background:#000050;color:#ededed;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}#Foot{padding:10px 20px;text-align:center;font-size:20px;margin-bottom:25px;margin-top:20em}#home{font-family:Uchen,serif;text-align:left;font-size:22px;margin-left:1.5em}.header{position:fixed;top:0;left:0;width:100%;background-color:#000050;color:white;padding:20px 10px;transition:transform .3s ease,opacity .3s ease;z-index:1000}.header.hidden{transform:translateY(-100%);opacity:0}.header.visible{transform:translateY(0);opacity:1}#start{margin-top:80px;font-family:Playfair Display,serif;font-size:40px}.container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;margin-top:20px;box-sizing:border-box}.grid{margin:0 50px;padding:20px;text-align:center;border:3px solid white;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .2s ease-in-out,box-shadow .4s ease-in-out;font-family:Playfair Display,serif;font-size:25px;cursor:pointer}.grid:hover{cursor:pointer;transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2)}#intr p{margin-top:120px;line-height:1.3em;max-width:80%;margin-left:4em;font-family:Playfair Display,serif;font-size:34px;color:white;margin-bottom:100px}.grid-container{display:flex;gap:20px;width:100%;max-width:1300px;margin:0 auto}.grid-container__image,.grid-container__text{flex:1 1}.grid-container__image img{width:100%;height:auto;display:block}.grid-container__text{font-size:1.2rem;line-height:1.6;padding:10px}@media (max-width:768px){.grid-container{flex-direction:column}.grid-container__image img{max-width:80%;margin:0 auto}.grid-container__text{text-align:center}}.grid-container__item .grid-container__text p{font-size:12px}.gold{color:#FFD700}.silver{color:#C0C0C0}.bronze{color:#CD7F32}.grid-container h3{color:red}#highschool{margin-top:100px}#try{color:white}.quizzes{margin-top:100px}.quiz-container{font-size:20px;padding:2rem;max-width:800px;line-height:150%;margin:100px auto 0;font-family:Playfair Display,serif;color:var(--foreground)}.quiz-title{font-size:40px;margin-bottom:1.5rem;text-align:center;color:#FFD700}.quiz-button{background-color:#000050;color:white;padding:10px 20px;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.quiz-button:hover:not(:disabled){background-color:#FFD700;color:#0a0a0a;transform:scale(1.05)}.quiz-button:disabled{background-color:#555;cursor:not-allowed}.quiz-error{color:#ff4444;font-size:16px;margin-top:1rem;text-align:center}.quiz-content{margin-top:2rem;background-color:rgba(255,255,255,.05);padding:1.5rem;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.quiz-subtitle{font-size:28px;margin-bottom:1rem;color:#C0C0C0}.quiz-options li{margin:.5rem 0}.quiz-questions{border:1px solid #ddd;border-radius:5px;padding:1rem}.quiz-questions ol{padding-left:1.5rem}.quiz-question{font-size:20px;line-height:1.6;margin-bottom:1rem;color:var(--foreground)}@media (max-width:768px){.quiz-container{padding:1rem;margin-top:80px}.quiz-title{font-size:32px}.quiz-button{font-size:16px;padding:8px 16px}.quiz-subtitle{font-size:24px}.quiz-question{font-size:18px}}.quiz-button.loading:before{content:"⏳ "}.quiz-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem}.quiz-controls label,.quiz-input,.quiz-select{font-size:16px;color:var(--foreground)}.quiz-input,.quiz-select{padding:8px;border-radius:5px;border:1px solid #c0c0c0;background-color:#1a1a1a;font-family:Playfair Display,serif}.quiz-input:disabled,.quiz-select:disabled{background-color:#555;cursor:not-allowed}.quiz-input:focus,.quiz-select:focus{outline:none;border-color:#FFD700}@media (max-width:768px){.quiz-controls{flex-direction:column;align-items:flex-start}.quiz-input,.quiz-select{width:100%}}.loading-facts{margin-top:20px;text-align:center;color:#555}.fact-text{font-style:italic;color:#0070f3;margin-top:10px}.quiz-question{margin-bottom:2rem;padding:1rem;border-radius:5px}.quiz-question h3{font-size:1.2rem;margin-bottom:1rem}.quiz-options{list-style:none;padding:0}.correct-answer{color:green;font-weight:700;margin-top:1rem}#cpy,#cpy1{font-family:Playfair Display,serif}#cpy1{color:grey}#linkcolor{color:#FFD700;text-decoration:none}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal-backdrop.active{opacity:1}.modal-content{background-color:#1a1a1a;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.3);padding:24px;width:100%;max-width:400px;transform:scale(.95);transition:transform .3s ease,opacity .3s ease;color:#ededed;font-family:Playfair Display,serif}.modal-backdrop.active .modal-content{transform:scale(1);opacity:1}@media (prefers-color-scheme:light){.modal-content{background-color:#ffffff;color:#333333;box-shadow:0 8px 20px rgba(0,0,0,.15)}}.modal-close-button{position:absolute;top:16px;right:16px;background:none;border:none;color:#C0C0C0;cursor:pointer;transition:color .2s ease}.modal-close-button:hover{color:#FFD700}.modal-input{width:100%;padding:10px 16px;border:1px solid #c0c0c0;border-radius:8px;background-color:#2a2a2a;color:#ededed;font-size:16px;font-family:Playfair Display,serif;transition:border-color .2s ease,box-shadow .2s ease}.modal-input:focus{outline:none;border-color:#FFD700;box-shadow:0 0 0 2px rgba(255,215,0,.3)}@media (prefers-color-scheme:light){.modal-input{background-color:#f5f5f5;color:#333333;border-color:#999999}.modal-input:focus{border-color:#000050;box-shadow:0 0 0 2px rgba(0,0,80,.3)}}.modal-button{padding:10px 20px;border-radius:8px;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-family:Playfair Display,serif}.modal-button-primary{background-color:#FFD700;color:#000050;border:none}.modal-button-primary:hover{background-color:#D4AF37;transform:scale(1.05)}.modal-button-primary:active{background-color:#B89729;transform:scale(.98)}.modal-button-secondary{background-color:#C0C0C0;color:#000050;border:none}.modal-button-secondary:hover{background-color:#A8A8A8;transform:scale(1.05)}.modal-button-secondary:active{background-color:#909090;transform:scale(.98)}@media (prefers-color-scheme:light){.modal-button-primary{background-color:#000050;color:#ffffff}.modal-button-primary:hover{background-color:#00003a}.modal-button-primary:active{background-color:#000024}.modal-button-secondary{background-color:#e5e5e5;color:#333333}.modal-button-secondary:hover{background-color:#d0d0d0}.modal-button-secondary:active{background-color:#bbbbbb}}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-label{font-size:16px;font-weight:500;color:#ededed;margin-bottom:4px}@media (prefers-color-scheme:light){.modal-label{color:#333333}}.modal-error{color:#ff4444}.modal-error,.modal-success{font-size:16px;margin-bottom:12px;text-align:center}.modal-success{color:#10b981}.modal-header{font-size:28px;font-weight:700;color:#FFD700;margin-bottom:24px;text-align:center}@media (prefers-color-scheme:light){.modal-header{color:#000050}}