.difficulty-selector{width:100%;max-width:800px;margin:0 auto;padding:1.5rem}.difficulty-selector.loading,.difficulty-selector.error{text-align:center;padding:2rem;font-size:1.1rem;color:#8b4513}.difficulty-selector.error{color:#d32f2f}.difficulty-title{font-size:1.8rem;color:#8b4513;margin-bottom:.5rem;text-align:center}.difficulty-subtitle{text-align:center;color:sienna;margin-bottom:1.5rem;font-size:1rem}.difficulty-options{display:flex;flex-direction:column;gap:1rem}.difficulty-option-container{position:relative}.difficulty-option{width:100%;padding:1.25rem;background:#fff8dc;border:3px solid #D2691E;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 2px 4px #8b45131a}.difficulty-option:hover{background:#ffefd5;border-color:#8b4513;transform:translateY(-2px);box-shadow:0 4px 8px #8b451333}.difficulty-option.selected{background:#ffe4b5;border-color:#8b4513;border-width:4px;box-shadow:0 4px 12px #8b45134d}.difficulty-label{font-size:1.3rem;font-weight:700;color:#8b4513;margin-bottom:.5rem}.difficulty-description{font-size:1rem;color:sienna;line-height:1.4}.teks-toggle{margin-top:.5rem;margin-left:1.25rem;padding:.5rem 1rem;background:#d2691e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .2s ease}.teks-toggle:hover{background:#8b4513}.teks-standards{margin-top:1rem;margin-left:1.25rem;margin-right:1.25rem;padding:1.25rem;background:#fafaf0;border-left:4px solid #D2691E;border-radius:8px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:1.25rem;padding-bottom:1.25rem}}.teks-standards h4{font-size:1.1rem;color:#8b4513;margin-bottom:1rem;font-weight:600}.teks-standard{margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #D2691E}.teks-standard:last-child{margin-bottom:0}.teks-code{font-size:.95rem;font-weight:700;color:#d2691e;margin-bottom:.5rem;font-family:Courier New,monospace}.teks-description{font-size:1rem;color:#8b4513;font-weight:600;margin-bottom:.5rem}.teks-full-text{font-size:.9rem;color:#666;line-height:1.5;font-style:italic}@media(max-width:768px){.difficulty-selector{padding:1rem}.difficulty-title{font-size:1.5rem}.difficulty-label{font-size:1.1rem}.difficulty-description{font-size:.9rem}.teks-standards{margin-left:.5rem;margin-right:.5rem;padding:1rem}}:root{--kudu-selected-bg: #ffe6c7}.lesson-expression,.flip-lab-statement,.circle-lab-statement,.lesson-results-expression,.lesson-step-result,.lesson-builder-variable,.number-line-label{font-family:SF Mono,Menlo,Consolas,Courier New,monospace;font-variant-numeric:tabular-nums}.lesson-type-option:focus-visible,.lesson-setting-option:focus-visible,.lesson-choice:focus-visible,.lesson-relation:focus-visible,.lesson-toggle:focus-visible,.lesson-widget-button:focus-visible,.lesson-value-input:focus-visible{outline:3px solid var(--kudu-brown);outline-offset:3px}.lesson-type-selector{margin-bottom:2rem}.lesson-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.lesson-type-option{display:flex;flex-direction:column;gap:.35rem;align-items:center;text-align:center;padding:1.25rem 1rem;border:3px solid var(--kudu-brown);border-radius:16px;background:var(--kudu-cream);color:var(--kudu-dark-brown);font-family:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.lesson-type-option:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000002e}.lesson-type-option.selected{border-color:var(--kudu-orange);background:linear-gradient(135deg,#fff 0%,var(--kudu-cream) 100%);box-shadow:0 0 0 4px #ff8c0040}.lesson-type-icon{font-size:2.25rem;line-height:1}.lesson-type-label{font-size:1.25rem;font-weight:700;color:var(--kudu-brown)}.lesson-type-tagline{font-size:.9rem;opacity:.85}.lesson-type-example{margin-top:.35rem;padding:.2rem .6rem;border-radius:999px;background:var(--kudu-brown);color:var(--kudu-cream);font-family:SF Mono,Menlo,Consolas,Courier New,monospace;font-size:.85rem}.mode-button.inequalities{background:linear-gradient(135deg,#5b8def,#7ea9ff)}.lesson-track{animation:fadeIn .4s ease-in}.lesson-track-header{align-items:center}.lesson-settings{display:grid;gap:1rem;margin-bottom:1.5rem}.lesson-setting{border:3px solid var(--kudu-brown);border-radius:14px;background:var(--kudu-cream);padding:1rem}.lesson-setting legend{padding:0 .5rem;font-weight:700;color:var(--kudu-brown)}.lesson-setting-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.lesson-setting-options.compact{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.lesson-setting-option{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border:2px solid var(--kudu-sand);border-radius:10px;background:#fff;color:var(--kudu-dark-brown);font-family:inherit;text-align:left;cursor:pointer}.lesson-setting-option.compact{align-items:center;text-align:center;font-size:1.1rem;font-weight:700}.lesson-setting-option.selected{border-color:var(--kudu-orange);border-width:3px;background:var(--kudu-selected-bg);color:var(--kudu-dark-brown);font-weight:700}.lesson-setting-icon{font-size:1.4rem}.lesson-setting-label{font-weight:700}.lesson-setting-description{font-size:.82rem;opacity:.85}.lesson-list{display:grid;gap:1rem}.lesson-row{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;border:3px solid var(--kudu-brown);border-radius:16px;background:#fff}.lesson-row.capstone{border-color:var(--kudu-orange);background:linear-gradient(135deg,var(--kudu-cream) 0%,#fff 100%)}.lesson-row-number{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--kudu-brown);color:var(--kudu-cream);font-weight:700;font-size:1.2rem}.lesson-row.capstone .lesson-row-number{background:var(--kudu-orange)}.lesson-row-body h3{color:var(--kudu-brown);font-size:1.15rem;margin-bottom:.25rem}.lesson-row-body p{font-size:.9rem;opacity:.85}.lesson-row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.lesson-title{color:var(--kudu-brown);font-size:1.6rem;margin-bottom:.25rem}.lesson-tagline{font-size:1.05rem;opacity:.85;margin-bottom:1.25rem}.lesson-big-idea{padding:1.25rem;margin-bottom:1.5rem;border-radius:14px;border:3px solid var(--kudu-orange);background:linear-gradient(135deg,var(--kudu-cream) 0%,#fff5e0 100%);font-size:1.15rem;font-weight:700;color:var(--kudu-dark-brown)}.lesson-big-idea-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kudu-orange);margin-bottom:.4rem}.lesson-section{margin-bottom:1.5rem}.lesson-section h3{color:var(--kudu-brown);font-size:1.15rem;margin-bottom:.5rem}.lesson-section p{line-height:1.65;margin-bottom:.6rem}.lesson-section ul{padding-left:1.4rem;display:grid;gap:.35rem}.lesson-section li{line-height:1.5}.lesson-worked-example,.lesson-steps{padding:1.25rem;border-radius:14px;border:3px solid var(--kudu-brown);background:var(--kudu-cream)}.lesson-worked-example{margin-bottom:1.5rem}.lesson-worked-example h3,.lesson-steps h4{color:var(--kudu-brown);margin-bottom:.75rem}.lesson-worked-example ol,.lesson-steps ol{padding-left:1.4rem;display:grid;gap:.85rem}.lesson-step-label{font-weight:700;color:var(--kudu-brown)}.lesson-step-detail{line-height:1.5}.lesson-step-result{display:inline-block;margin-top:.3rem;padding:.25rem .6rem;border-radius:8px;background:#fff;border:2px solid var(--kudu-sand);font-size:1.05rem}.lesson-remember{padding:1rem 1.25rem;border-radius:12px;background:var(--kudu-brown);color:var(--kudu-cream);font-size:1.05rem;font-weight:700;margin-bottom:1.5rem}.lesson-remember-label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:.3rem}.lesson-steps-dots{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.lesson-steps-count{font-size:.85rem;font-weight:700;color:var(--kudu-brown);white-space:nowrap}.lesson-steps-track{display:flex;gap:.4rem}.lesson-step-dot{width:.9rem;height:.9rem;padding:0;border-radius:50%;border:2px solid var(--kudu-brown);background:#fff;cursor:pointer}.lesson-step-dot.done{background:var(--kudu-sand)}.lesson-step-dot.current{background:var(--kudu-orange);border-color:var(--kudu-orange);transform:scale(1.25)}.lesson-step-dot:focus-visible{outline:3px solid var(--kudu-brown);outline-offset:2px}.lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lesson-section h3{font-size:1.35rem}.lesson-section p{font-size:1.05rem}.lesson-section li{font-size:1.02rem;line-height:1.6}.lesson-remember.big{font-size:1.3rem;padding:1.5rem;text-align:center}.lesson-question-title{color:var(--kudu-brown);font-size:1.25rem;margin-bottom:.75rem}.lesson-given{padding:1.25rem;border-radius:14px;border:3px solid var(--kudu-brown);background:var(--kudu-cream);text-align:center;margin-bottom:1rem}.lesson-given-label{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--kudu-brown);opacity:.8;margin-bottom:.5rem}.lesson-expression{font-size:2rem;font-weight:700;color:var(--kudu-dark-brown);letter-spacing:.03em}.lesson-prompt{font-size:1.05rem;line-height:1.6;margin-bottom:1.25rem}.lesson-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.lesson-progress-score{font-weight:700;color:var(--kudu-brown);white-space:nowrap}.lesson-progress-bar{flex:1;height:12px;border-radius:999px;background:var(--kudu-cream);border:2px solid var(--kudu-sand);overflow:hidden}.lesson-progress-fill{display:block;height:100%;background:var(--kudu-orange);transition:width .3s ease}.lesson-answer{display:grid;gap:1.25rem;margin-bottom:1.25rem}.lesson-choices{display:grid;gap:.75rem}.lesson-choice,.lesson-relation,.lesson-toggle,.lesson-widget-button{border:3px solid var(--kudu-brown);background:#fff;color:var(--kudu-dark-brown);font-family:inherit;cursor:pointer}.lesson-choice.selected,.lesson-relation.selected,.lesson-toggle.selected,.lesson-widget-button.selected{border-color:var(--kudu-orange);background:var(--kudu-selected-bg);color:var(--kudu-dark-brown);box-shadow:inset 0 0 0 2px var(--kudu-orange)}.lesson-choice{padding:1rem 1.25rem;border-radius:12px;font-size:1.1rem;text-align:left}.lesson-choice.selected{font-weight:700}.lesson-choice:disabled,.lesson-relation:disabled,.lesson-toggle:disabled,.lesson-value-input:disabled{opacity:.6;cursor:not-allowed}.lesson-builder{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:1rem;border-radius:14px;border:3px dashed var(--kudu-sand);background:#fff}.lesson-builder-variable{font-size:2rem;font-weight:700;color:var(--kudu-brown)}.lesson-relation-picker{display:flex;gap:.4rem}.lesson-relation{width:3rem;height:3rem;border-radius:10px;background:var(--kudu-cream);font-size:1.5rem;font-weight:700}.lesson-value-input{width:6rem;padding:.6rem;font-size:1.5rem;text-align:center;border:3px solid var(--kudu-brown);border-radius:10px;font-family:SF Mono,Menlo,Consolas,Courier New,monospace}.lesson-value-input:focus{outline:none;border-color:var(--kudu-orange);box-shadow:0 0 0 4px #ff8c0040}.lesson-graph{padding:.75rem;border-radius:14px;border:3px solid var(--kudu-sand);background:#fff}.lesson-graph-caption{font-size:.85rem;color:var(--kudu-brown);margin-bottom:.25rem;text-align:center}.lesson-toggle-row{display:grid;gap:.5rem}.lesson-toggle-label{font-weight:700;color:var(--kudu-brown)}.lesson-toggle-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.lesson-toggle{padding:.85rem 1rem;border-radius:12px;font-size:1rem}.lesson-toggle.selected{font-weight:700}.number-line,.two-point-line{width:100%;height:auto;display:block}.number-line-axis{stroke:var(--kudu-dark-brown);stroke-width:3}.number-line-axis-arrow{fill:var(--kudu-dark-brown)}.number-line-tick{stroke:var(--kudu-dark-brown);stroke-width:2}.number-line-tick.zero{stroke:var(--kudu-brown);stroke-width:4}.number-line-label{fill:var(--kudu-dark-brown);font-size:17px}.number-line-shade line{stroke:var(--kudu-orange);stroke-width:9;stroke-linecap:round}.number-line-shade polygon{fill:var(--kudu-orange)}.number-line-boundary{stroke:var(--kudu-orange);stroke-width:5}.number-line-boundary.open{fill:#fff}.number-line-boundary.closed{fill:var(--kudu-orange)}.number-line-hit{fill:transparent;cursor:pointer}.number-line-hit:hover{fill:#ff8c002e}.number-line-hit:focus-visible{outline:none;fill:#ff8c004d;stroke:var(--kudu-brown);stroke-width:3}.number-line-test-point line{stroke:var(--kudu-green);stroke-width:3}.number-line-test-point text{fill:var(--kudu-green);font-size:16px;font-weight:700}.lesson-hint-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.lesson-hint-header h4{color:var(--kudu-brown);font-size:1.1rem}.lesson-hint-count{font-size:.85rem;font-weight:700;color:var(--kudu-brown);opacity:.75}.lesson-hint{opacity:.75}.lesson-hint.latest{opacity:1;border-left:5px solid var(--kudu-orange);padding-left:.75rem}.lesson-hint-exhausted{margin-top:.75rem;padding:.85rem 1rem;border-radius:10px;background:var(--kudu-cream);border:2px dashed var(--kudu-brown);font-size:.95rem}.lesson-steps{margin-top:1.25rem}.lesson-teks{font-size:.8rem;color:var(--kudu-brown);opacity:.7}.lesson-widget{padding:1.25rem;border-radius:16px;border:3px solid var(--kudu-green);background:linear-gradient(135deg,#f2fbf2,#fff);margin-bottom:1.5rem}.lesson-widget-title{font-size:1.1rem;font-weight:700;color:var(--kudu-green);margin-bottom:.5rem}.lesson-widget-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.lesson-widget-button{padding:.6rem 1rem;border-radius:10px;font-size:1rem;font-weight:700}.lesson-widget-button:hover{background:var(--kudu-cream)}.lesson-widget-button.wide{flex:1 1 200px;text-align:center}.lesson-widget-button.symbol{min-width:3.25rem;font-size:1.4rem;font-family:SF Mono,Menlo,Consolas,Courier New,monospace}.lesson-widget-button.reset{border-color:var(--kudu-sand);color:var(--kudu-brown)}.lesson-widget-button.right{border-color:var(--success-green);background:#e8f5e9}.lesson-widget-button.wrong{border-color:var(--error-red);background:#ffebee}.flip-lab-statement,.circle-lab-statement{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1rem;border-radius:12px;background:#fff;border:3px solid var(--kudu-brown);font-size:2rem;font-weight:700;color:var(--kudu-dark-brown)}.flip-lab-verdict{font-size:.95rem;font-family:inherit;color:var(--kudu-green)}.two-point-dot circle{fill:var(--kudu-orange)}.two-point-dot.second circle{fill:var(--kudu-green)}.two-point-dot text{fill:var(--kudu-dark-brown);font-size:17px;font-weight:700;font-family:SF Mono,Menlo,Consolas,Courier New,monospace}.flip-lab-explain,.circle-lab-explain,.zero-lab-explain,.undo-lab-response{padding:.9rem 1.1rem;border-radius:12px;line-height:1.55;font-size:.98rem}.flip-lab-explain.flipped,.zero-lab-explain.false{background:#fff3e0;border:2px solid var(--warning-orange)}.flip-lab-explain.kept,.zero-lab-explain.true,.undo-lab-response.right{background:#e8f5e9;border:2px solid var(--success-green)}.circle-lab-explain{background:var(--kudu-cream);border:2px solid var(--kudu-brown)}.zero-lab-explain.waiting{background:var(--kudu-cream);border:2px dashed var(--kudu-brown)}.undo-lab-response.wrong{background:#ffebee;border:2px solid var(--error-red)}.undo-lab-progress{font-size:.85rem;font-weight:700;color:var(--kudu-brown);opacity:.8}.undo-lab-question{font-size:1.1rem;margin-top:.4rem}.undo-lab-result{margin-top:.5rem;font-family:SF Mono,Menlo,Consolas,Courier New,monospace;font-weight:700}.undo-lab-finished p{line-height:1.6;margin-bottom:.75rem}.undo-lab-answer{font-family:SF Mono,Menlo,Consolas,Courier New,monospace;font-size:1.1rem;font-weight:700;color:var(--kudu-brown)}.lesson-results-banner{text-align:center;padding:1.5rem;border-radius:16px;border:3px solid var(--kudu-orange);background:linear-gradient(135deg,var(--kudu-cream) 0%,#fff5e0 100%);margin-bottom:1.25rem}.lesson-results-emoji{font-size:3rem}.lesson-results-score{font-size:2.25rem;font-weight:700;color:var(--kudu-brown)}.lesson-results-message{font-size:1.05rem;margin-top:.25rem}.lesson-results-context{font-size:.85rem;opacity:.75;margin-top:.5rem}.lesson-results-list{list-style:none;display:grid;gap:.5rem;margin-bottom:1.5rem}.lesson-results-row{display:grid;grid-template-columns:2rem 2rem 1fr;align-items:center;gap:.75rem;padding:.6rem .85rem;border-radius:10px;background:var(--kudu-cream);border:2px solid var(--kudu-sand)}.lesson-results-icon{font-size:1.2rem}.lesson-results-index{font-weight:700;color:var(--kudu-brown)}.lesson-results-expression{font-size:1.05rem}@media(max-width:640px){.lesson-row{grid-template-columns:2.5rem 1fr}.lesson-row-actions{grid-column:1 / -1}.lesson-expression{font-size:1.6rem}.flip-lab-statement,.circle-lab-statement{font-size:1.5rem}.number-line-label,.two-point-dot text{font-size:26px}.number-line-test-point text{font-size:24px}.number-line-tick{stroke-width:3}.lesson-widget .number-line-label{font-size:32px}.lesson-widget .number-line-test-point text{font-size:30px}.lesson-graph{padding:.5rem .25rem}.lesson-widget{padding:1rem .75rem}}@media(max-width:768px){.navigation.lesson-nav{flex-direction:row;flex-wrap:wrap;align-items:center}.navigation.lesson-nav .btn{flex:1 1 auto}.navigation.lesson-nav .lesson-teks{order:3;width:100%;text-align:center}}:root{--kudu-brown: #8B4513;--kudu-dark-brown: #654321;--kudu-light-brown: #D2691E;--kudu-green: #228B22;--kudu-light-green: #90EE90;--kudu-orange: #FF8C00;--kudu-light-orange: #FFA500;--kudu-cream: #FFF8DC;--kudu-sand: #F4A460;--success-green: #28a745;--error-red: #dc3545;--warning-orange: #fd7e14}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #ffd70099}50%{transform:scale(1.02);box-shadow:0 12px 32px #ffd700cc}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Chalkboard SE,Arial Rounded MT Bold,cursive,sans-serif;background:linear-gradient(135deg,var(--kudu-cream) 0%,var(--kudu-sand) 100%);min-height:100vh;color:var(--kudu-dark-brown)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--kudu-brown) 0%,var(--kudu-dark-brown) 100%);color:var(--kudu-cream);padding:1.5rem 2rem;box-shadow:0 4px 6px #0003;display:flex;align-items:center;gap:1rem}.header-logo{font-size:3rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.header-title{font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header-subtitle{font-size:1rem;opacity:.9;margin-top:.25rem}.main-content{flex:1;padding:2rem;max-width:900px;width:100%;margin:0 auto}.menu{text-align:center;animation:fadeIn .5s ease-in}.menu-title{font-size:2rem;color:var(--kudu-brown);margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.menu-subtitle{font-size:1.2rem;color:var(--kudu-dark-brown);margin-bottom:3rem}.menu-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.mode-button{background:linear-gradient(135deg,var(--kudu-green) 0%,var(--kudu-light-green) 100%);color:#fff;border:none;border-radius:20px;padding:2rem 3rem;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 6px 12px #0003;transition:transform .2s,box-shadow .2s;font-family:inherit;min-width:250px}.mode-button:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.mode-button:active{transform:translateY(-2px)}.mode-button.infinite{background:linear-gradient(135deg,var(--kudu-orange) 0%,var(--kudu-light-orange) 100%)}.question-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 6px 12px #00000026;margin-bottom:2rem;animation:slideIn .3s ease-out}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid var(--kudu-orange)}.question-number{font-size:1.2rem;font-weight:700;color:var(--kudu-brown)}.back-button{background:var(--kudu-sand);color:var(--kudu-dark-brown);border:none;border-radius:10px;padding:.5rem 1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}.back-button:hover{background:var(--kudu-light-brown);color:#fff}.question-prompt{font-size:1.3rem;line-height:1.8;margin-bottom:2rem;color:var(--kudu-dark-brown)}.question-prompt .highlight-number{background:#fff3b8;padding:3px 6px;border-radius:4px;font-weight:700;color:#5c2d0a;border:2px solid #d4a017;box-shadow:0 1px 2px #0000001a}.question-prompt .highlight-keyword{background:#cfc;padding:2px 4px;border-radius:3px;font-weight:700;color:var(--kudu-green)}.answer-section{margin-bottom:2rem}.answer-label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--kudu-brown)}.answer-input-row{display:flex;gap:1rem;align-items:stretch}.answer-input{flex:1;padding:1rem;font-size:1.2rem;border:3px solid var(--kudu-light-green);border-radius:10px;font-family:inherit;transition:border-color .2s}.answer-input:focus{outline:none;border-color:var(--kudu-green)}.check-answer-inline{min-width:150px;white-space:nowrap}.button-group{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 6px #00000026}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn:active{transform:translateY(0)}.btn-primary{background:var(--kudu-green);color:#fff}.btn-secondary{background:var(--kudu-orange);color:#fff}.btn-info{background:var(--kudu-light-brown);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.feedback{padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;animation:fadeIn .3s ease-in}.feedback.correct{background:var(--success-green);color:#fff}.feedback.incorrect{background:var(--error-red);color:#fff}.feedback.revealed{background:var(--warning-orange);color:#fff}.hints-section{background:var(--kudu-cream);border:3px solid var(--kudu-light-brown);border-radius:15px;padding:1.5rem;margin-top:1.5rem;animation:fadeIn .3s ease-in}.hint-item{background:#fff;padding:1rem;border-radius:10px;margin-bottom:1rem;border-left:5px solid var(--kudu-green);animation:slideIn .3s ease-out}.hint-item:last-child{margin-bottom:0}.hint-type{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--kudu-orange);margin-bottom:.5rem}.hint-message{font-size:1rem;line-height:1.6;color:var(--kudu-dark-brown)}.hint-buttons{display:flex;gap:1rem;margin-top:1rem}.navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--kudu-sand)}.kudu-guide{background:linear-gradient(135deg,var(--kudu-orange) 0%,var(--kudu-light-orange) 100%);color:#fff;padding:1rem 1.5rem;border-radius:15px;margin-bottom:2rem;text-align:center;font-size:1.1rem;box-shadow:0 4px 8px #00000026;animation:fadeIn .5s ease-in}.loading{text-align:center;padding:3rem;font-size:1.5rem;color:var(--kudu-brown)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.header{padding:1rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.85rem}.mobile-menu-button{display:flex!important}.desktop-buttons{display:none!important}.menu-buttons{flex-direction:column;align-items:stretch}.mode-button{min-width:auto}.question-prompt{font-size:1.1rem}.answer-input-row{flex-direction:column;gap:.75rem}.check-answer-inline{min-width:auto}.navigation{flex-direction:column}}