:root{--bg:#10263d;--panel:#193854;--panel2:#245477;--text:#f7fbff;--muted:#b6c7d6;--gold:#ffd166;--pink:#7bd8ff;--mint:#80efba;--line:rgba(255,255,255,.11)}
.app{width:min(100%,820px)}.suite-card{max-width:680px;margin:0 auto;padding:28px 24px;border:1px solid var(--line);border-radius:26px;background:rgba(25,56,84,.9);box-shadow:0 22px 60px rgba(0,0,0,.18)}.prompt-icon{min-height:92px;display:grid;place-items:center;font-size:66px}.prompt-label{margin:0 0 8px;color:var(--mint);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.prompt-word{margin:0;font-size:clamp(34px,8vw,58px);text-transform:uppercase}.pronunciation{display:inline-flex;margin-top:12px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--mint);font-size:14px;font-weight:800;cursor:pointer}.suite-question{margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:680px;margin:16px auto 0}.choice-button{min-height:60px;padding:12px;border:1px solid var(--line);border-radius:16px;color:white;background:rgba(25,56,84,.9);font-weight:800;cursor:pointer}.choice-button:hover{border-color:var(--gold)}.choice-button.correct{border-color:var(--mint);background:rgba(128,239,186,.18)}.choice-button.wrong{border-color:#ff7798;background:rgba(255,119,152,.18)}.choice-button:disabled{cursor:default}.text-answer{display:flex;gap:10px;max-width:680px;margin:16px auto 0}.text-answer input{flex:1;min-width:0;padding:0 16px;border:1px solid var(--line);border-radius:15px;color:white;background:var(--panel);font:inherit;font-size:18px}.text-answer button{width:auto;padding:0 22px}.feedback-line{min-height:27px;margin:16px 0 0;color:var(--gold);font-weight:800}.next-button{display:none;max-width:680px;margin:14px auto 0}.next-button.visible{display:block}.word-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}.word-tile{padding:11px 14px;border:1px solid var(--line);border-radius:12px;color:white;background:var(--panel2);font-weight:800;cursor:pointer}.sentence-line{min-height:54px;margin-top:16px;padding:14px;border:1px dashed var(--line);border-radius:14px;color:var(--gold);font-size:18px;font-weight:800}.timer{color:var(--pink)!important}.reading-passage{margin:12px 0 0;padding:18px;border-radius:16px;text-align:left;color:white;background:rgba(255,255,255,.06);font-size:17px;line-height:1.8}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.hub-card{padding:20px;border:1px solid var(--line);border-radius:20px;color:white;text-align:left;text-decoration:none;background:rgba(25,56,84,.85);transition:.2s}.hub-card:hover{border-color:var(--gold);transform:translateY(-3px)}.hub-card span{font-size:34px}.hub-card strong{display:block;margin-top:12px}.hub-card small{display:block;margin-top:7px;color:var(--muted);line-height:1.5}@media(max-width:650px){.app{padding:0 14px}.suite-card{padding:22px 16px}.choice-grid,.hub-grid{grid-template-columns:1fr}.text-answer{flex-direction:column}.text-answer input{min-height:56px}.text-answer button{min-height:56px}.prompt-icon{font-size:54px}}