@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";.site-footer{color:#222;text-align:center;text-align:center;background-color:#0000;padding:1rem}.site-footer p{margin:.5rem 0}.site-footer a{color:#222;margin:0 1rem;text-decoration:none}.site-footer a:hover{color:#444;text-decoration:underline}.site-footer small{color:#333;font-size:.875rem}.footer-disclaimer{text-align:center;color:#222;margin:.5rem 0;font-size:.875rem;line-height:1.4}@media (width>=768px){.site-footer{text-align:center;padding:1.5rem 2rem}.site-footer p{justify-content:center;align-items:center;margin:.75rem 0;display:flex}.site-footer a{margin:0 1.5rem}}@media (width>=1200px){.site-footer{padding:2rem 4rem}.site-footer p{margin:1rem 0}}@media screen and (width<=768px) and (orientation:landscape){.site-footer{padding:.5rem 1rem}.site-footer p{margin:.25rem 0}.site-footer a{margin:0 .5rem}}@media screen and (width<=480px) and (orientation:portrait){.site-footer{padding:.5rem .75rem;font-size:.75rem}.site-footer p{margin:.25rem 0}.site-footer a{margin:0 .5rem;font-size:.75rem}.footer-disclaimer{font-size:.6rem}}.flashcard-navigator-container{touch-action:pan-y;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.progress-bar-container{text-align:center;width:100%;max-width:750px;margin:0 auto}.progress-bar-track{background-color:#e0e0e0;border-radius:5px;height:10px;overflow:hidden}.progress-bar-fill{background-color:#4caf50;height:100%;transition:width .3s}@media (width<=480px) and (orientation:portrait){.progress-bar-container{width:90%;margin-bottom:0;padding:0}.progress-bar-track{height:8px}}@media (width<=900px){.progress-bar-container{width:70%;margin-bottom:0}.progress-bar-track{height:8px}}@media (width<=1200px){.progress-bar-container{width:70%;margin-bottom:5px}.progress-bar-track{height:8px}}.arrow-button{color:#fff;cursor:pointer;background-color:#9b59b6;border:none;border-radius:30%;margin:auto;padding:8px;font-size:2rem;transition:background-color .3s,transform .2s;position:static;transform:none;box-shadow:0 2px 5px #0003}.arrow-button:hover{background-color:#5b56cc;transform:scale(1.05)}@media (width<=768px){.arrow-button{padding:6px;font-size:1.5rem}}@media (width<=480px){.arrow-button{padding:5px;font-size:1rem}}.button-row{justify-content:center;align-items:center;gap:1rem;margin-top:clamp(.25rem,5vw,1rem);display:flex}.action-button{color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:3rem;min-height:3rem;padding:.5rem;font-size:1.2rem;transition:background-color .2s,transform .1s;display:flex}.action-button--flip{flex-direction:row}.action-button--flip .action-icon{margin-right:.4rem}.action-button--flip .action-label{font-size:.9rem;font-weight:500}.action-button:hover{transform:translateY(-2px)}.action-button--flip,.action-button--remove{background-color:#9b59b6}.action-button--flip:hover,.action-button--remove:hover{background-color:#8e44ad}.action-button--save{color:gold;background-color:#2b92ff}.action-button--save:hover{color:#e6c400;background-color:#2b92ff}.action-button--report{background-color:#c0392b}.action-button--report:hover{background-color:#b33729}.action-button:active{transform:translateY(0)}@media (width<=600px){.button-row{flex-wrap:wrap}.action-button{min-width:2.5rem;min-height:2.5rem;padding:.4rem;font-size:1rem}.action-button--flip .action-label{display:none}.action-button--flip{border-radius:50%;width:2.5rem;height:2.5rem;padding:.3rem}}.minimal-flip-container{aspect-ratio:16/9;perspective:1000px;cursor:pointer;z-index:1;width:100%;position:relative}.flip-inner{transform-style:preserve-3d;transition:transform .6s;position:absolute;inset:0}.flip-inner.flipped{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;border-radius:1rem;position:absolute;inset:0;overflow:hidden}.flip-back{transform:rotateY(180deg)}.flip-image{width:100%;height:100%}.flip-image svg{width:100%;height:100%;display:block}@media (width<=768px){.minimal-flip-container,.flip-front,.flip-back,.flip-image svg{border-radius:.9rem}}@media (width<=480px){.minimal-flip-container,.flip-front,.flip-back,.flip-image svg{border-radius:.8rem}}@media (width>=1200px){.minimal-flip-container,.flip-front,.flip-back,.flip-image svg{border-radius:1.2rem}}html{overflow-y:scroll}.spinner-container{justify-content:center;padding:1rem;display:flex}.flashcard-error{color:red}.blank-grid{box-sizing:border-box;grid-template-rows:auto .8fr auto .1fr auto auto;grid-template-columns:1fr minmax(0,800px) 1fr;gap:0;max-width:1000px;margin:0 auto 1rem;display:grid}.blank-grid>div{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.progress-row{grid-area:1/1/auto/span 3}.left-arrow{z-index:10;grid-area:2/1}.flashcard-image-label{aspect-ratio:16/9;grid-area:2/2;width:100%;max-width:800px;font-weight:700;position:relative}.right-arrow{z-index:10;grid-area:2/3}.minimal-flip-container{z-index:1;perspective:1000px;cursor:pointer;width:100%;height:100%}.flip-image svg{object-fit:contain;width:100%;height:100%}.captcha-row{flex-direction:column;grid-area:3/1/auto/span 3;gap:.75rem;display:flex}.card-actions{grid-area:4/1/auto/span 3}.instructions{grid-area:6/1/auto/span 3}.face-actions{flex-direction:column;grid-area:5/1/auto/span 3;align-items:center;gap:.5rem;margin:.25rem;display:flex}.face-actions h4{margin:.25rem}.single-fetch-center{box-sizing:border-box;justify-content:center;align-items:center;height:200px;padding:1rem;display:flex}.single-fetch-center.error-layout{flex-direction:column}.error-text{color:red;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.instructions-container{margin-top:1rem;margin-bottom:1rem;font-family:Arial,sans-serif}.instructions-label{cursor:pointer;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1rem;display:flex}.instructions-checkbox{cursor:pointer;margin-right:8px}.instructions-content{text-align:center;background-color:#eef4fa;border:1px solid #ccc;border-radius:6px;margin-top:.5rem}.instructions-content h3{margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.instructions-content code{background-color:#eee;border-radius:3px;padding:2px 4px}@media (width<=768px){.instructions-label,.instructions-content{font-size:.95rem}}@media (width<=480px){.instructions-label{font-size:.9rem}.instructions-content{padding:.75rem;font-size:.9rem}.instructions-content h3{font-size:1rem}}.container{padding:1rem}.column{flex-direction:column;gap:1rem;display:flex}.filterPanelWrap{min-height:300px;position:relative}.filterUpdatingOverlay{pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:.5rem;display:flex;position:absolute;inset:0}.filterUpdatingBadge{background:#ffffffd9;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;font-size:12px}.controlsRow{align-items:center;gap:.75rem;display:flex}.applyButton{cursor:pointer;border:1px solid #ccc;border-radius:8px;padding:.5rem .9rem}.applyButton:disabled{cursor:not-allowed;opacity:.6}.extensionsSection{margin-top:1rem}.hideExtensionsButton{color:#0070f3;cursor:pointer;background:0 0;border:none;margin-bottom:1rem}.show-extensions-btn,.view-favourites-button,.reset-selections-button,.clear-favourites-button{color:#fff;cursor:pointer;background-color:#0070f3;border:2px solid #005ec2;border-radius:6px;margin:.5rem auto;padding:.5rem 1.2rem;font-weight:500;transition:all .2s ease-in-out;display:block;box-shadow:0 2px 5px #0070f34d}.show-extensions-btn:hover:not(:disabled),.view-favourites-button:hover:not(:disabled),.clear-favourites-button:hover:not(:disabled),.reset-selections-button:hover:not(:disabled){background-color:#0a84ff;box-shadow:0 3px 8px #0070f366}.show-extensions-btn:disabled,.view-favourites-button:disabled,.clear-favourites-button:disabled,.reset-selections-button:disabled{opacity:.75;cursor:not-allowed}.show-extensions-btn:focus-visible,.view-favourites-button:focus-visible,.clear-favourites-button:focus-visible,.reset-selections-button:hover:not(:disabled){outline-offset:2px;outline:3px solid #0070f373;box-shadow:0 0 0 3px #0070f340}.spinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1em;height:1em;margin-right:.5em;animation:.6s linear infinite spin}.button-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1em;height:1em;margin-right:.5em;animation:.6s linear infinite spin}.loading-text{font-size:.95em}.apply-button{color:#fff;cursor:pointer;background:linear-gradient(#9b59b6 0%,#7d3c98 100%);border:2px solid #5b2c6f;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.65rem 1.4rem;font-size:1rem;font-weight:700;transition:transform 50ms,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 2px 6px #7b3c9859,inset 0 1px #ffffff26}.apply-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 3px 10px #7b3c9873}.apply-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 4px #00000026,0 1px 3px #0000001a}.apply-button:disabled{opacity:.75}.apply-button.is-loading,.apply-button.is-loading:disabled{cursor:progress}.apply-button:focus-visible{outline-offset:2px;outline:3px solid #9b59b68c;box-shadow:0 0 0 3px #9b59b659,0 2px 6px #7b3c9859}.controlsRow{justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}@media (width<=600px){.controlsRow{flex-direction:column}}.clear-button{color:#7d3c98;cursor:pointer;background:0 0;border:2px solid #5b2c6f;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:1rem;font-weight:700;transition:transform 50ms,box-shadow .2s,filter .2s,background-color .2s;display:inline-flex;box-shadow:0 2px 6px #7b3c981f}.clear-button:hover:not(:disabled){background-color:#7b3c9814;box-shadow:0 3px 10px #7b3c982e}.clear-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 4px #0000001f,0 1px 3px #00000014}.clear-button:disabled{opacity:.6;cursor:not-allowed}.clear-button.is-loading,.clear-button.is-loading:disabled{cursor:progress}.clear-button:focus-visible{outline-offset:2px;outline:3px solid #9b59b68c;box-shadow:0 0 0 3px #9b59b647,0 2px 6px #7b3c9838}@media (prefers-reduced-motion:reduce){.apply-button,.clear-button{transition:none}}.mcq-diagram{margin:.75rem 0}.mcq-diagram-image{max-width:100%;height:auto;margin:0 auto;display:block}.options-list{margin:0;padding-left:0;list-style-type:none}:root{--color-primary:#007bff;--color-success:#28a745;--color-danger:#dc3545;--color-text:#000;--color-option-bg:#f9fcff;--color-option-hover:#eef7ff;--color-option-selected:#d9eafc;--color-border:#cde;--radius-base:5px;--transition-base:.2s ease}body{color:var(--color-text);background-color:#f6f8fb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.mcq-page{box-sizing:border-box;background-color:#fff;border-radius:8px;width:100%;max-width:620px;margin:2rem auto;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.mcq-question{text-align:center;margin:.5rem .5rem 1rem;padding-top:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.4}.option-button{background-color:var(--color-option-bg);width:calc(100% - 2rem);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-base);text-align:left;cursor:pointer;transition:background-color var(--transition-base), box-shadow var(--transition-base);margin:1rem auto;padding:.75rem;font-size:1.125rem;display:block}.option-button:hover{background-color:var(--color-option-hover)}.option-button:focus{outline:2px solid var(--color-primary);box-shadow:0 0 0 2px #007bff4d}.option-button.selected{background-color:var(--color-option-selected);border-color:#b1d0fa}.option-button:disabled{cursor:not-allowed;opacity:.75}.select-option-warning{color:#d9534f;margin:.5rem 0;font-size:.875rem}.mcq-button-group{justify-content:space-between;gap:1rem;margin-top:1.5rem;display:flex}.submit-button,.next-button{color:#fff;border-radius:var(--radius-base);cursor:pointer;transition:background-color var(--transition-base);text-align:center;box-sizing:border-box;border:none;flex:1;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:1rem;display:inline-flex}.submit-button{background-color:var(--color-primary)}.submit-button:hover{background-color:#0056b3}.submit-button.disabled{cursor:not-allowed;background-color:#78838d}.next-button{background-color:var(--color-success)}.next-button:hover{background-color:#218838}.answer-feedback{border-radius:var(--radius-base);border:1px solid #0000;margin-top:1rem;padding:1rem;font-size:.95rem;line-height:1.4}.answer-feedback.correct{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.answer-feedback.incorrect{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.answer-feedback-score{margin:.5rem 0 0;font-weight:600}@media (width>=768px){.mcq-page{max-width:700px;padding:2rem}.mcq-question{font-size:1.7rem}.option-button{font-size:1.5rem}}@media (width>=992px){.mcq-page{max-width:900px}.option-button{margin:1.25rem auto;padding:1rem}}@media (width>=1200px){.mcq-page{max-width:900px}}@media (width<=480px){.mcq-question{padding-top:.5rem;padding-bottom:.25rem;font-size:1.1rem}.option-button{width:calc(100% - 1.5rem);margin:.3rem auto;padding:.5rem .7rem;font-size:1.1rem}.submit-button,.next-button{padding:.5rem;font-size:.9rem}.instructions{font-size:.8rem}}@media screen and (width<=950px) and (orientation:landscape){.mcq-page{margin:1rem auto;padding:.1rem}.option-button{margin:.5rem auto;padding:.3rem}.mcq-question{margin:.5rem 0;font-size:1.2rem}.instructions,.answer-feedback{padding:.2rem}.submit-button,.next-button{padding:.5rem}}.question-area{min-height:420px}.spinner-wrap{justify-content:center;align-items:center;height:100%;display:flex}.spinner{border:2px solid #00000026;border-top-color:#0009;border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}.sr-only{clip:rect(0, 0, 1px, 1px);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-page-container{text-align:center;padding:2rem}.login-page-container h2{margin-bottom:1rem;font-size:1.5rem}.login-form{flex-direction:column;align-items:center;max-width:300px;margin:0 auto;display:flex}.login-form input[type=text],.login-form input[type=password]{border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:1rem;padding:8px;font-size:1rem}.login-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;width:100%;margin-bottom:1rem;padding:10px 16px;font-size:1rem;font-weight:700}.login-button:disabled{cursor:not-allowed;background-color:#ccc}.login-links-container p{margin-bottom:1rem;font-size:.95rem}.login-link{color:#4caf50;text-decoration:none}.login-link:hover{text-decoration:underline}@media (width<=768px){.login-page-container{padding:1.5rem}.login-page-container h2{font-size:1.3rem}.login-form input[type=text],.login-form input[type=password]{font-size:.95rem}.login-button{padding:8px 14px;font-size:.95rem}}@media (width<=480px){.login-page-container{padding:1rem}.login-page-container h2{font-size:1.2rem}.login-form{max-width:90%}.login-form input[type=text],.login-form input[type=password]{padding:6px;font-size:.9rem}.login-button{padding:8px 12px;font-size:.9rem}.login-links-container p{font-size:.9rem}}.header-container{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.header-top{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.signin-prompt{cursor:pointer;box-sizing:border-box;flex-direction:column;flex:auto;align-items:flex-start;gap:4px;min-width:0;max-width:60%;display:flex}.signin-message{color:#007bff;white-space:normal;word-wrap:break-word;text-align:left;font-size:14px;line-height:1.3;text-decoration:underline}.profile-section{cursor:pointer;flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.profile-circle{color:#fff;background-color:#007bff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-weight:700;display:flex}.profile-circle:hover{background-color:#0056b3}.profile-name{color:#333;font-size:14px;font-weight:500}.level-display{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.tab-navigation-container{margin-top:4px}@media (width<=600px) and (orientation:landscape),(width<=480px){.header-top{flex-direction:column;align-items:flex-start}.signin-prompt,.profile-section,.level-display{width:100%;max-width:100%}.signin-prompt,.profile-section{margin-bottom:.5rem}}@media (width>=768px){.header-top{padding:.75rem 1.5rem}.profile-name,.signin-message{font-size:15px}}@media (width>=992px){.header-top{padding:1rem 2rem}.profile-name,.signin-message{font-size:16px}}@media (width>=1200px){.header-top{padding:1.25rem 2.5rem}.profile-name,.signin-message{font-size:17px}}@media (width<=480px){.signin-message{font-size:12px}}.tab-navigation{border-radius:6px;justify-content:center;align-items:center;gap:20px;margin:10px 0;padding:6px 10px;display:flex}.tab-button{cursor:pointer;color:#333;box-shadow:none;background-color:#0000;border:none;border-radius:4px;padding:8px 16px;transition:background-color .3s,box-shadow .3s}.tab-button:hover{background-color:#e8eefc}.tab-button.active{background-color:#cfd9f2;box-shadow:inset 0 0 0 2px #ccc}@media (width<=1024px){.tab-navigation{flex-wrap:wrap}}@media (width<=480px){.tab-navigation{gap:10px}.tab-button{padding:6px 10px;font-size:.9rem}}.owid-slideshow{background:#f9fafb;flex-direction:column;align-items:center;min-height:100vh;padding:20px;font-family:system-ui,sans-serif;display:flex}.slide-counter{color:#333;margin-top:10px;font-size:14px}.progress-bar{background:#e5e7eb;border-radius:4px;width:100%;max-width:1000px;height:8px;margin-top:10px}.progress-bar-fill{background:#0072c6;border-radius:4px;height:100%;transition:width .3s}.slide-viewer{width:100%;max-width:1000px;margin:20px auto;position:relative}.slide-viewer iframe{background:#fff;border:none;border-radius:8px;width:100%;height:600px;transition:opacity .6s ease-in-out;display:none;box-shadow:0 4px 12px #0000001a}.slide-viewer iframe.active{opacity:1;display:block}.nav-buttons{justify-content:center;gap:10px;margin:20px;display:flex}.nav-buttons button{color:#fff;cursor:pointer;background:#0072c6;border:none;border-radius:8px;padding:10px 20px;font-size:16px}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;padding:0;overflow-x:hidden}.hide{visibility:hidden}.cookie-banner-container{color:#66747d;text-align:center;z-index:1000;background:#f9f9f9;border-radius:8px;width:90%;min-width:300px;max-width:800px;margin:0 auto;padding:1rem 1.5rem;font-family:Arial,sans-serif;font-size:.9rem;position:fixed;bottom:1rem;left:0;right:0;box-shadow:0 4px 6px #0000001a}.cookie-banner-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:6px;margin-right:.5rem;padding:10px 16px;font-size:1rem;font-weight:700;transition:background-color .3s}.cookie-banner-button:hover:not(:disabled){background-color:#43a047}.cookie-banner-decline{color:#fff;cursor:pointer;background-color:#c00;border:none;border-radius:6px;padding:10px 16px;font-size:1rem;font-weight:700;transition:background-color .3s}.cookie-banner-decline:hover:not(:disabled){background-color:#a50000}.cookie-banner-link{color:#007bff;margin-left:.25rem;font-weight:700;text-decoration:none}.cookie-banner-link:hover{text-decoration:underline}@media (width<=480px){.cookie-banner-container{width:90%;padding:.75rem 1rem;bottom:.5rem}.cookie-banner-button,.cookie-banner-decline{padding:8px 12px;font-size:.9rem}}.font-bold{font-weight:700!important}.italic{font-style:italic}body{color:#333;background-color:#f4f7fb;justify-content:center;align-items:center;font-family:Poppins,sans-serif;display:flex}h1,h2,h3,h4{font-weight:600}button{transition:all .3s}button:hover{transform:translateY(-2px)}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}input,textarea{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem;font-size:1rem}input:focus,textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 1px #2563eb80}.text-primary{color:#1e3a8a}.text-secondary{color:#4b5563}label{align-items:center;margin-bottom:10px;display:flex}input[type=radio]{margin-right:10px}button{color:#fff;cursor:pointer;background-color:#658af0;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1.25rem;transition:background-color .3s}button:hover{background-color:#658af0;transform:translateY(-2px)}button:focus{outline:none;box-shadow:0 0 0 3px #2563eb80}.success-banner{color:#fff;z-index:1000;background-color:#4caf50;border-radius:5px;padding:10px 20px;font-size:16px;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000001a}*{-webkit-user-select:none;user-select:none}@keyframes pop{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1.5)}}.container{width:100%;max-width:clamp(90vw,90vw,1200px);margin:0 auto;padding:clamp(.5rem,1vw,1rem)}