*,*:before,*:after{box-sizing:border-box}:root[data-theme=light]{--bg: #f6f7f9;--bg-side: #ffffff;--bg-card: #ffffff;--bg-soft: #eef1f4;--line: #e6e8ec;--line-strong: #d4d8de;--ink: #12151a;--ink-dim: #5c6570;--accent: #0f766e;--accent-soft: #e7f5f3;--ok: #047857;--ok-soft: #ecfdf5;--danger: #b42318;--danger-soft: #fef3f2;--warn: #b54708;--warn-soft: #fff6ed;--info: #175cd3;--info-soft: #eff4ff;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .04);--paper: #ffffff;--radius: 14px;--navy: #14181f;--navy-muted: #5c6570}:root[data-theme=dark]{--bg: #0e1116;--bg-side: #14181f;--bg-card: #1a1f28;--bg-soft: #222833;--line: #2a3140;--line-strong: #3a4254;--ink: #eef1f5;--ink-dim: #9aa3b2;--accent: #2dd4bf;--accent-soft: rgba(45, 212, 191, .12);--ok: #34d399;--ok-soft: rgba(52, 211, 153, .12);--danger: #f97066;--danger-soft: rgba(249, 112, 102, .12);--warn: #f7b267;--warn-soft: rgba(247, 178, 103, .12);--info: #84adff;--info-soft: rgba(132, 173, 255, .12);--shadow: none;--paper: #1a1f28;--navy: #14181f;--navy-muted: #9aa3b2}html,body,#root{min-height:100%}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:IBM Plex Sans Arabic,IBM Plex Sans,sans-serif;font-size:16px;line-height:1.7;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}a{color:var(--accent)}.app{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#fff;color:var(--navy);border-inline-end:1px solid #e6e8ec;padding:22px 12px 32px}.brand{display:flex;gap:10px;align-items:center;margin-bottom:16px;padding:0 6px}.mark-logo{width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:700;letter-spacing:.02em}:root[data-theme=dark] .mark-logo{color:#0e1116}.brand .kicker{display:none}.brand h1{margin:0;font-size:15px;font-weight:650;letter-spacing:-.02em;color:var(--navy)}.brand small{display:block;color:var(--navy-muted);font-size:12px;font-family:IBM Plex Sans,sans-serif}.progress-block{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;margin:0 6px 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.progress-label{margin:0 0 6px;font-size:11px;font-family:IBM Plex Mono,monospace;color:var(--navy-muted)}.sidebar .progress-ring .track{stroke:#e6e8ec}.sidebar .progress-ring .value{stroke:var(--navy)}.sidebar .progress-ring strong{color:var(--navy-muted)}.sidebar .progress-bar{background:#eef1f4}.sidebar .progress-bar span{background:var(--navy)}.sidebar .progress-block{border-bottom-color:#e6e8ec}.progress-ring{position:relative;width:44px;height:44px}.progress-ring svg{width:44px;height:44px;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:4}.progress-ring .track{stroke:var(--line)}.progress-ring .value{stroke:var(--accent);stroke-linecap:round}.progress-ring strong{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-family:IBM Plex Mono,monospace;color:var(--ink-dim)}.progress-bar{width:100%;height:4px;background:var(--bg-soft);border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--accent)}.nav-group{margin-bottom:14px}.nav-group .label{margin:0 8px 6px;color:var(--navy-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.nav-group .label:after{display:none}.nav-item{width:100%;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:7px 8px;margin-bottom:1px;border:0;border-radius:8px;background:transparent;color:var(--navy);text-align:start;transition:background .12s ease,color .12s ease}.nav-item .num{width:28px;height:22px;display:grid;place-items:center;border:0;border-radius:6px;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--navy-muted);background:transparent}.nav-item .dot{display:none}.nav-item .titles{display:grid;line-height:1.3;min-width:0}.nav-item .titles b{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item .titles span{font-size:11px;color:var(--navy-muted);font-family:IBM Plex Sans,sans-serif;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item:hover,.nav-item[data-active=true]{background:var(--navy);color:#fff}.nav-item[data-active=true]:before{display:none}.nav-item:hover .num,.nav-item:hover .titles span,.nav-item[data-active=true] .num,.nav-item[data-active=true] .titles span{color:#ffffffb8}.nav-item[data-active=true] .num{font-weight:600}.nav-item[data-done=true] .num{background:transparent;color:var(--navy);border:0}.nav-item[data-done=true]:hover .num,.nav-item[data-done=true][data-active=true] .num{color:#fff}.stage{min-width:0;display:grid;grid-template-rows:56px 1fr;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-side) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:8}.topbar-end{display:flex;align-items:center;gap:8px;min-width:0}.crumb{color:var(--ink-dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.search-wrap{position:relative;width:min(280px,42vw);flex:none}.search-wrap .line-icon{position:absolute;inset-inline-start:10px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:var(--ink-dim);pointer-events:none}.search-wrap input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding-block:8px;padding-inline-start:34px;padding-inline-end:14px;font-size:13px}.search-wrap input:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.search-results{position:absolute;inset-inline:0;top:calc(100% + 6px);background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:320px;box-shadow:var(--shadow);z-index:12}.search-results button{width:100%;display:grid;text-align:start;padding:9px 12px;border:0;background:transparent;color:var(--ink);border-bottom:1px solid var(--line);font-size:13px}.lang-switch,.icon-btn,.menu-btn{border:1px solid var(--line);background:var(--bg-side);color:var(--ink);border-radius:999px;padding:5px 8px}.icon-btn,.menu-btn{width:36px;height:36px;display:inline-grid;place-items:center;padding:0}.icon-btn .line-icon,.menu-btn .line-icon{width:16px;height:16px}.lang-switch{display:flex;padding:3px;gap:2px}.lang-switch button{border:0;background:transparent;color:var(--ink-dim);border-radius:6px;padding:4px 9px;font-size:12px}.lang-switch button[data-on=true]{background:var(--ink);color:var(--bg-side)}.lesson-view{padding:28px 32px 72px}.lesson-inner{max-width:920px;margin-inline:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 40px 40px}.cover{min-height:0;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;padding:0 0 24px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:28px}.cover[data-risk=true]{border-color:var(--line)}.stamp{position:static;transform:none;display:inline-block;border:1px solid var(--danger);color:var(--danger);font-size:11px;letter-spacing:.06em;padding:2px 8px;border-radius:999px;margin-bottom:8px}.cover .meta .pill{display:inline-block;color:var(--ink-dim);border:0;background:var(--bg-soft);border-radius:999px;padding:2px 8px;font-size:12px;margin-bottom:10px}.cover .num{font-family:IBM Plex Mono,monospace;color:var(--ink-dim);font-size:12px}.cover h2{margin:4px 0 8px;font-size:28px;line-height:1.25;font-weight:650;letter-spacing:-.03em}.cover .mins{color:var(--ink-dim);font-size:13px;margin:0 0 8px}.graphic-well{width:64px;height:64px;border-radius:14px;background:var(--accent-soft);border:0;display:grid;place-items:center;flex:none}.graphic-well img,.cover .graphic{width:36px;height:36px;object-fit:contain;filter:grayscale(1) brightness(.35) sepia(1) hue-rotate(145deg) saturate(3);opacity:.9}:root[data-theme=dark] .graphic-well img,:root[data-theme=dark] .cover .graphic{filter:grayscale(1) brightness(1.8) sepia(1) hue-rotate(130deg) saturate(2)}.blocks>*+*{margin-top:22px}.bi{margin:0}.bi-en{display:block;font-family:IBM Plex Sans,IBM Plex Sans Arabic,sans-serif;font-size:16.5px;color:var(--ink);line-height:1.7}.bi-ar{display:block;font-family:IBM Plex Sans Arabic,sans-serif;font-size:16px;color:var(--ink-dim);line-height:1.75;margin-top:6px}.bi-rule{display:none}.bi-inline{display:grid;gap:2px}.bi-sep{display:none}h3.bi{font-size:18px;font-weight:650;letter-spacing:-.02em}.lesson-list{margin:0;padding:0;list-style:none}.lesson-list li{position:relative;padding-inline-start:16px;margin-bottom:10px}.lesson-list li:before{content:"";position:absolute;inset-inline-start:0;top:10px;width:5px;height:5px;background:var(--accent);border-radius:999px;transform:none}.callout{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow)}.callout:before{content:"";position:absolute;display:none}.callout{border-inline-start:3px solid var(--line-strong)}.callout[data-kind=info]{border-inline-start-color:var(--info);background:var(--info-soft);border-color:transparent}.callout[data-kind=warn]{border-inline-start-color:var(--warn);background:var(--warn-soft);border-color:transparent}.callout[data-kind=risk]{border-inline-start-color:var(--danger);background:var(--danger-soft);border-color:transparent}.callout[data-kind=lab]{border-inline-start-color:var(--accent);background:var(--accent-soft);border-color:transparent}.callout[data-kind=remember]{border-inline-start-color:var(--ok);background:var(--ok-soft);border-color:transparent}.callout-head{display:flex;gap:8px;align-items:center;margin-bottom:6px;font-weight:600;font-size:13px}.mark{width:6px;height:6px;border-radius:999px;flex:none}.mark.info{background:var(--info)}.mark.warn{clip-path:none;background:var(--warn)}.mark.risk{transform:none;background:var(--danger)}.mark.lab{border:0;background:var(--accent)}.mark.remember{clip-path:none;background:var(--ok)}.table-wrap{overflow-x:auto;-webkit-mask-image:none;mask-image:none;border:1px solid var(--line);border-radius:10px;background:var(--bg-card)}table.compare{width:100%;border-collapse:collapse;min-width:640px}table.compare th{background:var(--bg-soft);color:var(--ink);text-align:start;padding:10px 12px;font-size:12px;font-weight:600}table.compare td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}table.compare tbody tr:nth-child(2n){background:color-mix(in srgb,var(--bg-soft) 55%,transparent)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.tool-card:hover{transform:none;box-shadow:var(--shadow)}.tool-card .graphic-well{width:40px;height:40px;border-radius:10px}.tool-card .graphic-well img{width:22px;height:22px}.tool-card .name{font-family:IBM Plex Mono,monospace;margin:8px 0 6px;font-size:13px}.tool-card .rail{height:2px;margin-top:12px;border-radius:999px;opacity:.7}.tool-card[data-family=openai] .rail{background:var(--info)}.tool-card[data-family=anthropic] .rail{background:var(--warn)}.tool-card[data-family=cursor] .rail{background:var(--accent)}.tool-card[data-family=risk] .rail{background:var(--danger)}.code-block{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;overflow:auto}.code-block pre{margin:0;padding:14px;font-family:IBM Plex Mono,monospace;font-size:13px;direction:ltr;text-align:left}.copy-block textarea,.copy-block pre{width:100%;min-height:120px;background:var(--bg-soft);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px;font-family:IBM Plex Mono,monospace;font-size:13px;direction:ltr;text-align:left}.constellation{display:grid;grid-template-columns:1fr 1fr;gap:12px}.star-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start}.star-card+.star-card{margin-top:0}.star-card:after{display:none}.star-card:hover{transform:none;border-color:var(--line-strong)}.star-card img{display:none}.star-card .tools{color:var(--ink-dim);font-family:IBM Plex Mono,monospace;font-size:12px;margin:4px 0 8px}.star-index{width:48px;display:grid;justify-items:center;gap:6px;color:var(--accent)}.star-index .line-icon{width:32px;height:32px;padding:6px;border-radius:10px;background:var(--accent-soft)}.star-index small{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--ink-dim)}.quiz-card{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.quiz-choice{width:100%;display:block;text-align:start;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:10px 12px;margin-top:8px}.quiz-choice[data-state=right]{border-color:var(--ok);background:var(--ok-soft)}.quiz-choice[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft)}.checks{display:grid;gap:8px}.checks label{display:flex;gap:10px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.glossary dt{font-family:IBM Plex Mono,monospace;color:var(--accent);margin-top:16px;font-size:14px}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:36px;align-items:stretch;padding-top:20px;border-top:1px solid var(--line)}.pager-card,.mark-btn{background:var(--bg-card);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:12px 14px;text-align:start;box-shadow:var(--shadow)}.pager-card small{display:block;color:var(--ink-dim);font-size:11px;margin-bottom:4px}.mark-btn[data-on=true]{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}.mark-btn.sand{display:inline-flex;flex-direction:column;gap:2px;background:var(--accent);color:#fff;border-color:var(--accent);padding:12px 18px}.mark-btn.sand small{color:#ffffffc7;font-size:11px;font-weight:400}:root[data-theme=dark] .mark-btn.sand{color:#0e1116}.welcome{width:100%;max-width:none;margin:28px 0 56px;padding:0 36px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px;align-items:stretch}.welcome-hero{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 40px 36px;display:flex;flex-direction:column}.welcome-hero .mark-btn{margin-top:auto;align-self:flex-start}.welcome h1.bi{font-size:32px;font-weight:650;letter-spacing:-.04em;margin:8px 0 16px;line-height:1.25}.welcome .kicker{margin:14px 0 0;color:var(--ink-dim);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.welcome-stats{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0}.welcome-stats li{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.welcome-stats strong{display:block;font-size:15px;letter-spacing:-.02em}.welcome-stats span{display:block;margin-top:4px;color:var(--ink-dim);font-size:11px}.welcome-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.welcome-tile{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px 16px;box-shadow:var(--shadow);min-height:132px}.icon-well{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.icon-well .line-icon{width:22px;height:22px}.welcome-tile b{display:grid;margin-top:10px;font-size:14px;font-weight:600}.welcome-tile b span{color:var(--ink-dim);font-size:11px;font-weight:400;font-family:IBM Plex Sans,sans-serif}.welcome-tile small{display:block;margin-top:6px;color:var(--ink-dim);font-family:IBM Plex Mono,monospace;font-size:11px}.line-icon{display:block}.menu-btn{display:none}.constellation-pulse{animation:none}.lesson-enter{animation:enter .18s ease}@keyframes enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 0 0 auto;width:min(300px,90vw);z-index:20;transform:translate(110%);transition:transform .2s ease;box-shadow:-8px 0 24px #00000014}.sidebar[data-open=true]{transform:none}.menu-btn{display:inline-flex}.cover{grid-template-columns:1fr}.lesson-view{padding:16px 12px 64px}.lesson-inner{padding:22px 18px 28px}.welcome{grid-template-columns:1fr;padding:16px 12px 48px;margin:12px auto 32px}.welcome-hero{padding:28px 22px}.pager,.constellation,.tool-grid{grid-template-columns:1fr}.crumb{display:none}}:root[data-theme=light]{--bg: #f4f7f9;--bg-side: #ffffff;--bg-card: #ffffff;--bg-soft: #eef3f5;--line: #e5eaee;--line-strong: #d3dce2;--ink: #26313b;--ink-dim: #71808d;--accent: #39c2c3;--accent-soft: #e4f8f7;--shadow: 0 8px 28px rgba(38, 49, 59, .065);--navy: #26313b;--navy-muted: #84919c}@media(min-width:981px){.app{grid-template-columns:94px minmax(0,1fr);direction:ltr}.sidebar{padding:26px 10px;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:8px}.sidebar .brand{justify-content:center;padding:0;margin:0 0 12px}.sidebar .brand>div,.sidebar .progress-block>div,.sidebar .nav-group .label,.sidebar .nav-item .titles{display:none}.sidebar .mark-logo{width:46px;height:46px;border-radius:15px;box-shadow:0 10px 24px #39c2c338}.sidebar .progress-block{display:block;margin:0 0 12px;padding:0 0 18px;border-bottom:1px solid #edf1f3}.sidebar .progress-ring,.sidebar .progress-ring svg{width:48px;height:48px}.sidebar .nav-group{margin:0;padding:3px 0;border-bottom:1px solid #f0f3f5}.sidebar .nav-group:last-child{border-bottom:0}.sidebar .nav-item{width:50px;height:42px;display:grid;grid-template-columns:1fr;place-items:center;margin:2px 0;padding:0;border-radius:13px}.sidebar .nav-item .num{width:auto;height:auto;font-size:11px}.sidebar .nav-item:hover,.sidebar .nav-item[data-active=true]{background:var(--accent-soft);color:#168f91;box-shadow:inset 0 0 0 1px #39c2c37a}.sidebar .nav-item:hover .num,.sidebar .nav-item[data-active=true] .num,.sidebar .nav-item[data-done=true]:hover .num,.sidebar .nav-item[data-done=true][data-active=true] .num{color:#168f91}}.stage{background:radial-gradient(circle at 100% 0%,rgba(57,194,195,.11),transparent 27rem),var(--bg)}.topbar{height:76px;padding:0 clamp(18px,3vw,42px);background:#f4f7f9db;border-bottom-color:transparent}.topbar-end{flex:1;justify-content:flex-end}.search-wrap{width:min(520px,48vw);margin-inline-start:auto;margin-inline-end:14px}.search-wrap input{height:44px;border-radius:12px;background:var(--paper);border-color:transparent;box-shadow:0 4px 18px #26313b0e;padding-inline-start:42px}.search-wrap .line-icon{inset-inline-start:15px;color:#98a4ad}.lang-switch,.icon-btn,.menu-btn{border-color:transparent;background:var(--paper);box-shadow:0 4px 16px #26313b0b}.welcome{width:min(1460px,100%);margin:0 auto;padding:22px clamp(18px,3vw,42px) 72px;display:block;direction:ltr}.welcome-hero{background:transparent;border:0;box-shadow:none;border-radius:0;padding:4px 0 26px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:28px}.welcome-title{display:flex;align-items:center;gap:16px}.welcome-title .mark-logo{width:52px;height:52px;border-radius:16px;box-shadow:0 10px 24px #39c2c333}.welcome .kicker{margin:0 0 3px;color:#8a97a2;font-size:11px}.welcome h1.bi{margin:0;font-size:clamp(29px,3vw,42px);font-weight:620;color:var(--ink)}.welcome h1 .bi-en,.welcome h1 .bi-ar{font-size:inherit;line-height:1.18}.welcome h1 .bi-ar{margin-top:2px;color:#596874;font-size:.58em}.welcome-actions{display:flex;align-items:center;gap:18px}.welcome-actions p{margin:0;color:var(--ink-dim);font-size:12px;white-space:nowrap}.welcome-hero .mark-btn{margin:0;align-self:auto}.learning-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.board-column{min-width:0}.board-column>header{min-height:46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 8px}.board-column>header h2{margin:0;min-width:0}.board-column>header .bi-en,.board-column>header .bi-ar{display:inline;font-size:13px;font-weight:550;line-height:1.2}.board-column>header .bi-ar{margin-inline-start:6px;color:var(--ink-dim)}.board-column>header small{color:#9aa5ad;font-size:11px}.board-status-dot{width:9px;height:9px;border-radius:50%;background:#ff7c86;box-shadow:0 0 0 4px #ff7c861a}.board-column[data-tone=mint] .board-status-dot{background:#62d583;box-shadow:0 0 0 4px #62d5831a}.board-column[data-tone=blue] .board-status-dot{background:#54bde4;box-shadow:0 0 0 4px #54bde41a}.board-cards{display:grid;gap:14px}.board-card{width:100%;min-height:226px;display:flex;flex-direction:column;text-align:start;padding:18px;border:1px solid rgba(225,231,235,.92);border-radius:15px;background:var(--paper);color:var(--ink);box-shadow:0 10px 28px #31435012;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.board-card:hover{transform:translateY(-2px);border-color:#39c2c380;box-shadow:0 14px 34px #3143501c}.board-card:focus-visible{outline:3px solid rgba(57,194,195,.35);outline-offset:3px}.board-card-topline,.board-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-card .icon-well{width:42px;height:42px;border-radius:13px;background:#eaf8fa;color:#32aeb1}.board-column[data-tone=coral] .board-card:nth-child(2) .icon-well{background:#fff0f3;color:#e97689}.board-column[data-tone=mint] .board-card:nth-child(2) .icon-well{background:#eef3ff;color:#718fe2}.board-column[data-tone=blue] .board-card:nth-child(2) .icon-well{background:#f5eeff;color:#9b77dc}.lesson-chip{padding:5px 9px;border-radius:999px;background:#eff3f5;color:#7d8a95;font-family:IBM Plex Mono,monospace;font-size:10px}.board-card h3{margin:15px 0 8px}.board-card h3 .bi-en{font-size:17px;font-weight:620;line-height:1.25}.board-card h3 .bi-ar{margin-top:2px;font-size:14px;color:#5f6e79;line-height:1.45}.board-card>p .bi-en,.board-card>p .bi-ar{font-size:12px;line-height:1.55}.board-card>p .bi-ar{margin-top:3px}.board-card-meta{margin-top:auto;padding-top:15px;color:#8b98a3;font-size:10px}.board-card[data-done=true] .board-card-meta span:last-child{color:var(--ok);font-weight:600}.board-progress{height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:#edf1f3}.board-progress>span{display:block;height:100%;border-radius:inherit;background:#42cbd0}.board-column[data-tone=coral] .board-progress>span{background:#ff8992}.board-column[data-tone=blue] .board-progress>span{background:#62bde5}:root[data-theme=dark] .stage,:root[data-theme=dark] .topbar{background:var(--bg)}:root[data-theme=dark] .board-card,:root[data-theme=dark] .search-wrap input{border-color:var(--line);box-shadow:none}@media(max-width:1180px){.learning-board{grid-template-columns:repeat(2,minmax(0,1fr))}.board-column:last-child{grid-column:1 / -1}.board-column:last-child .board-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-actions p{display:none}}@media(max-width:980px){.sidebar .brand>div,.sidebar .progress-block>div,.sidebar .nav-group .label,.sidebar .nav-item .titles{display:initial}.topbar{height:68px;padding:0 14px}.search-wrap{width:min(420px,50vw);margin-inline-end:4px}.welcome{padding-top:12px}}@media(max-width:720px){.topbar .lang-switch{display:none}.search-wrap{width:min(100%,58vw)}.welcome-hero{align-items:stretch;flex-direction:column;gap:18px}.welcome-actions{justify-content:space-between}.learning-board,.board-column:last-child .board-cards{grid-template-columns:1fr}.board-column:last-child{grid-column:auto}.board-card{min-height:206px}}@media(max-width:460px){.search-wrap{display:none}.topbar-end{flex:0 0 auto}.welcome{padding-inline:14px}.welcome-title{align-items:flex-start}.welcome-title .mark-logo{width:44px;height:44px;border-radius:14px}.welcome h1.bi{font-size:27px}}