@font-face{font-family:Poppins;src:url('/assets/fonts/poppins.woff2') format('woff2');font-display:swap}@font-face{font-family:Lora;src:url('/assets/fonts/lora.woff2') format('woff2');font-display:swap}:root{--green:#24372f;--yellow:#efd27a;--paper:#f6f7f3;--ink:#26312c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 Poppins,Arial,sans-serif}a{color:#2f5d4a;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}h1,h2,h3{font-family:Lora,Georgia,serif;line-height:1.25;font-weight:500}h1{font-size:clamp(2rem,4vw,3.7rem);margin:15px 0 22px}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.35rem}.wrap{max-width:1120px;width:calc(100% - 40px);margin:auto}.site-header{background:var(--green);color:#fff;padding:22px 0}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.site-logo{font:1.5rem Lora,Georgia;color:#fff;text-decoration:none}.site-links{display:flex;gap:22px;flex-wrap:wrap}.site-links a{color:#fff}.app-hero{padding:48px 0;background:var(--green);color:#f6f7f3}.app-hero p{max-width:760px}.app-hero a{color:#f6f7f3}.app-section{padding:40px 0}.app-status{border-left:4px solid #2f5d4a;padding:16px 20px;background:#e9efe7;margin:0 0 24px}.app-stage{background:#fff;border:1px solid #bccaba;border-radius:18px;padding:32px;background-size:cover;background-position:center}.app-kicker{display:block;font-size:.85rem;color:#49604d}.welcome-grid{display:grid;grid-template-columns:1fr 180px;gap:25px;align-items:center}.mascot{width:180px;height:180px;object-fit:contain}.small-mascot{width:110px;height:110px;float:right}.feedback-mascot{width:90px;height:90px;float:right}.app-stage form{max-width:800px}.app-stage label:not(.answer-option):not(.app-check){display:block;margin:20px 0 7px}.app-stage input:not([type=radio]):not([type=checkbox]),.app-stage select,.app-stage textarea{width:100%;padding:12px;border:1px solid #6f8575;border-radius:7px;color:var(--ink);background:#fff}.app-check{display:flex;align-items:flex-start;gap:12px;margin:22px 0}.app-check input{width:20px;height:20px;margin-top:4px;flex-shrink:0}.app-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;min-height:48px;background:var(--yellow);color:var(--green);border:1px solid #d8b34e;border-radius:7px;text-decoration:none;cursor:pointer;font-weight:600}.app-button.secondary{background:#fff;border-color:#66846e;color:var(--green)}.app-button:disabled{opacity:.7;cursor:wait}.app-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 12px}.app-small{font-size:.85rem;color:#526058}.app-error{color:#8b352b;font-weight:600}.app-progress{display:flex;justify-content:space-between;gap:14px}.app-stage progress{width:100%;height:14px;accent-color:#2f5d4a;margin:16px 0 24px}.exercise-panel{background:#ffffffed;padding:20px;border-radius:12px}.exercise-panel h2{clear:none}.exercise-panel fieldset{border:0;padding:0;margin:24px 0}.answer-options{display:grid;gap:12px}.answer-option{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #8ea58f;border-radius:10px;cursor:pointer;background:#fff}.answer-option:has(input:checked){border:2px solid var(--green);padding:15px;background:#edf4e9}.answer-option input{width:20px;height:20px;flex-shrink:0}.picture-options{grid-template-columns:repeat(3,minmax(0,1fr))}.picture-options .answer-option{flex-direction:column;text-align:center}.object{width:140px;height:140px;object-fit:contain}.single-object{display:block;margin:0 auto;max-width:170px}.letter-tray{display:flex;gap:10px;flex-wrap:wrap}.letter-button{min-width:48px;min-height:48px;font-weight:600;font-size:1.4rem;border:1px solid #6f8575;background:#efd27a;color:#24372f;border-radius:8px;cursor:pointer}.letter-button:disabled{opacity:.4;cursor:default}.app-feedback{border-left:4px solid #2f5d4a;background:#edf4e9;padding:20px;margin-top:24px;min-height:140px}.app-score{font:3rem Georgia;margin:15px 0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-grid section{background:#f2f5ef;padding:20px;border-radius:10px}.contact-panel{border-top:1px solid #c7d2c8;margin-top:32px;padding-top:28px}.report-preview{white-space:pre-line}.app-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.app-explainer{padding:24px 0;max-width:850px}.app-explainer details{border-top:1px solid #c7d2c8;padding:15px 0}.app-explainer summary{cursor:pointer;font-weight:600}.site-footer{background:#24372f;color:#f6f7f3;padding:35px 0}.site-footer a{color:#f6f7f3}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:absolute;top:-200px;background:#efd27a;padding:15px;z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #996000;outline-offset:4px}[hidden]{display:none!important}@media(max-width:650px){.wrap{width:calc(100% - 28px)}.site-header .wrap{align-items:flex-start;flex-direction:column;gap:12px}.site-links{gap:16px;font-size:.85rem}.app-hero{padding:30px 0}.app-stage{padding:20px 14px}.welcome-grid{grid-template-columns:1fr 100px;gap:10px}.welcome-mascot{width:100px;height:100px}.picture-options{grid-template-columns:1fr}.picture-options .answer-option{flex-direction:row;text-align:left}.picture-options .object{width:70px;height:70px}.result-grid{grid-template-columns:1fr}.app-actions{flex-direction:column}.app-actions .app-button{width:100%}.exercise-panel{padding:12px}.small-mascot{width:75px;height:75px}.app-progress{font-size:.85rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.site-header,.site-footer,form,.app-actions,.app-hero,.app-status,.app-explainer{display:none}.app-stage{border:0;padding:0}.result-grid{display:block}.result-grid section{break-inside:avoid}}