/* Mandarin Learning Core v6 — unified responsive learning interface */
#mcl-app{--mcl6-primary:#128264;--mcl6-ink:#18362d;--mcl6-muted:#647a6e;--mcl6-border:#dceae1;--mcl6-surface:#fff;--mcl6-wash:#f5faf6;max-width:1400px;width:100%;color:var(--mcl6-ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
#mcl-app .mcl-shell{padding:24px 0 58px}
#mcl-app .mcl-intro h1{font-weight:850;letter-spacing:-1.2px}
#mcl-app .mcl-intro p{line-height:1.75}
#mcl-app :is(.mcl-panel,.mcl-practice,.mcl-word,.mcl-question,.mcl-course){border-color:var(--mcl6-border);box-shadow:0 4px 18px #194b3210}
#mcl-app :is(.mcl-panel,.mcl-practice){background:#fff;border-radius:20px}
#mcl-app .mcl-toolbar{width:100%;max-width:none;box-sizing:border-box;display:flex;align-items:center;padding:8px;gap:5px;background:#eff6f1;border-color:#e1eae3;overflow-x:auto;scrollbar-width:thin}
#mcl-app .mcl-toolbar button{flex-shrink:0}
#mcl-app .mcl-nav{border-radius:10px;transition:background .15s,color .15s}
#mcl-app .mcl-nav.active{color:#075b44;box-shadow:0 2px 9px #16462a14}
#mcl-app .mcl-hero{background:linear-gradient(115deg,#e5f6eb,#f6fbf5 70%);min-height:345px;border-radius:24px}
#mcl-app .mcl-hero-copy{padding:42px 25px 35px 43px}
#mcl-app .mcl-hero-visual{min-height:340px}
#mcl-app .mcl-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#mcl-app .mcl-course{min-height:200px;border-radius:18px;transition:transform .18s,box-shadow .18s}
#mcl-app .mcl-course:hover{box-shadow:0 12px 30px #174d311c;transform:translateY(-3px)}
#mcl-app .mcl-action-grid{gap:16px}
#mcl-app .mcl-action-grid button{border-radius:17px;min-height:160px}
#mcl-app .mcl-word-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#mcl-app .mcl-word{padding:20px;min-height:175px}
#mcl-app .mcl-zh{font-size:clamp(32px,3.5vw,46px);line-height:1.3;overflow-wrap:anywhere}
#mcl-app .mcl-pinyin{color:#0d7758}
#mcl-app .mcl-filter-bar{flex-wrap:wrap;align-items:stretch}
#mcl-app .mcl-search-wrap{min-width:min(100%,260px);min-height:48px}
#mcl-app .mcl-level{border-radius:11px;min-height:37px}
#mcl-app .mcl-level.active{background:#128264;border-color:#128264}
#mcl-app .mcl-flash{box-shadow:0 12px 35px #154d331b}
#mcl-app .mcl-question{background:#fff}
#mcl-app .mcl-options button{min-height:46px}
#mcl-app :is(button,a,input,select,textarea):focus-visible{outline:3px solid #66c8a1;outline-offset:3px}
#mcl-app .mcl-primary{background:#128264}
#mcl-app .mcl-primary:hover{background:#09664b}
@media(max-width:1080px){#mcl-app .mcl-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#mcl-app .mcl-word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#mcl-app .mcl-hero-copy{padding:30px}}
@media(max-width:760px){#mcl-app .mcl-shell{padding:14px 0 35px}#mcl-app .mcl-toolbar{position:relative;margin:14px 0 20px;border-radius:12px}#mcl-app .mcl-hero{display:block;min-height:0}#mcl-app .mcl-hero-visual{display:none}#mcl-app .mcl-hero-copy{padding:28px 22px}#mcl-app .mcl-mini-stats{gap:20px;flex-wrap:wrap}#mcl-app .mcl-course-grid,#mcl-app .mcl-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mcl-app .mcl-action-grid,#mcl-app .mcl-quiz-list{grid-template-columns:1fr}#mcl-app .mcl-course{min-height:185px;padding:15px}#mcl-app .mcl-word{padding:15px}#mcl-app .mcl-section-head{align-items:flex-start}#mcl-app .mcl-flash{min-height:270px}}
@media(max-width:420px){#mcl-app .mcl-course-grid{grid-template-columns:1fr 1fr;gap:9px}#mcl-app .mcl-course{padding:12px;min-height:170px}#mcl-app .mcl-course h3{font-size:22px}#mcl-app .mcl-word-grid{grid-template-columns:1fr 1fr;gap:9px}#mcl-app .mcl-word{padding:12px;min-height:160px}#mcl-app .mcl-zh{font-size:33px}#mcl-app .mcl-options{grid-template-columns:1fr}#mcl-app .mcl-hero-actions{display:grid;grid-template-columns:1fr}#mcl-app .mcl-mini-stats{gap:18px}}
@media(prefers-reduced-motion:reduce){#mcl-app *,#mcl-app *:before,#mcl-app *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}