/* Independent learner workspace: colourful, scoped, keyboard-accessible. */
#learnRoot{position:fixed;inset:58px 0 0;z-index:45;overflow:auto;background:var(--bg-base,#11142b);color:var(--text);padding:24px 32px 70px;--learn-accent:#67e8f9}
#learnRoot[hidden]{display:none}#learnRoot *{box-sizing:border-box}#learnRoot .learn-wrap{max-width:1180px;margin:auto}#learnRoot button,#learnRoot input,#learnRoot select,#learnRoot textarea{font:inherit}#learnRoot button{cursor:pointer}#learnRoot button:disabled{cursor:not-allowed;opacity:.6}#learnRoot :focus-visible{outline:3px solid #22d3ee;outline-offset:3px}#learnRoot .l-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}#learnRoot .l-nav .l-brand{font-weight:800;margin-right:auto;font-size:18px}#learnRoot .l-nav b{color:var(--learn-accent)}#learnRoot .l-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--text);border-radius:12px;padding:10px 15px;font-weight:700;text-decoration:none;line-height:1.3}#learnRoot .l-btn.primary{background:linear-gradient(120deg,#5b21b6,#9d174d);color:#fff;border-color:#c4b5fd}#learnRoot .l-btn.small{font-size:12px;padding:7px 10px}#learnRoot .l-btn[aria-current=true]{border-color:var(--learn-accent);box-shadow:0 0 0 1px var(--learn-accent)}#learnRoot .l-hero{padding:28px 32px;border-radius:26px;background:linear-gradient(120deg,#164e63,#4c1d95 55%,#831843);color:white;position:relative;overflow:hidden;margin-bottom:22px;min-height:185px}#learnRoot .l-hero:after{content:'✦';font-size:240px;position:absolute;right:35px;top:-55px;opacity:.13;pointer-events:none}#learnRoot .l-hero p{max-width:750px;color:#ede9fe}#learnRoot .l-kicker{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#a5f3fc}#learnRoot h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:10px 0}#learnRoot h2{font-size:23px;margin:0 0 14px}#learnRoot h3{font-size:17px;margin:8px 0}#learnRoot p{line-height:1.65}#learnRoot .l-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#learnRoot .l-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}#learnRoot .l-card{padding:22px;border:1px solid var(--border-strong);border-radius:20px;background:var(--surface-solid);box-shadow:0 10px 40px -30px #7c3aed}#learnRoot .l-course:first-child{grid-column:span 2;border:1px solid #22d3ee;background:linear-gradient(140deg,var(--surface-solid),color-mix(in srgb,var(--surface-solid),#7c3aed 15%))}#learnRoot .l-course{display:flex;flex-direction:column;gap:8px}#learnRoot .l-course .l-btn{align-self:flex-start;margin-top:auto}#learnRoot .l-code{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,#155e75,#6d28d9);color:#fff;font-size:18px;font-weight:900}#learnRoot .l-tag{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:99px;padding:5px 10px;font-size:11px;font-weight:800;gap:5px}#learnRoot .l-tag.cyan{color:#a5f3fc;background:#164e63;border-color:#22d3ee}#learnRoot .l-muted{color:var(--muted);font-size:13px;line-height:1.6}#learnRoot .l-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#learnRoot .l-between{justify-content:space-between}#learnRoot .l-space{margin-top:20px}#learnRoot .l-notice{padding:12px 16px;border-left:3px solid #22d3ee;background:var(--surface-2);border-radius:6px 12px 12px 6px;font-size:13px;line-height:1.6;margin:16px 0}#learnRoot .l-notice.warn{border-color:#fbbf24}#learnRoot label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}#learnRoot input,#learnRoot select,#learnRoot textarea{width:100%;padding:12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-2);color:var(--text)}#learnRoot textarea{resize:vertical;min-height:110px;line-height:1.7}#learnRoot .l-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}#learnRoot .l-option{text-align:left;border:1px solid var(--border-strong);border-radius:14px;padding:18px;background:var(--surface-2);color:var(--text)}#learnRoot .l-option:hover{border-color:#22d3ee}#learnRoot .l-option.correct{border:2px solid #34d399}#learnRoot .l-option.wrong{border:2px solid #fb7185}#learnRoot .l-progress{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:14px 0}#learnRoot .l-progress i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#7c3aed,#ec4899)}#learnRoot .l-skill{padding:12px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center}#learnRoot .l-skill select{font-size:13px}#learnRoot .l-stat strong{font-size:30px;display:block;color:var(--learn-accent)}#learnRoot .l-path{display:grid;gap:10px;margin:15px 0}#learnRoot .l-step{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:15px;padding:14px;background:var(--surface-solid)}#learnRoot .l-step.ready{border-left:4px solid #22d3ee}#learnRoot .l-step .l-no{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(130deg,#155e75,#6d28d9);color:white;font-weight:800}#learnRoot .l-step .l-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:320px}#learnRoot .l-step h3{margin:0}#learnRoot .l-unit-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 20px}#learnRoot .l-text{font-size:17px;line-height:1.9;max-width:850px;white-space:pre-wrap}#learnRoot .l-vocab{display:grid;grid-template-columns:1fr 1fr;gap:10px}#learnRoot .l-vword{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:var(--surface-2)}#learnRoot .l-vword b{display:block}#learnRoot .l-vword small{color:var(--muted)}#learnRoot .l-vword button{margin-left:auto}#learnRoot .l-reading{border-left:3px solid #a78bfa;padding:10px 20px;background:var(--surface-2);border-radius:10px}#learnRoot .l-check{display:flex;align-items:start;gap:12px;padding:10px;border:1px solid var(--border);border-radius:10px;margin-top:8px;font-weight:500}#learnRoot .l-check input{width:auto;margin-top:5px}#learnRoot .l-feedback{white-space:pre-wrap;line-height:1.7;padding:18px;border:1px solid #22d3ee;border-radius:15px;margin-top:16px}#learnRoot .l-flash{text-align:center;min-height:230px;display:grid;place-content:center;gap:20px}#learnRoot .l-flash strong{font-size:36px}#learnRoot .l-banner-status{position:relative;bottom:auto;background:var(--surface-solid);padding:8px 15px;border:1px solid var(--border);border-radius:10px;margin-top:20px;font-size:12px;z-index:2}#learnRoot .l-details{line-height:1.6}#learnRoot details{margin-top:15px}#learnRoot summary{cursor:pointer;font-weight:700}#learnRoot .l-hide{display:none}.learn-active .proto-tag{display:none}.learn-active #fbHome{display:none}.learn-active .fb-livebanner,.learn-active .fb-liveplay{display:none}#learnEntry{font-size:12px}
[data-theme=light] #learnRoot{--learn-accent:#155e75;background:#f3f5ff}[data-theme=dark] #learnRoot{background:radial-gradient(ellipse at 85% 0,rgba(124,58,237,.16),transparent 50%),#111329}[data-theme=light] #learnRoot .l-muted{color:#475569}[data-theme=dark] #learnRoot .l-muted{color:#c5c8df}
@media(max-width:850px){#learnRoot{padding:18px 16px 65px}#learnRoot .l-grid,#learnRoot .l-grid.two{grid-template-columns:1fr}#learnRoot .l-course:first-child{grid-column:auto}#learnRoot .l-step{grid-template-columns:35px 1fr}#learnRoot .l-step .l-actions{grid-column:2;justify-content:flex-start}#learnRoot .l-vocab{grid-template-columns:1fr}#learnRoot h1{font-size:27px}#learnRoot .l-options{grid-template-columns:1fr}#learnRoot .l-hero{padding:22px}#learnRoot .l-skill{grid-template-columns:1fr}}

body.independent-only .topbar .nav{display:none}body.independent-only .topbar .top-right{margin-left:auto}body.independent-only .topbar .fb-uname{max-width:160px}

#learnRoot .l-course:first-child{align-self:start;min-height:370px}

[data-theme=light] #learnRoot :focus-visible{outline-color:#6d28d9}