html,body{min-height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--cream);background:radial-gradient(1200px 800px at 70% -10%,var(--blu-2),var(--blu) 60%);display:grid;place-items:center;padding:2rem}main{width:min(34rem,100%);text-align:center}.sub{opacity:.8}.focus-pill{display:inline-flex;align-items:center;gap:.5rem;background:#c9a22726;border:1px solid rgba(201,162,39,.4);border-radius:999px;padding:.35rem .75rem;margin:1.25rem 0 .5rem;font-size:.9rem}.focus-label{color:var(--brass);font-weight:600}.focus-clear{background:none;border:0;color:var(--cream);opacity:.55;cursor:pointer;font-size:.8rem;padding:0}.focus-clear:hover{opacity:1}.setup-heading{font-family:ui-serif,Georgia,serif;font-size:1.5rem;margin:2rem 0 1.5rem}.heading-en{font-size:.8rem;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:400;opacity:.4;letter-spacing:.02em;vertical-align:middle}.setup-group{margin-bottom:1.5rem}.setup-label{font-size:.85rem;opacity:.6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}.label-en{text-transform:none;letter-spacing:0;opacity:.65;font-size:.8rem}.picker{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pill{font:500 .9rem ui-sans-serif,system-ui,sans-serif;background:#f6f1e712;color:var(--cream);border:1px solid rgba(246,241,231,.2);border-radius:999px;padding:.4rem .9rem;cursor:pointer;transition:background .15s;display:inline-flex;flex-direction:column;align-items:center;gap:.05rem}.pill-en{font-size:.68rem;font-weight:400;opacity:.5;line-height:1}.pill:hover{background:#f6f1e724}.pill.active{background:var(--cream);color:var(--blu);border-color:var(--cream);font-weight:600}.progress{font-size:.8rem;opacity:.5;letter-spacing:.06em;margin:.75rem 0 -.5rem}.prompt{opacity:.8;font-size:.95rem;margin-top:2rem}.sentence{font-family:ui-serif,Georgia,serif;font-size:1.4rem;line-height:2;margin:1rem 0 .25rem}.blank{font:inherit;width:7rem;text-align:center;background:transparent;color:var(--brass);border:0;border-bottom:2px solid var(--brass)}.blank:focus{outline:none}.mark{color:var(--brass);letter-spacing:1px}.audio-row{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:.4rem auto .2rem}.audio-btn{background:#c9a22714;border:1px solid rgba(201,162,39,.25);border-radius:50%;color:var(--brass);cursor:pointer;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.audio-btn:hover{background:#c9a2272e}.audio-btn.playing{background:#c9a22738;animation:pulse-ring 1.4s ease-in-out infinite}.pron-label{font-size:.85rem;opacity:.7}@keyframes pulse-ring{0%,to{box-shadow:0 0 #c9a22759}50%{box-shadow:0 0 0 5px #c9a22700}}.speed-ctrl{display:flex;gap:.25rem}.speed-btn{font:500 .72rem ui-sans-serif,system-ui,sans-serif;background:#f6f1e714;color:var(--cream);border:1px solid rgba(246,241,231,.22);border-radius:999px;padding:.2rem .5rem;cursor:pointer;opacity:.7;transition:background .15s,opacity .15s}.speed-btn:hover{opacity:.9;background:#f6f1e729}.speed-btn.active{opacity:1;background:var(--brass);color:var(--blu);border-color:var(--brass);font-weight:600}.accents{display:flex;gap:.35rem;align-items:center;justify-content:center;margin:.3rem 0 .5rem;flex-wrap:wrap}.acc-label{font-size:.75rem;opacity:.45;margin-right:.2rem}.acc-btn{font:500 1rem ui-serif,Georgia,serif;background:#f6f1e717;color:var(--cream);border:1px solid rgba(246,241,231,.2);border-radius:6px;padding:.2rem .55rem;cursor:pointer;min-width:2rem}.acc-btn:hover{background:#f6f1e733}.cue{opacity:.6;font-style:italic;margin:0 0 1rem}.hints{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem}.hints-label{opacity:.5;font-size:.8rem}.hint{font:500 .8rem ui-sans-serif,system-ui,sans-serif;background:#f6f1e70f;color:var(--cream);border:1px solid rgba(246,241,231,.2);border-radius:999px;padding:.35rem .8rem;cursor:pointer}.hint:hover{background:#f6f1e724}.hint.spent{opacity:.45;cursor:default;text-decoration:line-through}.hint.audio-replayable{opacity:.9;cursor:pointer;text-decoration:none;border-color:#c9a22780}.hint.audio-replayable:hover{opacity:1;background:#c9a2271f}.reveal{background:#0000002e;border-radius:12px;padding:.75rem 1rem;margin-bottom:1.25rem;text-align:left}.reveal .rv{margin:.3rem 0;font-size:.95rem}.vtable{width:100%;border-collapse:collapse;font-size:.9rem;margin:.4rem 0}.vtable caption{font-style:italic;opacity:.7;text-align:left;padding-bottom:.3rem}.vtable td{padding:.2rem .5rem;border-top:1px solid rgba(246,241,231,.1)}.vtable td:first-child{opacity:.6;width:5rem}.vtable td:last-child{color:var(--brass)}.options{display:grid;gap:.6rem;max-width:22rem;margin:0 auto 1.5rem}.opt{font:500 1.05rem ui-serif,Georgia,serif;background:#f6f1e714;color:var(--cream);border:1px solid rgba(246,241,231,.25);border-radius:12px;padding:.7rem 1rem;cursor:pointer}.opt:hover{background:#f6f1e729}.opt:disabled{opacity:.5;cursor:default}.btn{font:600 1rem ui-sans-serif,system-ui,sans-serif;background:var(--cream);color:var(--blu);border:0;border-radius:999px;padding:.7rem 1.6rem;cursor:pointer}.btn:disabled{opacity:.5}.link{background:none;border:0;color:var(--cream);opacity:.6;cursor:pointer;font-size:.85rem;text-decoration:underline}.fb{display:grid;gap:1rem;place-items:center;margin-top:2rem}.fb-sentence{font-family:ui-serif,Georgia,serif;font-size:1.25rem;opacity:.75;margin:0;line-height:1.8}.fb-sentence-en{font-size:.9rem;opacity:.45;margin:.1rem 0 0;font-style:italic}.fb-answer{color:var(--brass);font-weight:600}.actions{display:flex;gap:1rem;align-items:center}.verdict{font-family:ui-serif,Georgia,serif;font-size:1.6rem;margin:0}.verdict.ok{color:#8fd19e}.verdict.no{color:#f0c674}.why-line{margin:.25rem 0}.why-note{font-size:.95rem;opacity:.85;max-width:30rem;line-height:1.6}.why-note-en{opacity:.6;font-size:.88rem;margin-top:.15rem}.why-wrong{color:#f0c674}.why-divider{border:0;border-top:1px solid rgba(246,241,231,.12);margin:.6rem auto;width:60%}.ref-links{display:flex;flex-direction:column;gap:.35rem;align-items:center}.ref-link{font-size:.8rem;color:var(--cream);opacity:.5;text-decoration:underline;text-underline-offset:2px}.ref-link:hover{opacity:.85}.summary{display:grid;gap:1rem;place-items:center;margin-top:2rem}.sum-heading{font-family:ui-serif,Georgia,serif;font-size:1.3rem;opacity:.8;margin:0}.sum-score{font-family:ui-serif,Georgia,serif;font-size:3.5rem;font-weight:700;color:var(--brass);margin:.25rem 0;line-height:1}.sum-pct{opacity:.6;font-size:.9rem;margin:0}.report-wrap{margin-top:.5rem}.report-link{background:none;border:0;color:var(--cream);opacity:.35;cursor:pointer;font-size:.8rem;text-decoration:underline;padding:0}.report-link:hover{opacity:.6}.report-form{margin-top:.75rem;display:grid;gap:.6rem;text-align:center}.report-pills{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.rpill{font:500 .8rem ui-sans-serif,system-ui,sans-serif;background:#f6f1e70f;color:var(--cream);border:1px solid rgba(246,241,231,.2);border-radius:999px;padding:.3rem .75rem;cursor:pointer}.rpill:hover{background:#f6f1e71f}.rpill.active{background:#c9a22740;border-color:var(--brass);color:var(--brass)}.report-notes{width:100%;max-width:24rem;background:#0003;color:var(--cream);border:1px solid rgba(246,241,231,.2);border-radius:8px;padding:.5rem .75rem;font:.9rem ui-sans-serif,system-ui,sans-serif;resize:vertical}.report-notes::placeholder{opacity:.4}.report-btn{font-size:.85rem;padding:.5rem 1.2rem}.report-thanks{font-size:.85rem;opacity:.65;margin:0}