.learn-page main{max-width:1000px;padding-block:36px 60px}.learn-intro{color:var(--muted);line-height:1.8;max-width:720px}.learn-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:24px 0}.learn-controls select{margin-left:12px;background:var(--key);color:var(--text);padding:10px;border:1px solid var(--line);border-radius:5px}.learn-card{border:1px solid var(--line);border-radius:10px;padding:28px;background:linear-gradient(135deg,#3a342d66,transparent)}.learn-page #learn-word{color:#e58b6b;font-size:30px;margin:10px 0}.learn-page #learn-definition{color:var(--muted);line-height:1.8;margin-bottom:28px}.learn-page #learn-passage{font-size:clamp(21px,2.5vw,29px);line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin-block:22px}.learn-page .vocabulary{color:#f2bd82;border-bottom:2px solid #cf8e58;background:#60442044;font-weight:bold}.learn-page .correct{color:var(--text)}.learn-page .incorrect{color:#ffb4a9;background:#672d2a;box-shadow:inset 0 -3px #ff8b7b}.learn-page .caret{box-shadow:inset 2px 0 var(--accent)}#learn-input{display:block;width:100%;min-height:105px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:16px;font:inherit;font-size:16px;line-height:1.6;resize:vertical;margin-top:12px}#learn-input:focus{outline:2px solid var(--accent);outline-offset:3px}.learn-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:22px}#learn-result{color:#d5dca3;line-height:1.8;min-height:24px}#learn-progress,.learn-note{font-size:11px;color:var(--muted);line-height:1.8}#learn-caps{color:var(--error)}.learn-page label{line-height:1.8}.learn-page h1{font-size:28px}@media(max-width:600px){.learn-card{padding:18px}.learn-page main{padding-top:24px}.learn-controls{align-items:flex-start}.learn-controls label{display:flex;flex-direction:column;gap:8px}.learn-controls select{margin:0}}