.language-learning{--learning-blue:#283597;--learning-ink:#2e353f;--learning-muted:#697384;--learning-rule:#d9dce8;color:var(--learning-ink);padding:1rem 0 2rem}.learning-heading{border-bottom:1px solid var(--learning-rule);padding:.4rem 0 1.7rem}.learning-heading h1{color:#1a202c;letter-spacing:-.04em;margin:.2rem 0 .3rem;font:700 clamp(2rem,5vw,3rem)/1.1 Space Grotesk,sans-serif}.learning-heading>p:last-child{color:var(--learning-muted);margin:.5rem 0 0}.learning-current-lesson{color:#1a202c;margin:.5rem 0 0;font-size:1rem;font-weight:600}.learning-current-lesson span{color:var(--learning-muted);font-family:Noto Sans SC,PingFang SC,sans-serif;font-weight:400}.source-context{max-width:54rem;color:var(--learning-muted);gap:.35rem;margin-top:.75rem;font-size:.78rem;line-height:1.6;display:grid}.source-context>p{margin:0}.source-file{color:#818a99;font-size:.68rem}.book-notes{margin-top:.1rem}.book-notes summary{width:fit-content;color:var(--learning-blue);cursor:pointer;font-size:.72rem;font-weight:600}.book-notes summary:focus-visible{outline:2px solid var(--learning-blue);outline-offset:3px}.book-notes summary span{color:var(--learning-muted);font-weight:400}.book-notes ul,.lesson-notes{margin:.35rem 0 0;padding-left:1.15rem}.book-notes li,.lesson-notes li{margin-top:.2rem}.lesson-source{border-left:2px solid #dce2ef;gap:.2rem;margin-top:.2rem;padding-left:.65rem;display:grid}.lesson-pages{color:var(--learning-muted);flex-wrap:wrap;gap:.35rem .8rem;margin:0;font-size:.7rem;display:flex}.lesson-pages span:first-child{color:var(--learning-ink);font-weight:600}.lesson-source-note{color:#596579;margin:0;font-size:.7rem}.lesson-notes{font-size:.7rem}.learning-eyebrow{color:var(--learning-blue);letter-spacing:.12em;margin:0;font:700 .68rem/1.4 Work Sans,sans-serif}.learning-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:start;gap:1.25rem;margin-top:1.4rem;display:grid}.practice-panel,.dictionary-panel{border:1px solid var(--learning-rule);background:#fff;border-radius:4px;min-width:0;padding:1.25rem}.panel-heading{justify-content:space-between;align-items:end;gap:.5rem;margin-bottom:1rem;display:flex}.panel-heading h2{color:#1a202c;letter-spacing:-.025em;margin:.25rem 0 0;font:600 1.35rem/1.2 Space Grotesk,sans-serif}.entry-count{color:var(--learning-muted);white-space:nowrap;font-size:.72rem}.selectors{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.selectors label,.search-label{color:var(--learning-muted);gap:.35rem;font-size:.74rem;font-weight:600;display:grid}.selectors select,.search-wrap input{border:1px solid var(--learning-rule);width:100%;min-height:44px;color:var(--learning-ink);font:inherit;background:#fff;border-radius:2px;padding:.55rem .7rem}.selectors select:focus,.search-wrap input:focus{outline:2px solid var(--learning-blue);outline-offset:2px}.flashcard{width:100%;min-height:264px;color:var(--learning-ink);text-align:left;cursor:pointer;background-color:#fff;background-image:linear-gradient(#2835970b 1px,#0000 1px),linear-gradient(90deg,#2835970b 1px,#0000 1px);background-size:24px 24px;border:1px solid #cbd1e3;border-radius:3px;flex-direction:column;justify-content:space-between;padding:1.1rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.flashcard:hover{border-color:var(--learning-blue);transform:translateY(-2px);box-shadow:0 7px 18px #28359712}.flashcard:focus-visible,.card-controls button:focus-visible{outline:2px solid var(--learning-blue);outline-offset:3px}.card-topline{color:var(--learning-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:.5rem;font-size:.62rem;display:flex}.card-content{text-align:center;justify-items:center;gap:.25rem;padding:1.2rem 0;display:grid}.card-chinese{color:var(--learning-blue);font:500 clamp(3.2rem,9vw,5rem)/1.1 Noto Sans SC,PingFang SC,sans-serif}.card-pinyin{color:#57647c;font-size:1rem}.card-english{color:#1a202c;font:600 clamp(1.5rem,4vw,2rem)/1.25 Space Grotesk,sans-serif}.card-chinese-small{color:var(--learning-blue);font-size:1.2rem}.card-chinese-small span{color:var(--learning-muted);margin-left:.4rem;font-size:.85rem}.card-hint{color:var(--learning-muted);justify-content:space-between;font-size:.7rem;display:flex}.card-hint span{color:var(--learning-blue);font-size:1rem}.card-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-top:.85rem;display:grid}.card-controls button{border:1px solid var(--learning-rule);min-height:42px;color:var(--learning-blue);cursor:pointer;background:#fff;border-radius:2px;padding:.45rem .6rem;font:600 .78rem Work Sans,sans-serif}.card-controls button:last-child{justify-self:end}.card-controls button:disabled{color:#9aa1ad;cursor:not-allowed;background:#f7f8fa}.card-controls p{color:var(--learning-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.78rem}.card-controls strong{color:#1a202c}.lesson-context{color:#1a202c;margin:.85rem 0 0;font-size:.8rem;font-weight:600}.lesson-context span{color:var(--learning-muted);font-size:.72rem;font-weight:400;display:block}.empty-card{text-align:center;background:#fbfbf8;border:1px dashed #cbd1e3;align-content:center;justify-items:center;min-height:264px;padding:1.25rem;display:grid}.empty-card>span,.dictionary-prompt>span{color:#aab3ce;font:400 2.2rem Noto Sans SC,sans-serif}.empty-card h3{color:#1a202c;margin:.5rem 0 .2rem;font:600 1.05rem Space Grotesk,sans-serif}.empty-card p{max-width:28rem;color:var(--learning-muted);margin:0;font-size:.8rem;line-height:1.6}.search-label{margin-bottom:.35rem}.search-wrap{position:relative}.search-wrap>span{color:var(--learning-blue);font-size:1.3rem;position:absolute;top:50%;left:.7rem;transform:translateY(-55%)}.search-wrap input{padding-left:2.2rem}.search-note{color:var(--learning-muted);margin:.4rem 0 .85rem;font-size:.68rem}.dictionary-prompt{border-top:1px solid var(--learning-rule);text-align:center;align-content:center;justify-items:center;min-height:220px;padding:1rem;display:grid}.dictionary-prompt p{color:var(--learning-ink);margin:.4rem 0 .15rem;font-size:.85rem}.dictionary-prompt small{color:var(--learning-muted);font-size:.7rem}.no-results{color:var(--learning-muted);padding:1.25rem .3rem;font-size:.85rem}.dictionary-results{border-top:1px solid var(--learning-rule);max-height:430px;margin:0;padding:0;list-style:none;overflow:auto}.dictionary-results li{border-bottom:1px solid #edf0f5;grid-template-columns:minmax(75px,.45fr) 1fr;gap:.75rem;padding:.75rem .2rem;display:grid}.result-word,.result-meaning{align-content:center;gap:.1rem;display:grid}.result-word strong{color:var(--learning-blue);font:500 1.35rem Noto Sans SC,PingFang SC,sans-serif}.result-word span{color:var(--learning-muted);font-size:.7rem}.result-meaning>span{color:var(--learning-ink);font-size:.8rem;line-height:1.4}.result-meaning small{color:var(--learning-muted);font-size:.63rem;line-height:1.4}.learning-footer{color:#8a93a5;letter-spacing:.13em;text-align:right;margin-top:1.25rem;font-size:.62rem}.learning-footer span{color:var(--learning-blue);padding:0 .3rem}@media (width<=760px){.learning-grid{grid-template-columns:1fr}.practice-panel,.dictionary-panel{padding:1rem}.learning-heading{padding-bottom:1.2rem}.source-context{margin-top:.65rem}}@media (width<=380px){.selectors{gap:.5rem}.card-topline{font-size:.55rem}.card-controls button{padding-inline:.4rem}.dictionary-results li{grid-template-columns:68px 1fr;gap:.5rem}}