[hidden]{display:none!important}
.learning-entry{border-top:1px solid #cfe0f2;padding:clamp(1.25rem,4vw,2.25rem);background:#f6faff}
.learning-entry-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.learning-entry h2{margin:0 0 .25rem;font-size:1.35rem}
.learning-entry p{margin:.2rem 0;color:#536174}
.learn-button,.review-button,.button-secondary{min-height:48px;border:0;border-radius:9px;padding:.7rem 1.1rem;background:#075fc6;color:#fff;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;text-align:center}
.learn-button:hover,.review-button:hover{background:#064f9f}
.learn-button:disabled,.review-button:disabled{background:#8b99aa;cursor:not-allowed}
.learn-button:focus-visible,.review-button:focus-visible,.button-secondary:focus-visible,.translation-chooser input:focus-visible+span,.review-answer:focus-visible{outline:3px solid #f5a623;outline-offset:3px}
.translation-chooser{margin-top:1rem}
.translation-chooser fieldset{max-width:720px;margin:0;border:1px solid #b9cbe0;border-radius:9px;padding:.75rem 1rem;background:#fff}
.translation-chooser legend{padding:0 .35rem;font-weight:800}
.translation-chooser label{display:flex;align-items:flex-start;gap:.65rem;padding:.45rem .2rem;cursor:pointer}
.translation-chooser input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin-top:.28rem}
.learning-status{min-height:1.6em;margin-top:.75rem!important;color:#274c28!important;font-weight:650}
.entry-title-row{display:flex;align-items:center;gap:.65rem}
.word-voice{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:1px solid #8aa0b9;border-radius:999px;padding:0;background:#fff;color:#075fc6;font:inherit;font-size:1.1rem;cursor:pointer}
.word-voice:hover{background:#f0f6fd}
.word-voice:focus-visible{outline:3px solid #f5a623;outline-offset:3px}
.word-voice-status{color:#536174;font-size:.88rem}
.learn-page{background:#f5f7fa}
.learn-main{width:min(100% - 2rem,1040px);padding:clamp(1.5rem,5vw,3.5rem) 0 3.5rem}
.learn-header-actions{display:flex;align-items:center;gap:1rem;font-weight:750}
.learn-hero{margin-bottom:1.5rem}
.learn-hero h1{max-width:760px;margin:.2rem 0 .6rem;font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;letter-spacing:-.035em}
.learn-hero-copy{max-width:720px;margin:0;color:#536174;font-size:1.08rem}
.device-note{display:inline-block;margin-top:.75rem;border-radius:999px;padding:.25rem .65rem;background:#e9f3ff;color:#07549f;font-size:.82rem;font-weight:750}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.stat-card,.learn-card,.review-card,.completion-card{background:#fff;border:1px solid #d5dce4;border-radius:12px;box-shadow:0 4px 18px #1720330b}
.stat-card{padding:1.1rem 1.25rem}
.stat-card strong{display:block;color:#075fc6;font-size:2rem;line-height:1.1}
.stat-card span{color:#536174;font-size:.9rem}
.learn-card{padding:clamp(1.2rem,3vw,1.75rem);margin-bottom:1rem}
.learn-card h2{margin:0 0 .65rem;font-size:1.3rem}
.daily-goal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem}
.daily-goal p{margin:.35rem 0;color:#536174}
progress{display:block;width:100%;height:.85rem;border:0;border-radius:999px;overflow:hidden;background:#dfe7ef}
progress::-webkit-progress-bar{background:#dfe7ef;border-radius:999px}
progress::-webkit-progress-value{background:#138a54;border-radius:999px}
progress::-moz-progress-bar{background:#138a54;border-radius:999px}
.learning-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.word-list{list-style:none;margin:0;padding:0}
.word-list li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid #e2e7ed}
.word-list li:first-child{border-top:0}
.word-list li>span{color:#637083;text-align:right;font-size:.9rem}
.word-list .empty-list{display:list-item;color:#637083}
.empty-learning{border:1px dashed #b9cbe0;border-radius:9px;padding:1rem;background:#f6faff}
.empty-learning p{margin:.2rem 0}
.review-card,.completion-card{max-width:760px;margin:auto;padding:clamp(1.25rem,5vw,2.5rem)}
.session-progress-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-bottom:2rem}
.session-progress-row span{color:#637083;font-size:.85rem}
.review-direction{color:#536174;font-size:.88rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.review-prompt{margin:.3rem 0 1.4rem;font-size:clamp(2rem,7vw,3.4rem);line-height:1.05;overflow-wrap:anywhere}
.review-form label{display:block;margin-bottom:.4rem;font-weight:750}
.review-answer{width:100%;min-height:54px;border:1px solid #9eacbc;border-radius:9px;padding:.7rem .85rem;background:#fff;font:inherit;font-size:1.1rem}
.review-form .review-button{width:100%;margin-top:.75rem}
.review-feedback{margin-top:1rem;border:1px solid;padding:1rem;border-radius:9px}
.review-feedback.is-correct{border-color:#80bd99;background:#edf9f2;color:#1e5d38}
.review-feedback.is-incorrect{border-color:#e4ab78;background:#fff7ef;color:#774016}
.review-feedback h3{margin:0 0 .35rem}
.review-feedback p{margin:.25rem 0}
.feedback-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.feedback-actions button{flex:1 1 180px}
.button-secondary{border:1px solid #8aa0b9;background:#fff;color:#075fc6}
.review-source{margin:1rem 0 0;text-align:center;font-size:.87rem}
.completion-card{text-align:center}
.completion-card h2{font-size:clamp(1.8rem,5vw,2.5rem);margin:.2rem 0 .5rem}
.completion-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}
@media(max-width:680px){.learning-entry-inner,.daily-goal{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.learning-entry-inner{display:flex}.learn-button{width:100%}.stats-grid{grid-template-columns:1fr}.learning-columns{grid-template-columns:1fr}.session-progress-row{grid-template-columns:1fr}.learn-header-actions{grid-column:2}.learn-header-actions .language{display:none}}