:root{font-family:system-ui,sans-serif;color:#24303b;background:#f7f5ff;--purple:#7047ff}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #ded5ff;border-radius:12px;padding:12px 18px;background:white;color:#5835d8}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b8a6ff;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4vw;background:white;border-bottom:1px solid #e8e3f4}header a{color:#5835d8;text-decoration:none}header span{font-size:13px;color:#737081}main{max-width:850px;margin:30px auto;padding:0 22px 30px}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:28px;margin:6px 0 16px}small,.tag{font-size:12px;font-weight:700;color:#7047ff}progress{width:100%;height:8px;accent-color:var(--purple)}.guide{display:flex;align-items:center;gap:18px;margin:25px 0}.guide img{width:105px;height:125px;object-fit:contain;transform:scaleX(-1)}.guide>div{flex:1;background:white;border:2px solid var(--purple);border-radius:20px;padding:18px;position:relative}.guide strong{font-size:12px;color:var(--purple)}.guide p{margin:7px 0 0;line-height:1.6}article{padding:30px;background:white;border:2px solid transparent;border-radius:22px;box-shadow:0 10px 35px #33225508;min-height:250px}h2{font-size:23px;line-height:1.45;margin:14px 0}p{line-height:1.6}.choices,.words{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choices button{text-align:left;color:inherit;min-height:65px}.choices button.selected{border-color:var(--purple);background:#f7f5ff}.words div{padding:12px;background:#f7f5ff;border-radius:12px}.words strong{display:block;font-size:22px}.words span{font-size:14px;color:#696675}article.correct{border-color:#219a69}article.incorrect{border-color:#d65b59}.answer{width:100%;padding:16px;border:1px solid #cec8dc;border-radius:12px;font-size:21px;min-height:100px}.bank{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.bank button{color:#24303b}footer{display:flex;justify-content:space-between;gap:12px;padding:18px 0}.primary{background:var(--purple);color:white;border-color:var(--purple);margin-left:auto}.lab{color:#787182;font-size:13px;margin-top:18px}.lab summary{cursor:pointer}.model{border-left:3px solid var(--purple);padding:12px 18px;background:#f7f5ff}.muted{color:#787182}#counter{white-space:nowrap;font-size:14px}@media(max-width:600px){header span{display:none}main{margin-top:20px;padding:0 14px 25px}article{padding:20px}.guide{gap:10px;margin:16px 0}.guide img{width:70px;height:95px}.guide>div{padding:13px}h1{font-size:23px}.choices{grid-template-columns:1fr}}