:root{--bg-light:#f7faf7;--text-default:#333;--green-pastel:#dff3df;--green-dark:#1b4332;--green-medium:#2f4f41;--green-muted:#4f6458;--green-light:#c7e9d6;--green-border:#c3dfc3;--green-select-border:#aacdaa;--green-submit:#0e722b;--green-hover:#27632a;--pink-pastel:#ffe5ec;--pink-dark:#590d22;--pink-light:#ffd6e3;--pink-hover:#ffb3c6;--gray-pastel:#e8e8e8;--gray-dark:#333;--purple-dark:#4a148c;--purple-medium:#6a1b9a;--white:#fff;--grey-light:#ddd;--shadow-light:#00000014;--shadow-dark:#0003}body{background-color:var(--bg-light);height:100%;color:var(--text-default);margin:0;padding:0;font-family:Inter,system-ui,sans-serif}.layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:20px}.page-title{color:var(--green-medium);text-align:center;font-size:2rem;font-weight:600}.page-text{color:var(--green-muted);text-align:center;max-width:600px;margin:0 auto;font-size:1.1rem}.navbar{background-color:var(--green-pastel);color:var(--green-dark);border-bottom:1px solid var(--green-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.nav-links a{color:var(--green-dark);margin-right:16px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{text-decoration:underline}.language-select{border:1px solid var(--green-select-border);border-radius:4px;padding:6px 8px}.footer{background-color:var(--green-pastel);color:var(--green-dark);text-align:center;border-top:1px solid var(--green-border);margin-top:auto;padding:0}.footer p{margin:8px 0;font-size:.9rem}.footer a{color:var(--green-dark);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}main{text-align:center;max-width:600px;margin:0 auto}h1{color:var(--green-medium);margin:2rem 0 1rem;font-size:2.5rem;font-weight:600}p{color:var(--green-muted);margin-bottom:2.5rem;font-size:1.2rem}.home-buttons{flex-direction:column;gap:1rem;display:flex}.home-btn{border:1px solid #0000;border-radius:12px;padding:1rem 1.5rem;font-size:1.2rem;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s;display:block}.image-btn{background-color:var(--green-pastel);color:var(--green-dark)}.image-btn:hover{background-color:var(--green-light);border-color:var(--green-hover)}.sound-btn{background-color:var(--pink-pastel);color:var(--pink-dark)}.sound-btn:hover{background-color:var(--pink-light);border-color:var(--pink-hover)}.settings-btn{background-color:var(--gray-pastel);color:var(--gray-dark)}.settings-btn:hover{background-color:var(--grey-light);border-color:var(--grey-light)}@media (max-width:500px){h1{font-size:2rem}.home-btn{padding:.9rem;font-size:1rem}}.quiz-page{flex-direction:column;max-width:800px;display:flex}.quiz-container{background-color:var(--white);box-shadow:0 4px 12px var(--shadow-light);border-radius:1rem;flex-direction:column;gap:1.5rem;max-width:700px;padding:1rem;display:flex}.quiz-question{color:var(--green-dark);font-size:1.25rem;font-weight:600}.quiz-image{object-fit:cover;border:1px solid var(--green-border);max-width:100%;max-height:300px;box-shadow:-4px 4px 12px var(--shadow-dark);border-radius:1rem}.quiz-audio{width:100%;max-width:350px;margin:0 auto}.quiz-btn{color:var(--white);cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:background-color .2s;display:inline-block}.quiz-btn-submit{background-color:var(--green-submit)}.quiz-btn-submit:hover{background-color:var(--green-hover)}.quiz-btn-next{background-color:var(--green-medium)}.quiz-btn-next:hover{background-color:var(--green-dark)}.quiz-btn-finish{background-color:var(--purple-medium)}.quiz-btn-finish:hover{background-color:var(--purple-dark)}.quiz-feedback{margin-top:.5rem;font-weight:600}.species-input{border:1px solid var(--green-border);width:100%;max-width:100%;box-shadow:0 1px 3px var(--shadow-light);border-radius:.5rem;padding:.5rem .75rem;font-size:1rem}