/* Adapted from the observed Calm Youth Academic design generated in Google Stitch.
   Existing learning data and controls remain the source of truth. */
:root{--st-primary:#059669;--st-primary-ink:#047857;--st-ink:#0f172a;--st-muted:#64748b;--st-line:#e2e8f0;--st-surface:#f8fafc;--learn-navy:#0f172a;--learn-navy-deep:#0f172a;--learn-emerald:#047857;--learn-emerald-bright:#059669;--learn-emerald-soft:#ecfdf5;--learn-ink:#0f172a;--learn-muted:#526277;--learn-line:#e2e8f0;--learn-canvas:#f8fafc;--learn-shadow:0 3px 14px #0f172a04}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo','Malgun Gothic',sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
.shell{background:var(--st-surface)}.shell>header{border-color:var(--st-line);min-height:58px}.brand{letter-spacing:-.04em;color:var(--st-ink)}.brand span{background:var(--st-primary);color:#fff;border-radius:9px;box-shadow:none}.shell>header>span{font-size:12px;background:#eef2f6;color:#526277;border-radius:6px;padding:3px 7px}.section-top h1,.section-top h2,.track h2{color:var(--st-ink)}.shell main{padding-top:6px}.section-top a{color:var(--st-primary-ink)}.track{border:1px solid var(--st-line);box-shadow:none;background:#fff;border-radius:14px;min-height:102px;padding:15px 12px;gap:12px}.track .icon{height:40px;width:36px;color:#475569;background:#f1f5f9;border-radius:10px}.track.skills .icon{color:var(--st-primary-ink);background:#ecfdf5}.track h2{font-size:17px;font-weight:700}.track p{color:#526277;font-size:13px}.track small{color:#526277;font-size:12px}.track>b{color:#94a3b8;font-weight:400}.word-card{background:#ecfdf5;border-color:#d1fae5;border-radius:12px;min-height:64px;padding:10px 12px}.word-badge{background:#d1fae5;color:var(--st-primary-ink);border-radius:8px}.word-card h2{font-size:15px;font-weight:700}.word-card p{color:#526277}.word-card>b{color:var(--st-primary-ink)}.growth-panel{border-color:var(--st-line);border-radius:14px}.stats strong{font-weight:700;color:var(--st-ink);font-size:22px}.stats span,.growth-caption{color:#526277}.growth-links{background:#fff;border-color:var(--st-line)}.growth-links a{color:#047857;font-size:12px}.shell>nav{border-color:var(--st-line);padding-top:5px;background:#fff}.shell>nav a{flex-direction:column;gap:2px;font-size:11px;line-height:1.3;border-radius:9px;min-height:48px;color:#526277}.shell>nav a[aria-current]{color:#047857;background:#ecfdf5}.ui-icon{width:21px;height:21px;display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon .ui-icon{width:22px;height:22px}.growth-links a span{font-size:14px}
body:has(.vocab-shell) .vocab-top,body:has(#skills-app) .sk-header{background:#fff;border-color:var(--st-line);box-shadow:none}body:has(.vocab-shell) .ev-panel,body:has(#skills-app) .sk-card{box-shadow:none;border-radius:16px;border-color:var(--st-line)}body:has(.vocab-shell) .ev-eyebrow,body:has(#skills-app) .sk-kicker{color:#047857;letter-spacing:.02em}body:has(.vocab-shell) .ev-action-grid article{border:1px solid var(--st-line);border-radius:12px;background:#f8fafc}body:has(.vocab-shell) .ev-count{color:#047857;background:#ecfdf5;border-radius:9px}body:has(.vocab-shell) .ev-stats div{background:#f8fafc;border-radius:10px}body:has(.vocab-shell) .ev-session blockquote,body:has(#skills-app) .sk-passage{background:#f8fafc;border-radius:10px}body:has(.vocab-shell) .ev-session blockquote{border-left:3px solid #a7f3d0}body:has(.vocab-shell) button,body:has(#skills-app) .sk-card button{background:#047857;box-shadow:none;border-radius:10px}body:has(.vocab-shell) .ev-speak,body:has(.vocab-shell) .ev-secondary,body:has(#skills-app) .sk-card .sk-secondary{color:#047857!important;background:#ecfdf5!important}body:has(.vocab-shell) .ev-link{color:#526277;background:transparent}body:has(.vocab-shell) input,body:has(#skills-app) input:not([type=radio]):not([type=checkbox]),body:has(#skills-app) textarea{border:1px solid #cbd5e1;border-radius:10px;background:#fff}body:has(#skills-app) .sk-option{background:#fff;border:1px solid var(--st-line);border-radius:10px}body:has(#skills-app) .sk-option:has(input:checked){border-color:#059669;background:#ecfdf5}body:has(#skills-app) input[type=radio],body:has(#skills-app) input[type=checkbox]{accent-color:#047857}body:has(.layout) .video-frame{box-shadow:none;border-radius:14px}body:has(.layout) .btn.primary{background:#047857;color:#fff;box-shadow:none}body:has(.layout) nav#stageNav{box-shadow:none;border-color:var(--st-line);border-radius:12px}
@media(max-width:359px){.shell>header{padding-inline:12px}.shell>header>span{font-size:11px}.track{gap:9px;padding-inline:10px}.track .icon{width:31px}.track h2{font-size:16px}}@media(prefers-reduced-motion:no-preference){.track,.word-card{transition:border-color .15s,background .15s}.track:hover{border-color:#a7c8ba}.word-card:hover{background:#e0f8ec}}