:root{--dw-green:#173b38;--dw-coral:#ee684f;--dw-mint:#dcefe9;--dw-line:#d7e4e0;--dw-muted:#647a75}.common-words-page{background:linear-gradient(180deg,#eef6f3,#fbfcfb 500px);color:var(--dw-green)}.common-words-page #app{max-width:1160px;padding:0 28px 70px}.common-words-page main{padding-top:30px}.common-hero{padding:52px;border-radius:30px;background:var(--dw-green);color:#fff;box-shadow:0 22px 55px rgba(23,59,56,.15)}.common-eyebrow{margin:0 0 8px;color:#d49f25;font-size:12px;font-weight:900;letter-spacing:.12em}.common-hero h1{max-width:700px;margin:0;font:800 clamp(42px,7vw,72px)/1.02 'Baloo 2',sans-serif}.common-hero>p:not(.common-eyebrow){max-width:720px;margin:16px 0 28px;color:#c9d9d5;font-size:18px;line-height:1.65}.common-hero .primary-btn{background:#ff7663}.common-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.common-stats article{padding:22px;border:1px solid var(--dw-line);border-radius:19px;background:#fff}.common-stats strong,.common-stats span{display:block}.common-stats strong{font:800 29px 'Baloo 2',sans-serif}.common-stats span{color:var(--dw-muted);font-size:13px;font-weight:800}.common-explainer{margin-top:34px}.common-explainer h2{margin:0 0 15px;font-size:32px}.common-explainer>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.common-explainer article{display:grid;grid-template-columns:38px 1fr;gap:3px 13px;padding:23px;border:1px solid var(--dw-line);border-radius:20px;background:#fff}.common-explainer b{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--dw-mint)}.common-explainer strong{font-size:17px}.common-explainer p{grid-column:2;margin:4px 0 0;color:var(--dw-muted);line-height:1.5}.common-secondary-link{text-align:center;color:var(--dw-muted)}.common-secondary-link a{color:var(--dw-green);font-weight:900}.word-focus{max-width:900px;margin:20px auto}.text-back{margin-bottom:25px;padding:8px 0;border:0;background:transparent;color:var(--dw-green);font-weight:900;cursor:pointer}.flow-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:22px}.flow-heading h1{margin:0;font-size:43px}.flow-heading p:last-child{max-width:660px;color:var(--dw-muted);line-height:1.55}.flow-heading>span{padding:9px 13px;border-radius:999px;background:var(--dw-mint);font-size:13px;font-weight:900;white-space:nowrap}.word-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.word-preview-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:112px;padding:22px;border:1px solid var(--dw-line);border-radius:19px;background:#fff}.word-preview-card strong{font:800 29px 'Baloo 2',sans-serif}.word-preview-card p{margin:3px 0 0;color:var(--dw-muted);font-weight:700}.word-listen{width:46px;height:46px;border:1px solid #bdd4cd;border-radius:50%;background:#edf7f4;color:var(--dw-green);cursor:pointer}.flow-actions{display:flex;justify-content:flex-end;margin-top:22px}.quiz-status{display:flex;justify-content:space-between;color:var(--dw-muted);font-weight:900}.word-progress{height:8px;margin:9px 0 24px;overflow:hidden;border-radius:9px;background:#dbe6e2}.word-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dw-coral),#f2bd42);transition:width .2s}.word-question-card{padding:42px;border:1px solid var(--dw-line);border-radius:26px;background:#fff;text-align:center}.word-question-card h1{margin:9px 0 3px;font:800 66px 'Baloo 2',sans-serif}.audio-pill{margin:5px 0 23px;padding:11px 18px;border:1px solid #bdd4cd;border-radius:999px;background:#edf7f4;color:var(--dw-green);font-weight:900;cursor:pointer}.word-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;text-align:left}.word-option{min-height:62px;padding:15px 17px;border:1px solid var(--dw-line);border-radius:15px;background:#fff;color:#203d3a;font:800 15px 'Nunito',sans-serif;cursor:pointer}.word-option:hover:not(:disabled){border-color:#82ada2;background:#f5fbf9}.word-option.correct{border-color:#58a985;background:#e6f6ee}.word-option.wrong{border-color:#e57f70;background:#fff0ed}.word-feedback{min-height:25px;color:var(--dw-muted);font-weight:800}.word-question-card>.primary-btn{width:100%}.word-result{padding:58px 38px;border:1px solid var(--dw-line);border-radius:28px;background:#fff;text-align:center}.word-result h1{margin:8px 0;font-size:48px}.word-result>p:not(.common-eyebrow){max-width:680px;margin:10px auto;color:var(--dw-muted);font-size:17px}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}html[data-theme='dark'] .common-words-page{background:#101d1b;color:#eef7f4}html[data-theme='dark'] .common-stats article,html[data-theme='dark'] .common-explainer article,html[data-theme='dark'] .word-preview-card,html[data-theme='dark'] .word-question-card,html[data-theme='dark'] .word-result{background:#18302d;border-color:#31504b}html[data-theme='dark'] .word-option{background:#1d3632;border-color:#3a5752;color:#f4faf8}html[data-theme='dark'] .common-secondary-link a,html[data-theme='dark'] .text-back{color:#d9f1ea}@media(max-width:720px){.common-words-page #app{padding:0 17px 50px}.common-hero{padding:35px 25px}.common-stats{grid-template-columns:1fr 1fr}.common-explainer>div,.word-preview-grid,.word-options{grid-template-columns:1fr}.flow-heading{flex-direction:column}.word-question-card{padding:27px 18px}.word-question-card h1{font-size:54px}.result-actions{align-items:stretch;flex-direction:column}.result-actions button{width:100%}}@media(hover:none),(pointer:coarse){.word-option{-webkit-tap-highlight-color:transparent}.word-option:hover:not(:disabled){border-color:var(--dw-line);background:#fff}}