:root{--plum:#2b122c;--plum-mid:#653568;--lavender:#c8adc5;--paper:#f4f1ef;--ink:#191621;--muted:#746676;--line:#e1d7e0;--success:#245d3c;--success-bg:#eef7ef;--error:#a62c4c;--error-bg:#fff0f2;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.masthead{position:relative}.header-home{color:inherit;text-decoration:none}.header-home::after{content:'';position:absolute;inset:0}.header-home:focus-visible{outline-offset:-5px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #93699a;outline-offset:4px}button:disabled{cursor:default}button{transition:background .15s,border-color .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.skip-link{position:fixed;z-index:10;left:1rem;top:1rem;padding:.8rem 1rem;background:white;color:var(--plum);transform:translateY(-180%)}.skip-link:focus{transform:none}.masthead{background:linear-gradient(110deg,#2b122c,#381b39 68%,#201329);color:white}.header-inner{max-width:1080px;margin:auto;padding:16px 30px;display:flex;align-items:center;gap:30px;min-height:108px}.brand{display:flex;align-items:center;gap:16px}.logo-badge{display:flex;width:76px;height:76px;align-items:center;justify-content:center;background:#faf8f6;border-radius:50%;overflow:hidden;flex-shrink:0}.logo-badge img{width:76px;height:76px;object-fit:contain}.brand strong{display:block;text-transform:uppercase;letter-spacing:.055em;font-family:var(--serif);font-size:1.65rem;font-weight:500;line-height:1.1}.brand div>span{color:#cfafcd;font-family:var(--serif);font-size:1.1rem}.header-title{border-left:1px solid #795679;padding-left:30px;font-family:var(--serif);font-size:1.4rem;font-style:italic;color:#e3d3e2}.header-moon{margin-left:auto;font-family:var(--serif);color:var(--lavender);font-size:3rem;line-height:1}.header-moon small{font-size:1.2rem;margin-left:9px}.main{max-width:1030px;margin:auto;padding:34px 30px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:var(--plum-mid);font-weight:650;margin:0 0 6px}h1{font:500 clamp(2.4rem,5vw,3.7rem)/1.15 var(--serif);color:var(--plum);margin:0 0 10px;letter-spacing:-.03em}.lead{margin:0;color:var(--muted);font-size:1.1rem}.lead strong{color:var(--plum);font-weight:600}.heading-stars{font-family:var(--serif);font-size:1.8rem;color:#a284a7;white-space:nowrap;padding-left:18px}.heading-stars>span{font-size:3.3rem}.group-tabs{display:grid;grid-template-columns:repeat(8,1fr) 1.25fr;gap:10px}.group-tabs button{min-height:50px;border:1px solid #d9ccd9;background:#fbfaf9;color:var(--plum);border-radius:11px;font:600 1.2rem var(--serif)}.group-tabs button[aria-pressed=true]{background:var(--plum);color:white;border-color:var(--plum);box-shadow:0 3px 10px #2b122c18}.group-tabs button:hover:not([aria-pressed=true]){background:#eae1ea}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 6px}.mode-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid #cdb9ce;border-radius:11px;background:#fbfaf9}.mode-switch button{border:0;border-radius:7px;background:transparent;color:var(--plum);padding:8px 22px;min-height:40px}.mode-switch button[aria-pressed=true]{color:white;background:var(--plum)}.reset-note{font-size:.85rem;color:var(--muted)}.group-note{font-size:.92rem;color:var(--plum);background:#ebe1ea;border-radius:9px;padding:11px 15px;margin:14px 0 0}.progress-wrap{margin:25px 0 18px}.progress-track{height:11px;background:#e3d8e3;border-radius:30px;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,#6d3d72,#925e98);width:0;transition:width .2s}.progress-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:.92rem;color:var(--muted)}.score{display:flex;gap:10px;align-items:center;border-radius:30px;padding:4px 13px;background:#ebe6e9;font-size:.87rem;white-space:nowrap}.score-good{color:var(--success);font-weight:600}.score-bad{color:var(--error);font-weight:600}.score-dot{color:#a595a5}.exercise-card,.results-card{background:#fdfcfb;border:1px solid #e0d8e0;border-radius:20px;padding:28px 34px 22px;box-shadow:0 9px 26px #301d3b06}.card-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.pill{display:inline-block;background:#ede3ed;color:#653568;padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:650;letter-spacing:.09em}.type-label{color:var(--muted);font-size:.9rem}.instruction{color:var(--muted);margin:19px 0 13px}.question{font:500 clamp(1.9rem,3.7vw,2.85rem)/1.4 var(--serif);letter-spacing:-.01em;margin:12px 0 22px;overflow-wrap:anywhere;outline:none}.target-word{white-space:nowrap}.blank{display:inline-block;text-align:center;min-width:.65em;color:var(--plum);border-bottom:3px solid var(--plum-mid);line-height:1.1;margin:0 1px}.blank:empty::after{content:'\00a0'}.filled{display:inline-block;color:var(--plum-mid);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.clue{color:var(--muted);background:#f3eff3;border-radius:8px;font-size:.94rem;padding:8px 13px;margin:-10px 0 20px;display:inline-block}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.answers button{position:relative;border:1px solid #d5c5d6;border-radius:12px;min-height:98px;background:#f6f2f4;color:#211828;padding:10px 20px}.answers button:hover:not(:disabled){background:#eae0eb;border-color:#9e74a1}.answer-symbol{font:500 2.8rem/1 var(--serif)}.answers small{position:absolute;bottom:8px;right:12px;color:#9a8c9c;font-size:.75rem}.answers button.correct{background:var(--success-bg);border:2px solid #5d9566;color:var(--success)}.answers button.wrong{background:var(--error-bg);border:2px solid #c65672;color:var(--error)}.answer-marker{position:absolute;top:7px;right:10px;font-size:1rem;font-family:var(--sans);font-weight:700}.feedback{padding:15px 18px;border-radius:12px;margin-top:20px;color:var(--success);background:var(--success-bg);border:1px solid #d9eadc}.feedback.bad{color:var(--error);background:var(--error-bg);border-color:#f0d6dd}.feedback strong{display:block;margin-bottom:3px;font-size:1rem}.feedback p{margin:0;font-size:.95rem;color:var(--ink)}.next-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.keyboard-tip{font-size:.84rem;color:var(--muted);margin:0}.button{padding:12px 23px;min-height:48px;border-radius:10px;font-weight:600;font-size:.95rem;border:1px solid var(--plum)}.primary{background:var(--plum);color:white}.primary:hover{background:#4b234d}.secondary{background:transparent;color:var(--plum)}.secondary:hover{background:#eee5ee}.results-card{margin-top:26px;text-align:center;padding:30px 34px}.result-stars{color:#9d7a9e;font-size:1.4rem;letter-spacing:.3em}h2{font:500 3.3rem/1.2 var(--serif);color:var(--plum);margin:10px 0 8px;outline:none}.result-number{font:500 4rem/1.2 var(--serif);color:var(--plum);margin:0}.result-number span{font-size:2.3rem;color:#9d789f}.result-caption{margin:3px 0 14px;color:var(--muted)}.result-message{font-size:1rem;margin:15px 0 22px}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.mistake-review{text-align:left;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}h3{color:var(--plum);font:500 1.65rem var(--serif);margin:0 0 15px}.mistake-item{border-bottom:1px solid #eee7ee;padding:12px 0}.mistake-item:last-child{border:0}.mistake-item strong{font-size:1.1rem;color:var(--plum)}.mistake-item p{font-size:.92rem;color:var(--muted);margin:3px 0}.mistake-choice{display:inline-block;color:var(--error);font-size:.85rem;margin-left:12px}.footer{text-align:center;color:var(--muted);padding:21px 0 0}.footer>span{color:#ac8bb0}.footer p{margin:3px 0;font-size:.85rem}.footer small{font-size:.75rem;color:#9c8a9c}
@media(min-width:1400px){.main{padding-top:44px}}@media(max-width:720px){.header-inner{padding:13px 22px;min-height:90px;gap:16px}.logo-badge,.logo-badge img{width:60px;height:60px}.brand{gap:12px}.brand strong{font-size:1.3rem}.brand div>span{font-size:.95rem}.header-title{font-size:1.1rem;padding-left:16px}.header-moon{font-size:2.3rem}.header-moon small{display:none}.main{padding:26px 20px 20px}.page-heading{margin-bottom:23px}.eyebrow{font-size:.75rem;letter-spacing:.08em}.heading-stars{display:none}.group-tabs{gap:7px}.group-tabs button{min-height:46px;font-size:1.05rem;border-radius:8px}.mode-row{flex-direction:column;align-items:flex-start;gap:9px}.mode-switch{width:100%}.mode-switch button{flex:1;padding:8px 10px}.reset-note{font-size:.8rem}.exercise-card{padding:22px}.answers{gap:9px}.answers button{min-height:86px;padding:10px}.answer-symbol{font-size:2.5rem}.next-row{flex-wrap:wrap}.next-row .button{margin-left:auto}.question{font-size:2.2rem}.result-number{font-size:3.5rem}.results-card{padding:24px 20px}.progress-wrap{margin-top:22px}}
@media(max-width:440px){.header-title{display:none}.header-inner{padding:12px 18px}.main{padding:22px 15px 18px}h1{font-size:2.35rem}.lead{font-size:1rem}.group-tabs{grid-template-columns:repeat(5,1fr)}.group-tabs .mix-tab{grid-column:span 2}.exercise-card{padding:20px 17px}.question{font-size:1.95rem}.answers{gap:7px}.answers button{min-height:78px}.answer-symbol{font-size:2.3rem}.keyboard-tip{font-size:.8rem}.next-row .button{width:100%;margin:0}.progress-meta{font-size:.84rem}.score{gap:6px;font-size:.8rem;padding:4px 10px}.pill{padding:6px 9px;font-size:.75rem;letter-spacing:.04em}.type-label{font-size:.85rem}.result-actions{flex-direction:column}.result-actions .button{width:100%}}
.exercise-card{text-align:center}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}