:root{--ink:#243d35;--muted:#6e7c73;--paper:#f7f5ed;--green:#31634e;--line:#dedfd3;--mint:#e8f0d9;--lavender:#ebe7f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'Avenir Next',Avenir,system-ui,sans-serif}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8a70c4;outline-offset:4px}button{transition:transform .16s,background .16s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{cursor:default}header{max-width:1240px;margin:auto;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;font-weight:800;text-decoration:none;color:var(--ink)}.brand-dot{color:#dc9c50;margin-left:-10px}.brand-icon{background:var(--green);color:#fff;border-radius:13px;width:42px;height:42px;text-align:center;line-height:36px;font-size:29px;position:relative}.brand-icon span{position:absolute;font-size:15px;right:3px;top:-7px;color:#f8d679}.header-controls{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600}select,.icon-button{border:1px solid var(--line);border-radius:12px;padding:11px;background:transparent}.icon-button{width:42px;font-size:18px}main{max-width:1168px;margin:auto;padding:0 24px 40px}.intro{text-align:center;padding:42px 10px 31px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--green)}h1{font-size:clamp(32px,4.3vw,54px);line-height:1.12;margin:16px 0;letter-spacing:-2px;font-weight:750}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro>p:last-child{color:var(--muted);font-size:15px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:9px 0 30px}.tabs{padding:5px;display:flex;background:#eaece2;border-radius:16px;gap:3px}.tabs button{border:0;border-radius:12px;padding:12px 20px;background:transparent;font-weight:700;font-size:13px}.tabs button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #243d3510}.categories{display:flex;flex-wrap:wrap;gap:6px}.categories button{border:1px solid transparent;background:transparent;padding:9px 12px;font-size:12px;border-radius:25px}.categories button[aria-pressed=true]{border-color:var(--green);background:#eaf0e4;color:var(--green);font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font-size:18px;margin:0;letter-spacing:-.3px}.section-heading span{font-size:12px;color:var(--muted)}.explore-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:28px}.feature{background:var(--mint);border-radius:28px;padding:24px 28px 18px;text-align:center;position:sticky;top:16px;align-self:start;border:1px solid #dce6ce}.card-label{font-size:10px;letter-spacing:2px;color:#587052;font-weight:800}.hero-picture{display:block;width:100%;height:220px;border:0;background:transparent;margin:10px auto 0}.hero-picture img{width:72%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 0 #264b3210)}.feature h2{font-size:48px;letter-spacing:-1.5px;margin:10px 0 0}.feature>p{font-size:14px;color:#687d61;margin:3px 0 22px}.primary{background:var(--green);color:white;border:0;border-radius:13px;padding:13px 24px;font-weight:650;font-size:14px}.primary span{margin-left:7px}.secondary{border:1px solid var(--line);border-radius:12px;padding:11px 18px;background:white;font-size:13px}.card-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:12px;color:#687d61}.card-nav button{border:1px solid #bbcdb3;border-radius:50%;background:transparent;width:35px;height:35px;font-size:20px}.gallery-hint{margin:0 0 12px;color:var(--muted);font-size:12px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tile{border:1px solid var(--line);border-radius:17px;background:#fffdfa;min-width:0;padding:14px 8px 11px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;font-weight:600}.tile img{width:55px;height:55px;object-fit:contain}.tile:nth-child(4n+2){background:#f1eef7}.tile:nth-child(4n+3){background:#f8efdf}.tile:nth-child(4n){background:#edf2eb}.tile[aria-pressed=true]{border:2px solid var(--green);padding:13px 7px 10px;box-shadow:0 0 0 3px #31634e10}.quiz-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.progress{height:7px;background:#e2e6d9;border-radius:10px;margin:14px 0 30px;overflow:hidden}.progress>div{height:100%;background:var(--green);transition:width .3s}#question-panel,#finish{text-align:center}#question{font-size:48px;margin:12px 0 18px;letter-spacing:-1px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:900px;margin:28px auto 0}.choice{background:#fffdf9;border:2px solid var(--line);border-radius:24px;padding:32px 16px;min-height:190px;position:relative}.choice:nth-child(2){background:#f0edf6}.choice:nth-child(3){background:#faefde}.choice:nth-child(4){background:#eaf1df}.choice img{width:125px;height:125px;max-width:100%}.choice.correct{border-color:#397651;background:#deefda}.choice.wrong{border-color:#d4a267;opacity:.55}.choice .badge{position:absolute;right:12px;top:10px;font-size:22px}.choice small{position:absolute;left:14px;bottom:12px;color:#798274}#feedback{min-height:24px;margin:22px 0 14px;font-size:17px;font-weight:600}.finish-star{font-size:90px;color:#e4ab4e;margin:30px 0 15px}#finish h2{font-size:38px;margin:0}#finish p{color:var(--muted);margin:16px 0 24px}.audio-status{font-size:12px;color:#a34732;text-align:center}footer{max-width:1168px;margin:auto;padding:20px 24px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer details{max-width:400px;text-align:right}footer summary{cursor:pointer}footer a{color:var(--green)}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 20px}.brand{font-size:21px}.header-controls label{display:none}.intro{padding-top:30px}.toolbar{justify-content:center;margin-bottom:22px}.categories{justify-content:center}.explore-layout{grid-template-columns:1fr}.feature{position:static}.hero-picture{height:180px}.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.choices{grid-template-columns:repeat(2,1fr);gap:12px}.choice{min-height:155px;padding:23px}.choice img{height:100px;width:100px}.feature h2{font-size:42px}footer{flex-direction:column}footer details{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.key-hint{display:inline-block;background:#e8eddf;color:#46634e!important;border:1px dashed #bacab2;border-radius:12px;padding:10px 18px;font-size:12px!important;margin:6px 0 0}.feature.spawn{animation:spawn .35s ease-out}@keyframes spawn{0%{transform:scale(.96)}65%{transform:scale(1.025)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.feature.spawn{animation:none}}

.pagination{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:12px;font-size:12px}.pagination button:disabled{opacity:.35}.tile{position:relative;padding-top:28px}.tile[aria-pressed=true]{padding-top:27px}.tile kbd{position:absolute;left:8px;top:6px;font:700 10px ui-monospace,monospace;border:1px solid #bec8bb;border-radius:4px;padding:1px 4px;background:#ffffffb0}.voice-tools{background:#eeeee5;border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin:0 0 24px}.voice-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:12px}.voice-row select,.voice-row input{font:inherit;padding:11px;border:1px solid var(--line);border-radius:10px;background:white;min-width:0}.voice-row form{display:flex;gap:8px}.speech-note,#speech-status{text-align:center;font-size:11px;color:var(--muted);margin:9px 0 0}#speech-status:empty{display:none}#microphone[aria-pressed=true]{background:#f6ded5;border-color:#c56a47}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:500px){.voice-row form{width:100%}.voice-row input{flex:1;width:0}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

main{padding-top:20px}.toolbar{margin:0 0 14px;gap:12px}.toolbar .header-controls{order:3;margin-left:auto}.toolbar .categories{order:2}.toolbar .tabs{order:1}.voice-tools{padding:9px 12px;margin-bottom:16px;background:transparent}.voice-row{justify-content:flex-start}.speech-note{font-size:10px;text-align:left;margin-top:6px;opacity:.8}.section-heading{justify-content:flex-end;margin-bottom:10px}.feature{padding-top:18px}.hero-picture{height:245px;margin-top:0}.pagination{margin-top:0}footer{justify-content:flex-end;padding-top:12px;border:0}.intro,header{display:none}@media(max-width:760px){main{padding-top:12px}.toolbar .categories{order:4;flex-basis:100%}.toolbar .header-controls{order:2}.hero-picture{height:180px}.voice-row{justify-content:center}.speech-note{text-align:center}}

.tile small{font-size:10px;font-weight:400;color:var(--muted);margin-top:-5px;line-height:1.25}.tile span{overflow-wrap:anywhere}