@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";html,body{height:100%;margin:0;padding:0;width:100%}.main-container.index-centered,.main-container--centered{justify-content:center;min-height:80vh}.noscript-warning{padding:1rem;text-align:center;background:#f8d7da;color:#721c24;border-radius:8px;margin-bottom:1em}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:3em;min-height:100vh}.main-container{width:90%;max-width:950px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.top-menu-container{width:100%;display:flex;justify-content:center;margin-bottom:1em;gap:1em}.header-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:2em;gap:1em;text-align:center}@media(min-width:768px){.header-container{display:block;text-align:center}}.header-container h2{margin-bottom:0}.home-button{display:inline-block;padding:.7em 1.5em;font-size:.95em;text-decoration:none;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#2784ee,#1565c0);color:#fff;border:none;box-shadow:0 4px 14px #2784ee63;transition:all .2s ease-in-out}.home-button:hover{background:linear-gradient(135deg,#4294f7,#1e88e5);transform:translateY(-2px);box-shadow:0 6px 20px #2784ee3b;color:#fff}h2{color:#1a73e8;text-align:center;margin-bottom:2em;width:100%;font-weight:800;font-size:2em;text-shadow:0 2px 4px rgba(26,115,232,.1);letter-spacing:-.5px}table.centered-table{width:100%;border-collapse:separate;border-spacing:25px 0;background:transparent;border:none;table-layout:auto}td,th{border:none;padding:0;vertical-align:top;background:transparent}th{font-size:1.3em;text-transform:uppercase;letter-spacing:1px;color:#5f6368;text-align:center;font-weight:700;padding-bottom:20px;width:50%}.content-cell{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 10px 15px -3px #0000001a;border-radius:16px;height:auto;min-height:200px;padding:2em;font-size:1.1em;text-align:center;vertical-align:middle;display:table-cell;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.5);overflow:visible;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer}.content-cell:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}#controls{padding:3em 0 2em;text-align:center}button{padding:.9em 2.2em;margin:0 12px;font-size:1.05em;font-weight:600;border-radius:12px;border:none;background:linear-gradient(135deg,#2784ee,#1565c0);color:#fff;cursor:pointer;box-shadow:0 4px 14px #2784ee63;transition:all .2s ease-in-out}button:disabled{background:#e0e0e0;color:#9e9e9e;box-shadow:none;cursor:not-allowed;transform:none}button:hover:not(:disabled){background:linear-gradient(135deg,#4294f7,#1e88e5);transform:translateY(-2px);box-shadow:0 6px 20px #2784ee3b}button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #2784ee33}#restart-quiz-btn,#spacebar-btn{background:#fff;color:#1a73e8;border:1px solid #cce0f5;box-shadow:0 2px 8px #0000000d}#restart-quiz-btn:hover,#spacebar-btn:hover{background:#f8fbff;box-shadow:0 4px 12px #1a73e826}#spacebar-btn.spacebar-active{background:#546e7a!important;color:#fff!important;border-color:#455a64!important;box-shadow:0 4px 14px #546e7a63!important}#spacebar-btn.spacebar-active:hover{background:#607d8b!important;box-shadow:0 6px 20px #546e7a3b!important}.progress-row td{text-align:center;font-size:1em;font-weight:500;font-style:normal;padding-top:2em;color:#70757a;letter-spacing:.5px}#latex-dropdown-container{display:inline-block;position:relative;margin-right:1.5em;vertical-align:middle;min-width:320px;max-width:450px;text-align:left}#dropdown-toggle{width:100%;background:#fff;color:#333;border:1px solid #dfe1e5;border-radius:8px;cursor:pointer;text-align:left;padding:.8em 1.2em;font-weight:500;box-shadow:0 2px 5px #0000000d;transition:all .2s;display:flex;justify-content:space-between;align-items:center}#dropdown-toggle:hover{border-color:#2784ee;box-shadow:0 2px 8px #2784ee1a}#dropdown-list{display:none;position:absolute;background:#fff;left:0;top:110%;border:none;z-index:100;width:100%;max-height:280px;overflow-y:auto;box-shadow:0 10px 30px #00000026;border-radius:12px;padding:.5em 0}#dropdown-list .item{cursor:pointer;padding:.8em 1.2em;border-bottom:1px solid #f1f3f4;display:flex;align-items:center;gap:.8em;transition:background .1s}#dropdown-list .item:last-child{border-bottom:none}#dropdown-list .item:hover{background:#e8f0fe;color:#1967d2}.q-prefix{color:#1a73e8;font-weight:700}.debug-section{margin-top:5em;border-top:1px dashed #c0c0c0;padding-top:2em;text-align:center;color:#888;width:100%;opacity:.8}.debug-section h3{font-size:1em;font-weight:600;margin-bottom:.5em;text-transform:uppercase;letter-spacing:.5px}.debug-section button{background:#757575;font-size:.8em;padding:.6em 1.2em;box-shadow:none;margin-top:.5em}.debug-section button:hover{background:#616161;transform:none;box-shadow:none}.menu-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5em}.menu-group{margin-bottom:2em;display:flex;flex-direction:column;gap:4px}.menu-group-title{font-size:1.5em;font-weight:700;color:#1a73e8;margin-bottom:1em;text-align:center;border-bottom:2px solid #e0e0e0;padding-bottom:.5em}.menu-link{display:block;background:#fff;padding:1.5em 2em;border-radius:16px;text-decoration:none;color:#333;font-size:1.2em;font-weight:600;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease;border:1px solid rgba(255,255,255,.8);margin-bottom:.5em}.menu-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px -3px #2784ee26,0 4px 6px -2px #2784ee1a;border-color:#2784ee;color:#2784ee}.definition-content-block{width:100%;max-width:800px;margin:0 auto}.step{text-align:center;font-size:1.2em;margin-bottom:20px;color:#333;animation:fadeIn .5s ease-in}.step hr{margin:20px auto 0;width:60%;border:none;border-top:2px solid #1a73e8;opacity:.5}.step-definition{display:block;margin-top:.5em;font-size:.8em;color:#5f6368;font-weight:500}.step-counter{text-align:center;margin-top:1.5rem;color:#555;font-weight:500}.button-row{text-align:center;margin-top:1rem;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.secondary-btn{background:#fff;color:#1a73e8;border:1px solid #cce0f5}.secondary-btn:hover{background:#f8fbff;box-shadow:0 4px 12px #1a73e826}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.MathJax{font-size:1.1em!important;max-width:100%;overflow-x:auto;overflow-y:hidden}.step-def mjx-container,.step-card mjx-container{max-width:100%;overflow-x:auto}mjx-container[display=true]{max-width:100%!important;overflow-x:auto!important;display:block!important}mjx-container mjx-mtext{white-space:normal!important;display:inline!important}.step-card mjx-container[display=true],.step-def mjx-container[display=true]{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.content-cell mjx-container{max-width:100%;overflow-x:auto;display:block!important;overflow-y:visible!important}.content-cell mjx-container *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.content-cell{height:auto!important;max-height:none!important}#answer-box{height:auto!important;min-height:200px!important;max-height:none!important;overflow:visible!important}#question-box mjx-container,#answer-box mjx-container{padding-bottom:12px!important;display:block!important}.quiz-controls-row{text-align:center}.small-answer{font-size:.75em}.step-container{width:100%;display:flex;flex-direction:column;gap:20px;margin-bottom:2em}.step-card{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 10px 15px -3px #0000001a;border-radius:16px;padding:1.5em 2em;font-size:1.1em;text-align:center;border:1px solid rgba(255,255,255,.5);height:auto;opacity:0;animation:fadeIn .5s forwards;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;overflow-x:auto}.step-role{font-weight:700;color:#1a73e8;margin-bottom:.5em;font-size:1.1em;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.step-def{color:#333;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.step-divider{margin:15px auto;width:60%;border-top:1px solid #1a73e8;opacity:.3}.controls-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1em;margin-bottom:3em}#progress{text-align:center;margin-bottom:1em;font-weight:700;color:#1a73e8;font-size:1.2em;background-color:#fff;padding:10px 20px;border-radius:20px;box-shadow:0 2px 8px #0000001a}@media(max-width:479px){body{padding-top:1.5em;padding-left:.5em;padding-right:.5em}.main-container{width:100%;padding:0 .5em}.header-container h2,h2{font-size:1.5em;margin-bottom:1em}.top-menu-container{flex-direction:column;gap:.5em;margin-bottom:1.5em}.home-button{width:100%;text-align:center;padding:.8em 1em;font-size:.9em}table.centered-table{border-spacing:10px 0}th{font-size:1em;padding-bottom:10px}.content-cell{min-height:180px;padding:1.2em;font-size:1em;border-radius:12px}button{padding:.8em 1.5em;font-size:.95em;margin:0 6px 10px;min-width:44px;min-height:44px}#controls{padding:2em 0 1em}.controls-container{flex-direction:column;gap:.8em}#dropdown-list{max-width:100%;width:100%}.menu-container{width:100%}.menu-link{font-size:.95em;padding:.9em 1.2em}#progress,.step-counter{font-size:1em;padding:8px 15px}.step-container{padding:1em}.step-box{padding:1em;margin-bottom:1em}.step-card{padding:1em 1.25em;font-size:.95em}.step-role{font-size:1em}.MathJax{font-size:.9em!important}}@media(min-width:480px)and (max-width:767px){body{padding-top:2em}.main-container{width:95%}.header-container h2,h2{font-size:1.75em}.home-button{padding:.7em 1.3em;font-size:.9em}table.centered-table{border-spacing:15px 0}th{font-size:1.1em}.content-cell{min-height:190px;padding:1.5em;font-size:1.05em}button{padding:.85em 1.8em;font-size:1em;min-width:44px;min-height:44px}#dropdown-list{max-width:90%}.menu-link{font-size:1em}}@media(min-width:768px)and (max-width:1023px){.main-container{width:92%;max-width:720px}.header-container h2,h2{font-size:1.85em}table.centered-table{border-spacing:20px 0}th{font-size:1.2em}.content-cell{min-height:195px;padding:1.8em;font-size:1.08em}button{padding:.88em 2em;font-size:1.02em}.menu-link{font-size:1.05em}}@media(min-width:1024px)and (max-width:1279px){.main-container{width:90%;max-width:900px}.header-container h2,h2{font-size:1.95em}.content-cell{min-height:200px;padding:2em}}@media(min-width:1280px){.main-container{max-width:1000px}.header-container h2,h2{font-size:2.1em}.content-cell{min-height:210px;padding:2.2em;font-size:1.15em}button{padding:.95em 2.4em;font-size:1.08em}}@media(hover:none)and (pointer:coarse){button,.home-button,.menu-link{min-width:44px;min-height:44px;padding:.9em 1.8em}button:hover:not(:disabled),.home-button:hover,.menu-link:hover{transform:none}button:active:not(:disabled),.home-button:active,.menu-link:active{transform:scale(.98);opacity:.9}}@media print{body{background:#fff;padding:0}.main-container{width:100%;max-width:none}button,.home-button,.top-menu-container,#spacebar-btn,#restart-quiz-btn,#latex-dropdown-container{display:none!important}.content-cell{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}h2,.header-container h2{color:#000;text-shadow:none}.step-box{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}}.quiz-feedback-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.quiz-feedback-overlay.show{opacity:1}.feedback-message{background:#fff;padding:2em 3em;border-radius:16px;box-shadow:0 10px 40px #0000004d;text-align:center;transform:scale(.8);transition:transform .3s ease}.quiz-feedback-overlay.show .feedback-message{transform:scale(1)}.feedback-icon{font-size:3em;margin-bottom:.3em;color:#1a73e8}.feedback-text{font-size:1.3em;font-weight:600;color:#333}