@import "https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&family=Space+Mono:wght@700&family=Suez+One&family=Fraunces:ital,opsz,wght@0,9..144,700..900;1,9..144,700..900&display=swap";:root{--bg-color:#f8f7f3;--text-color:#121212;--accent-cyan:#00e5ff;--accent-cobalt:#2979ff;--accent-coral:#ff5252;--border-color:#121212;--border-width:3px;--font-heading:"Suez One", "Fraunces", Georgia, serif;--font-body:"Heebo", "Outfit", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", monospace;--shadow-x:-4px;--shadow-y:4px;--shadow-x-hover:-6px;--shadow-y-hover:6px;--shadow-x-active:-2px;--shadow-y-active:2px;--hover-translate-x:2px;--hover-translate-y:-2px;--active-translate-x:-2px;--active-translate-y:2px;--shadow-x-card:-8px;--shadow-y-card:8px;--shadow-x-card-hover:-11px;--shadow-y-card-hover:11px;--hover-card-translate-x:3px;--hover-card-translate-y:-3px;box-sizing:border-box}[dir=rtl]{--shadow-x:4px;--shadow-x-hover:6px;--shadow-x-active:2px;--hover-translate-x:-2px;--active-translate-x:2px;--shadow-x-card:8px;--shadow-x-card-hover:11px;--hover-card-translate-x:-3px}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-color);background-image:radial-gradient(var(--text-color) 1.5px, transparent 1.5px);color:var(--text-color);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-size:28px 28px;min-height:100vh;margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-color);margin-top:0}p{line-height:1.6}.container{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:24px;display:flex}.brutalist-header{border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-color);z-index:100;justify-content:center;align-items:center;width:100%;min-height:72px;padding:16px 24px;display:flex;position:relative}.brutalist-header h1{letter-spacing:-.5px;text-align:center;margin:0;font-size:1.5rem;font-weight:800}.header-switcher-container{z-index:105;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.brutalist-card{background-color:var(--card-bg-color,#fff);border:var(--border-width) solid var(--border-color);width:100%;box-shadow:var(--shadow-x-card) var(--shadow-y-card) 0px 0px var(--border-color);padding:32px;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);position:relative}.brutalist-card.interactive:hover{transform:translate(var(--hover-card-translate-x), var(--hover-card-translate-y));box-shadow:var(--shadow-x-card-hover) var(--shadow-y-card-hover) 0px 0px var(--border-color);cursor:pointer}.brutalist-button{font-family:var(--font-mono);text-transform:uppercase;background-color:var(--card-bg-color,#fff);color:var(--text-color);border:var(--border-width) solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-x) var(--shadow-y) 0px 0px var(--border-color);outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex}.brutalist-button:hover{transform:translate(var(--hover-translate-x), var(--hover-translate-y));box-shadow:var(--shadow-x-hover) var(--shadow-y-hover) 0px 0px var(--border-color)}.brutalist-button:active{transform:translate(var(--active-translate-x), var(--active-translate-y));box-shadow:var(--shadow-x-active) var(--shadow-y-active) 0px 0px var(--border-color)}.brutalist-button.primary{background-color:var(--accent-cyan)}.brutalist-button.secondary{background-color:var(--accent-cobalt);color:#fff}.brutalist-button.alert{background-color:var(--accent-coral)}.brutalist-button.selected{background-color:var(--accent-cyan);box-shadow:var(--shadow-x) var(--shadow-y) 0px 0px var(--border-color)}.brutalist-button.selected:hover{box-shadow:var(--shadow-x-hover) var(--shadow-y-hover) 0px 0px var(--border-color)}.brutalist-button.selected:active{box-shadow:var(--shadow-x-active) var(--shadow-y-active) 0px 0px var(--border-color)}.brutalist-button.small-shadow{box-shadow:calc(var(--shadow-x) * .75) calc(var(--shadow-y) * .75) 0px 0px var(--border-color)}.brutalist-button.small-shadow:hover{box-shadow:calc(var(--shadow-x-hover) * .75) calc(var(--shadow-y-hover) * .75) 0px 0px var(--border-color)}.brutalist-button.small-shadow:active{box-shadow:calc(var(--shadow-x-active) * .75) calc(var(--shadow-y-active) * .75) 0px 0px var(--border-color)}.brutalist-button.half-shadow{box-shadow:calc(var(--shadow-x) * .5) calc(var(--shadow-y) * .5) 0px 0px var(--border-color)}.brutalist-button.half-shadow:hover{box-shadow:calc(var(--shadow-x-hover) * .5) calc(var(--shadow-y-hover) * .5) 0px 0px var(--border-color)}.brutalist-button.half-shadow:active{box-shadow:calc(var(--shadow-x-active) * .5) calc(var(--shadow-y-active) * .5) 0px 0px var(--border-color)}.brutalist-button:disabled,.brutalist-button.disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.monospace-label{font-family:var(--font-mono);letter-spacing:.5px;font-size:.85rem;font-weight:700}.category-badge{font-family:var(--font-mono);border:2px solid var(--border-color);background-color:var(--accent-cyan);text-transform:uppercase;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}[dir=rtl]{text-align:right}[dir=rtl] .brutalist-button{letter-spacing:0}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-120%,10%)rotate(-10deg)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(120%,10%)rotate(10deg)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-120%,10%)rotate(-10deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(120%,10%)rotate(10deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-out-left{animation:.28s ease-in forwards slideOutLeft}.slide-out-right{animation:.28s ease-in forwards slideOutRight}.slide-in-left{animation:.28s ease-out forwards slideInLeft}.slide-in-right{animation:.28s ease-out forwards slideInRight}.slide-in-up{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideInUp}.quiz-option-button:hover{background-color:var(--accent-cyan)!important}html{transition:font-size .15s}.accessibility-monochrome{filter:grayscale()!important}.accessibility-high-contrast{--bg-color:#fff!important;--text-color:#000!important;--card-bg-color:#fff!important;--accent-cyan:#0ff!important;--accent-cobalt:#00f!important;--accent-coral:red!important;--border-color:#000!important}.accessibility-high-contrast body{background-image:none!important}.accessibility-dark-contrast{--bg-color:#121212!important;--text-color:#fff!important;--card-bg-color:#222!important;--accent-cyan:#00e5ff!important;--accent-cobalt:#82b1ff!important;--accent-coral:#ff8a80!important;--border-color:#fff!important}.accessibility-dark-contrast body{background-image:radial-gradient(#ffffff26 1.5px,#0000 1.5px)!important;background-color:var(--bg-color)!important}.accessibility-dark-contrast .brutalist-button.secondary{color:#121212!important}.accessibility-font-small{font-size:85%!important}.accessibility-font-medium{font-size:100%!important}.accessibility-font-large{font-size:120%!important}.accessibility-dyslexia-font,.accessibility-dyslexia-font *{letter-spacing:.08em!important;word-spacing:.12em!important;font-family:Arial,sans-serif!important;line-height:1.7!important}.accessibility-reduced-motion,.accessibility-reduced-motion *{transition:none!important;animation:none!important}.brutalist-button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-cobalt,#2979ff)!important;outline-offset:4px!important}.accessibility-dark-contrast .brutalist-button:focus-visible,.accessibility-dark-contrast button:focus-visible,.accessibility-dark-contrast a:focus-visible,.accessibility-dark-contrast input:focus-visible,.accessibility-dark-contrast select:focus-visible,.accessibility-dark-contrast [tabindex]:focus-visible{outline-offset:4px!important;outline:3px solid #fff!important}.quiz-card-footer{border-top:2px dashed var(--border-color,#121212);justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:28px;padding-top:16px;display:flex}@media (width<=480px){.quiz-card-footer{flex-direction:column-reverse;align-items:stretch;gap:10px}.quiz-card-footer button{justify-content:center;width:100%}}@media (width<=600px){.brutalist-header{flex-direction:column;align-items:center;gap:12px;min-height:auto;padding:16px}.brutalist-header h1{text-align:center;padding:0 10px;font-size:1.3rem}.header-switcher-container{margin-top:4px;position:static;transform:none}}.accessibility-drawer-panel{background-color:var(--card-bg-color,#fff);z-index:994;border:3px solid var(--border-color,#121212);border-radius:4px;flex-direction:column;gap:16px;width:calc(100% - 48px);max-width:320px;display:flex;position:fixed;bottom:90px;right:24px;overflow-y:auto;box-shadow:-6px 6px #121212;padding:20px!important}@media (width<=600px){.accessibility-drawer-panel{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:none;border-radius:0;inset:0;padding:24px!important}}.mobile-only-bottom-trigger{display:none}@media (width<=600px){.mobile-only-bottom-trigger{justify-content:center;margin:24px auto 40px;display:flex}}