.ui-icon{width:20px;height:20px;flex:none;vertical-align:middle}
button,.button-link{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit}
button{cursor:pointer}
:where(button){border:1px solid var(--line-strong);background:var(--surface);color:var(--text-primary);border-radius:var(--radius-button);padding:8px 16px;min-height:var(--control-height);font-weight:700}
.primary,.secondary,.ghost,.icon-btn,.button-link,.beto-composer button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);
 border:1px solid var(--button-border);border-radius:var(--radius-button);padding:10px 16px;
 font:inherit;font-size:.875rem;font-weight:750;line-height:1.4;text-align:center;text-decoration:none;
 box-shadow:none;transition:background var(--transition-standard),border-color var(--transition-standard),box-shadow var(--transition-standard),transform var(--transition-standard);
}
.primary,.beto-composer button{background:var(--button-fill);color:var(--button-foreground);border-color:var(--border-active);box-shadow:var(--button-inset),var(--shadow-soft);padding-inline:20px}
.primary:hover:not(:disabled),.beto-composer button:hover:not(:disabled){background:var(--button-hover);border-color:var(--button-hover)}
.secondary,.button-link:not(.primary){background:var(--bg-panel);color:var(--text-secondary);border-color:var(--shell-divider)}
.secondary:hover:not(:disabled),.button-link:not(.primary):hover{background:var(--surface-soft);border-color:var(--text-secondary)}
.ghost{background:transparent;border-color:transparent;color:var(--text-primary)}
.ghost:hover{background:var(--surface-soft)}
.icon-btn{width:40px;height:40px;min-height:40px;border-radius:var(--radius-control);padding:9px;background:var(--surface-soft);border-color:transparent;color:var(--text-primary);flex:none}
.icon-btn:hover{background:var(--surface-soft-strong)}
button:disabled,[aria-disabled="true"]{opacity:var(--disabled-opacity);cursor:not-allowed;transform:none;box-shadow:none}
:focus-visible{outline:var(--focus-width) solid var(--betooth-orange);outline-offset:var(--focus-offset)}
:where(input,select,textarea):focus-visible{outline:2px solid var(--betooth-orange);outline-offset:2px}
:where(input,select,textarea){color:var(--text-primary);font:inherit;accent-color:var(--text-secondary)}
:where(input:not([type="radio"]):not([type="checkbox"]),select,textarea){border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface)}
.page,.module-page{max-width:var(--content-max)}
.panel,.course-card,.mcq-bank-card,.lesson-content-card,.mcq-question-card,.beto-chat,.beto-quick-panel,.learning-integration-card,.stats article,.features article{
 border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);background:var(--surface);
}
.panel,.lesson-content-card,.mcq-question-card{padding:var(--card-padding)}
.panel h3,.course-card h3,.mcq-bank-card h3{line-height:1.35}
.page h1,.page h2,.page h3{overflow-wrap:anywhere}
.panel>h3:first-child{margin-top:0}
.nav{gap:6px}
.sidebar{gap:32px;padding:28px 18px}
.nav-item{gap:12px;min-height:44px;padding:12px 16px;font-size:.875rem;line-height:1.3;border-radius:var(--radius-button)}
.nav-item.active,.nav-item.beto-nav.active{background:var(--nav-hover);color:var(--betooth-paper);box-shadow:inset 3px 0 var(--betooth-orange);font-weight:800}
html[dir="rtl"] .nav-item.active,html[dir="rtl"] .nav-item.beto-nav.active{box-shadow:inset -3px 0 var(--betooth-orange)}
.nav-item:hover{transform:none}
.brand-word{font-size:23px}
.beto-card{padding:12px;box-shadow:none}
.topbar{gap:24px;padding-inline:28px}
.top-actions{gap:16px;flex:1;min-width:0;justify-content:flex-end}
.search{width:100%;height:46px;border-radius:var(--radius-button);background:var(--surface)}
.language-switcher{box-shadow:none;border-radius:var(--radius-button);gap:0;padding:3px}
.language-switcher button{min-width:32px;min-height:32px;padding:4px 7px;border-radius:8px}
.account-control{gap:8px}
.account-control[data-profile-ready="true"] .account-label{display:none}
.account-control[data-profile-ready="true"] .account-action{order:2;background:transparent;color:var(--text-secondary);border-color:transparent;padding:8px;font-size:.75rem;box-shadow:none}
.profile-nav-link{display:inline-flex;align-items:center;gap:8px;max-width:190px;min-height:44px;font-size:.8125rem;font-weight:800;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-button)}
.profile-nav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-nav-link .avatar-sm{width:32px;height:32px;font-size:.75rem}
.analytics-stat{display:flex;flex-direction:column;gap:8px;padding:20px;min-width:0}
.analytics-stat strong{order:-1;font-size:clamp(1.65rem,2vw,2.2rem);line-height:1.15;letter-spacing:-.03em}
.analytics-stat h3{font-size:.8125rem;color:var(--text-secondary);margin:0}
.analytics-stat p{margin:0;font-size:.75rem}
#analyticsMount{display:grid;gap:16px}
.dashboard-source-note{margin:0;font-size:.8125rem}
.analytics-table thead{background:var(--surface-soft)}
.analytics-table th,.analytics-table td{padding:16px 12px;font-size:.875rem}
.analytics-table tbody tr:last-child>*{border-bottom:0}
.analytics-table td{font-variant-numeric:tabular-nums}
.score-trend{padding:0;list-style:none}
.score-trend li{padding:12px;background:var(--surface-soft);border-radius:var(--radius-control);font-size:.8125rem}
progress{appearance:none;-webkit-appearance:none;width:100%;height:8px;overflow:hidden;border:none;border-radius:var(--radius-pill);background:var(--surface-soft-strong);accent-color:var(--text-secondary)}
progress::-webkit-progress-bar{background:var(--surface-soft-strong);border-radius:var(--radius-pill)}
progress::-webkit-progress-value{background:var(--progress-fill);border-radius:var(--radius-pill)}
progress::-moz-progress-bar{background:var(--progress-fill);border-radius:var(--radius-pill)}
.learning-course-grid{gap:16px}
.learning-course-grid>article{padding:16px;border-radius:var(--radius-md)}
.learning-lesson-list li{padding:12px 0}
.learning-filters,.leaderboard-tabs,.profile-tabs{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:4px;background:var(--surface-soft);border-radius:var(--radius-button)}
.learning-filters button,.leaderboard-tabs button,.profile-tabs button{background:transparent;box-shadow:none;border:0;border-radius:var(--radius-control);padding:10px 14px;color:var(--text-primary);font-size:.8125rem;min-height:40px}
.learning-filters [aria-pressed="true"],.leaderboard-tabs [aria-selected="true"],.profile-tabs [aria-selected="true"]{background:var(--bg-hover);color:var(--text-primary);box-shadow:inset 0 -2px var(--betooth-orange),var(--glow-active)}
.learning-filters button:hover,.leaderboard-tabs button:hover,.profile-tabs button:hover{background:var(--surface)}
.leaderboard-person{border-color:var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:16px}
.leaderboard-person.is-you{background:var(--surface-orange);border-inline-start:3px solid var(--betooth-orange)}
.leaderboard-person.podium.rank-1{background:linear-gradient(180deg,var(--surface-orange),var(--surface));border-color:var(--betooth-orange)}
.leaderboard-identity .profile-handle{font-size:.75rem}
.leaderboard-person:hover{transform:none;box-shadow:var(--shadow-md)}
.your-rank-card{border-radius:var(--radius-card);padding:16px 24px}
.subject-chip{border-radius:var(--radius-button);box-shadow:none;min-height:40px}
.subject-chip.active,.subject-chip[aria-pressed="true"]{background:var(--betooth-deep);color:var(--betooth-paper)}
.course-card,.mcq-bank-card{padding:24px}
.lesson-row,.mcq-option,.mcq-result-stat{border-radius:var(--radius-md)}
.mcq-option:has(input:checked){border-color:var(--text-secondary);background:var(--surface-soft);box-shadow:inset 3px 0 var(--betooth-muted)}
.mcq-feedback,.mcq-explanation{line-height:var(--line-body)}
.beto-chat,.beto-quick-panel,.beto-context-card{border-color:var(--line);background:var(--surface);border-radius:var(--radius-card)}
.beto-composer button{box-shadow:none}
.beto-quick-actions a{box-shadow:none;border-color:var(--line)}
.icon-btn.mobile-only{display:none}
@media(max-width:980px){
.topbar{padding-inline:16px}
.profile-nav-link{max-width:160px}
.icon-btn.mobile-only{display:inline-flex}}
@media(max-width:640px){
.topbar{padding:12px 16px;gap:8px}
.top-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;width:100%}
.language-switcher{order:0;width:max-content;min-width:70px}
.search-wrap{min-width:0}
.search{width:100%;min-width:0;font-size:.8125rem}
.account-control{gap:4px;max-width:140px}
.profile-nav-link{max-width:76px}
.profile-nav-name{max-width:42px}
.profile-nav-link .avatar-sm{width:28px;height:28px}
.account-control[data-profile-ready="true"] .account-action{font-size:.6875rem;padding:4px;min-height:40px}
.panel,.course-card,.mcq-bank-card,.mcq-question-card,.lesson-content-card{padding:16px}
.analytics-table th,.analytics-table td{padding:12px 4px;font-size:.75rem}
.learning-filters button,.leaderboard-tabs button,.profile-tabs button{padding:10px 12px}
.analytics-grid,.mcq-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.analytics-stat,.mcq-result-stat{padding:16px}
.analytics-stat strong{font-size:1.5rem}
}
html,body{background:var(--bg-page);color:var(--text-primary)}
.sidebar{background:var(--bg-sidebar);border-inline-end:1px solid var(--border-subtle);gap:24px;overflow-y:auto}
.topbar{background:var(--topbar-background);border-bottom-color:var(--border-subtle)}
.nav-item{border:1px solid transparent}
.nav-item.active{background:linear-gradient(100deg,var(--bg-hover),var(--bg-panel));border-color:var(--border-active);box-shadow:var(--button-inset);color:var(--text-primary)}
html[dir="rtl"] .nav-item.active{box-shadow:var(--glow-active)}
.nav-item:hover{border-color:var(--border-subtle);background:var(--bg-panel)}
.nav-item.active .nav-icon{color:var(--betooth-light)}
.beto-card{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;text-align:center;padding:20px 16px 16px;gap:12px;overflow:visible;flex-shrink:0;background:radial-gradient(ellipse at 50% 25%,var(--bg-hover),var(--bg-panel) 75%);border-color:var(--border-active);box-shadow:var(--glow-active)}
.beto-card img{width:150px;height:150px;object-fit:contain;margin:-42px auto 0;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--betooth-muted) 26%,transparent))}
.beto-card strong{font-size:.8125rem;line-height:1.5;font-weight:500;color:var(--text-secondary)}
.beto-card small{font-size:1.0625rem;color:var(--text-primary);letter-spacing:.06em}
.beto-card-action{display:flex;align-items:center;min-height:44px;border:1px solid var(--border-active);border-radius:var(--radius-button);padding:10px 14px;margin-top:16px;background:var(--button-fill);box-shadow:var(--button-inset);color:var(--text-primary);font-size:.8125rem;text-align:start}
.beto-card-action>span{flex:1}
.beto-cta-arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition-standard)}
.beto-card:hover .beto-cta-arrow{transform:translateX(2px)}
html[dir="rtl"] .beto-cta-arrow{transform:rotate(180deg)}
html[dir="rtl"] .beto-card:hover .beto-cta-arrow{transform:rotate(180deg) translateX(2px)}
.beto-card>span{width:100%}
.beto-card:hover,.beto-card.active{background:var(--bg-hover);border-color:var(--betooth-light);box-shadow:var(--glow-active)}
.beto-card.active .beto-card-action{border-color:var(--betooth-orange)}
.search-wrap{isolation:isolate;flex:1;max-width:540px;min-width:140px}
.search{background:var(--bg-panel);color:var(--text-primary);border-color:var(--shell-divider);padding-inline-start:44px;box-shadow:var(--surface-inset)}
.search::placeholder{color:var(--text-muted);opacity:1}
.search-icon{position:absolute;inset-inline-start:12px;top:13px;width:20px;height:20px;fill:none;stroke:var(--betooth-light);stroke-width:1.7;stroke-linecap:round;pointer-events:none}
.search:focus{border-color:var(--betooth-orange);box-shadow:var(--glow-active)}
.search-status{background:var(--bg-card);border:1px solid var(--line-strong)}
.language-switcher{background:var(--bg-panel);border-color:var(--border-subtle)}
.language-switcher button[aria-pressed="true"]{background:var(--bg-hover);color:var(--text-primary)}
.profile-nav-link:hover{background:var(--bg-hover)}
.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.button-link:hover{box-shadow:var(--button-inset);transform:translateY(-1px)}
.panel,.module-page,.lesson-content-card,.mcq-question-card{background:var(--bg-panel)}
.course-card,.mcq-bank-card,.stats article,.features article,.analytics-stat{background:var(--bg-card)}
.course-card:hover,.mcq-bank-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft)}
.beto-intro,.profile-hero{background:radial-gradient(ellipse at 90% 10%,var(--bg-hover),transparent 60%),linear-gradient(130deg,var(--bg-panel),var(--bg-sidebar));border:1px solid var(--border-subtle)}
.beto-assistant-image{filter:drop-shadow(0 0 32px color-mix(in srgb,var(--betooth-muted) 22%,transparent))}
.float-card{background:var(--bg-card);border:1px solid var(--line-strong)}
.beto-intro{box-shadow:inset 0 0 60px color-mix(in srgb,var(--betooth-muted) 6%,transparent)}
.beto-local-badge,.beto-chat,.beto-quick-panel,.beto-context-card,.beto-message-assistant,.beto-quick-actions a{border-color:var(--border-subtle)}
.beto-page :focus-visible{outline-color:var(--betooth-orange)}
.dashboard-continue{background:linear-gradient(120deg,var(--bg-card),var(--bg-panel));border-color:var(--border-active);box-shadow:var(--glow-active)}
.learning-course-grid>article,.dashboard-course-card,.dashboard-recent-result{background:var(--bg-card);border:1px solid var(--border-subtle)}
.analytics-table thead,.score-trend li{background:var(--bg-card)}
.analytics-table th,.analytics-table td{border-color:var(--border-subtle)}
.analytics-stat strong{color:var(--text-primary)}
.analytics-stat>.ui-icon{order:-2;color:var(--betooth-light);width:22px;height:22px;margin-bottom:4px}
.progress span,.course-progress-fill{background:var(--progress-fill)}
.course-progress::-webkit-progress-value,.mcq-progress::-webkit-progress-value{background:var(--progress-fill);border-radius:var(--radius-pill)}
.course-progress::-moz-progress-bar,.mcq-progress::-moz-progress-bar{background:var(--progress-fill);border-radius:var(--radius-pill)}
.progress-track,.course-progress-track{background:var(--bg-hover)}
.learning-filters,.leaderboard-tabs,.profile-tabs{background:transparent;border:0;border-bottom:1px solid var(--shell-divider);border-radius:0;padding:0;gap:8px}
.learning-filters button,.leaderboard-tabs button,.profile-tabs button{border-radius:var(--radius-control) var(--radius-control) 0 0;min-height:44px}
.learning-filters [aria-pressed="true"],.leaderboard-tabs [aria-selected="true"],.profile-tabs [aria-selected="true"]{box-shadow:inset 0 -2px var(--betooth-orange);background:var(--bg-panel)}
.learning-filters button:hover,.leaderboard-tabs button:hover,.profile-tabs button:hover{background:var(--bg-hover)}
.mcq-option{background:var(--bg-card);border-color:var(--line-strong);color:var(--text-primary)}
.mcq-option:hover{background:var(--bg-hover)}
.mcq-option:has(input:checked){background:var(--bg-hover);border-color:var(--betooth-light);box-shadow:inset 3px 0 var(--betooth-light)}
.mcq-option input{accent-color:var(--betooth-light)}
.profile-hero::before{height:2px;opacity:.65}
.profile-hero>.profile-avatar{box-shadow:0 0 0 5px var(--bg-panel),0 0 0 6px var(--line-strong)}
.profile-day{background:var(--bg-sidebar);border-color:var(--border-subtle);color:var(--text-muted)}
.profile-day.studied{background:var(--betooth-light);color:var(--betooth-deep);border-color:var(--betooth-light)}
.achievement.locked{background:var(--bg-panel)}
.achievement.unlocked{background:radial-gradient(ellipse at top left,var(--surface-orange),var(--bg-card) 70%);box-shadow:var(--glow-orange)}
.badge-outline{fill:var(--bg-card);stroke:var(--betooth-muted)}
.badge-mark{background:var(--bg-hover);border-color:var(--bg-panel);color:var(--text-secondary)}
.unlocked .badge-outline{fill:var(--bg-hover);stroke:var(--betooth-orange)}
.unlocked .badge-mark{background:var(--betooth-orange);color:var(--betooth-deep);border-color:var(--bg-card)}
.unlocked .badge-glyph{color:var(--betooth-orange)}
.leaderboard-person{background:var(--bg-card);border-color:var(--border-subtle)}
.leaderboard-person.podium.rank-1{background:radial-gradient(ellipse at top,var(--surface-orange),var(--bg-panel) 75%);border:1px solid var(--betooth-orange-line);box-shadow:var(--glow-orange)}
.leaderboard-person.podium.rank-2{border-color:color-mix(in srgb,var(--betooth-light) 40%,transparent)}
.leaderboard-person.podium.rank-3{border-color:color-mix(in srgb,var(--betooth-muted) 40%,transparent)}
.leaderboard-person .profile-avatar{box-shadow:0 0 0 3px var(--bg-panel),0 0 0 4px var(--line-strong)}
.leaderboard-person.rank-1 .profile-avatar,.leaderboard-person.is-you .profile-avatar{box-shadow:0 0 0 3px var(--bg-panel),0 0 0 4px var(--betooth-orange)}
.your-rank-card{background:var(--bg-card);border:1px solid var(--border-active);color:var(--text-primary);box-shadow:var(--glow-active)}
.you-badge{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-active)}
@media(max-width:980px){
.sidebar{height:100dvh}
.beto-card{grid-template-columns:64px minmax(0,1fr);text-align:start;padding:12px;gap:12px}
.beto-card img{width:64px;height:80px;margin:0}
.beto-card-action{margin-top:8px;padding:6px 10px}
.beto-card small{font-size:.8125rem}}
@media(max-height:850px) and (min-width:981px){
.sidebar{gap:16px}
.beto-card{grid-template-columns:64px minmax(0,1fr);text-align:start;padding:12px}
.beto-card img{width:64px;height:88px;margin:0}
.beto-card-action{margin-top:8px}}
.topbar-heading{flex:0 0 auto;min-width:110px}
.topbar-heading .kicker{font-size:.5625rem;letter-spacing:.18em}
.page-title{font-size:1rem}
.account-control[data-profile-ready="true"]{background:var(--bg-panel);border:1px solid var(--shell-divider);padding:3px 4px 3px 10px;border-radius:var(--radius-button);box-shadow:var(--surface-inset)}
.account-control[data-profile-ready="true"] .account-action{border-inline-start:1px solid var(--border-subtle);border-radius:0;font-weight:500}
.profile-nav-link{padding-inline:4px}
.language-switcher{background:var(--bg-panel);border-color:var(--shell-divider);flex:none}
.page>h2,.dash-head h2{letter-spacing:-.035em}
.dashboard-continue{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:24px 28px}
.dashboard-continue>h3{grid-column:1/-1;color:var(--betooth-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.dashboard-continue>h4,.dashboard-continue>p{grid-column:1;margin:6px 0}
.dashboard-continue>.primary,.dashboard-continue>.secondary{grid-column:2;grid-row:2/4}
.learning-course-grid>article,.profile-course{box-shadow:var(--button-inset)}
.learning-course-grid .secondary,.dashboard-recent-result .secondary{min-height:40px;font-size:.8125rem}
.analytics-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:20px}
.analytics-stat strong{grid-column:1;grid-row:1;font-variant-numeric:tabular-nums}
.analytics-stat>.ui-icon{grid-column:2;grid-row:1;align-self:center;margin:0}
.analytics-stat h3,.analytics-stat p{grid-column:1/-1}
.analytics-table{border-collapse:separate;border-spacing:0}
.analytics-table thead{background:var(--bg-sidebar)}
.analytics-table tbody tr:nth-child(even){background:var(--bg-panel)}
.profile-hero{padding:28px;background:radial-gradient(ellipse at 100% 0,var(--bg-hover),transparent 50%),var(--bg-panel);box-shadow:var(--button-inset)}
.profile-hero::before{width:80px;background:var(--betooth-orange);height:2px}
.profile-stat-section{padding-block:0 8px}
.profile-metric{background:var(--bg-panel);box-shadow:none;border:0;border-inline-start:1px solid var(--shell-divider);border-radius:0;padding:12px 16px}
.profile-metrics{gap:0}
.profile-tabs{justify-self:stretch}
.profile-tabs button{min-width:100px}
.achievement{padding:20px 16px;row-gap:10px}
.achievement.unlocked{box-shadow:var(--button-inset),var(--glow-orange)}
.achievement-badge{filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--bg-page) 35%,transparent))}
.leaderboard-person.podium{padding:24px 20px}
.leaderboard-person.podium.rank-1{padding-block:32px}
.your-rank-card{box-shadow:var(--button-inset)}
.leaderboard-identity{min-width:0}
.leaderboard-person:hover{border-color:var(--border-active);box-shadow:var(--button-inset)}
[data-learning-refresh],[data-leaderboard-refresh],[data-dashboard-refresh]{background:transparent;border-color:transparent;color:var(--text-secondary);box-shadow:none}
@media(max-width:1100px) and (min-width:981px){
.topbar-heading{min-width:80px}
.top-actions{gap:8px}
.profile-nav-link{max-width:140px}
.search-wrap{min-width:140px}}
@media(max-width:980px){
.topbar-heading{min-width:0}
.topbar{gap:12px}
.sidebar .beto-card{margin-top:auto}}
@media(max-width:640px){
.topbar-heading{display:none}
.topbar{gap:8px;flex-wrap:nowrap;align-items:start}
.top-actions{width:auto;flex:1 1 0;grid-template-columns:max-content minmax(0,1fr);gap:10px}
.search-wrap{grid-column:1/-1;width:100%;max-width:none;min-width:0;order:2}
.language-switcher{grid-column:1;grid-row:1;justify-self:start}
.account-control{grid-column:2;grid-row:1;max-width:100%;min-width:0;justify-self:end}
.account-control[data-profile-ready="true"]{padding-inline-start:4px}
.profile-nav-link{max-width:135px}
.profile-nav-name{max-width:90px}
.search{height:44px}
.search-icon{top:12px}
.topbar-heading .kicker{display:none}
.top-actions .search-status{min-width:100%}
.dashboard-continue{display:block;padding:20px}
.dashboard-continue>.primary,.dashboard-continue>.secondary{margin-top:12px}
.profile-metric{padding:12px;border-inline-start:0;border-bottom:1px solid var(--shell-divider)}
.profile-metrics{gap:4px 12px}
.profile-tabs button{min-width:0;flex:1}
.analytics-stat{padding:16px;gap:8px}
.analytics-stat strong{font-size:1.65rem}
.analytics-stat>.ui-icon{width:18px;height:18px}
}



/* Approved 1600 × 900 blueprint, proportionally mapped to 1920 × 1080.
   Runtime/data modules are not involved in these geometry rules. */
.topbar-heading{display:none}
.topbar{height:var(--topbar-height);padding:0 calc(26 * var(--layout-unit));background:var(--bg-page);border:0;backdrop-filter:none}
.top-actions{display:grid;grid-template-columns:minmax(0,800fr) minmax(0,390fr);gap:calc(82 * var(--layout-unit));width:100%;align-items:center}
.search-wrap{max-width:none;min-width:0}
.search{height:calc(60 * var(--layout-unit));border-radius:var(--radius-md);border-color:var(--border-subtle);background:linear-gradient(110deg,var(--bg-panel),var(--bg-sidebar));padding-inline-start:calc(60 * var(--layout-unit));font-size:calc(16 * var(--layout-unit));box-shadow:inset 0 1px 0 var(--border-subtle)}
.search-icon{inset-inline-start:calc(20 * var(--layout-unit));top:50%;transform:translateY(-50%);width:calc(24 * var(--layout-unit));height:calc(24 * var(--layout-unit));color:var(--text-primary)}
.topbar-tools{display:flex;align-items:center;justify-content:flex-end;gap:calc(22 * var(--layout-unit));min-width:0}
.language-switcher{position:relative;background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:5px;gap:0}
.language-switcher button{background:transparent;min-width:32px;min-height:36px;font-size:.8125rem;font-weight:400}
.language-globe{width:24px;height:24px;margin-inline:6px 2px;color:var(--accent-primary);fill:none;stroke:currentColor;stroke-width:1.4;align-self:center;flex:none}
.language-switcher button[aria-pressed="true"]{background:var(--bg-panel);box-shadow:none}
.account-control[data-profile-ready="true"]{position:relative;padding:0;background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:none;min-height:calc(60 * var(--layout-unit));min-width:calc(215 * var(--layout-unit))}
.account-control:not([data-profile-ready="true"]){padding:0;border:0;background:transparent;box-shadow:none;min-width:calc(215 * var(--layout-unit));min-height:calc(60 * var(--layout-unit))}
.account-control>.account-action{width:100%;min-height:calc(60 * var(--layout-unit));padding:12px 22px;background:var(--button-fill);color:var(--button-foreground);border:1px solid var(--border-active);border-radius:var(--radius-button);box-shadow:var(--button-inset),var(--glow-active);font-weight:400;transition:background 180ms,border-color 180ms,box-shadow 180ms,transform 180ms}
.account-control>.account-action:hover:not(:disabled){background:var(--button-fill-hover);border-color:var(--betooth-light);box-shadow:var(--button-inset),var(--button-glow-hover);transform:translateY(-1px)}
.account-control>.account-action:active:not(:disabled){transform:none;background:var(--bg-panel);box-shadow:inset 0 2px 4px var(--bg-page)}
.profile-nav-link{min-height:46px;max-width:100%;gap:14px;font-size:calc(16 * var(--layout-unit));font-weight:400}
.profile-nav-link .avatar-sm{width:calc(44 * var(--layout-unit));height:calc(44 * var(--layout-unit));font-weight:400}
.profile-nav-identity{display:grid;gap:2px;min-width:0}.profile-nav-identity small{font-size:.6875rem;line-height:1.4;font-weight:400;color:var(--text-secondary)}
.account-trigger{width:100%;min-height:calc(60 * var(--layout-unit));padding:4px 14px;border:0;border-radius:inherit;background:transparent;text-align:start;transition:background 180ms,box-shadow 180ms,transform 180ms}
.account-control[data-profile-ready="true"]{flex-shrink:0;max-width:100%}
.account-trigger .profile-nav-identity{flex:1;min-width:0}
.account-trigger .profile-nav-name,.account-trigger .profile-nav-identity small{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.account-trigger .avatar-sm{flex-shrink:0}
.account-chevron{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none;margin-inline-start:auto;transition:transform 180ms}
.account-trigger[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.account-trigger:hover{background:var(--bg-panel);box-shadow:inset 0 0 0 1px var(--border-active)}
.account-dropdown{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:max(100%,220px);padding:6px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50}
.account-dropdown[hidden]{display:none}
.account-menu-row,.account-control[data-profile-ready="true"] .account-dropdown .account-action{display:flex;align-items:center;width:100%;padding:11px 14px;min-height:44px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-primary);text-align:start;text-decoration:none;font-size:.875rem;font-weight:400;transition:background 180ms}
.account-menu-row:hover,.account-dropdown .account-action:hover{background:var(--bg-hover)}
.account-control[data-profile-ready="true"] .account-dropdown .account-action{justify-content:flex-start;border-top:1px solid var(--border-subtle);color:var(--betooth-orange);margin-top:4px;border-radius:0 0 var(--radius-control) var(--radius-control)}
.sidebar{padding:calc(26 * var(--layout-unit));gap:0;background:linear-gradient(165deg,var(--bg-sidebar),var(--bg-page) 75%);border:1px solid var(--border-subtle);border-radius:calc(24 * var(--layout-unit));overflow-y:auto}
.sidebar .brand{position:relative;align-self:start;margin:0 0 calc(42 * var(--layout-unit)) calc(14 * var(--layout-unit));min-height:calc(44 * var(--layout-unit));padding:0}
.sidebar .brand-mark{display:none}
.sidebar .brand-word{font-size:calc(42 * var(--layout-unit));font-weight:600;letter-spacing:-.045em;line-height:1.15}
.sidebar .wordmark-be{color:var(--accent-primary)}.sidebar .wordmark-tooth{color:var(--text-primary)}
.sidebar .brand-word::after{content:"";position:absolute;width:calc(35 * var(--layout-unit));height:calc(18 * var(--layout-unit));border-bottom:calc(4 * var(--layout-unit)) solid var(--betooth-orange);border-radius:0 0 50% 50%;inset-inline-start:46%;bottom:calc(-8 * var(--layout-unit));transform:rotate(8deg)}
.nav{gap:calc(6 * var(--layout-unit))}
.sidebar .nav{margin-bottom:calc(72 * var(--layout-unit));flex-shrink:0}
.nav-item{min-height:calc(44 * var(--layout-unit));padding:calc(10 * var(--layout-unit)) calc(17 * var(--layout-unit));gap:calc(16 * var(--layout-unit));font-size:calc(17 * var(--layout-unit));font-weight:400;color:var(--text-primary);border-radius:var(--radius-md)}
.nav-icon{width:calc(24 * var(--layout-unit));height:calc(24 * var(--layout-unit));stroke-width:1.5}
.nav-item.active{background:linear-gradient(100deg,color-mix(in srgb,var(--accent-primary) 35%,var(--bg-sidebar)),var(--bg-sidebar));border-color:var(--border-active);box-shadow:var(--button-inset),var(--glow-active);font-weight:500}
.nav-item.active .nav-icon{color:var(--text-primary)}
.sidebar .beto-card{display:flex;flex-direction:column;position:relative;margin-top:auto;margin-bottom:calc(28 * var(--layout-unit));padding:0 calc(17 * var(--layout-unit)) calc(23 * var(--layout-unit));gap:0;isolation:isolate;border-radius:var(--radius-card);border-color:var(--border-active);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent-primary) 16%,var(--bg-panel)),var(--bg-sidebar) 68%);box-shadow:var(--glow-active)}
.sidebar-beto-portrait{position:relative;display:block;width:calc(100% + 34px);height:calc(190 * var(--layout-unit));margin-top:calc(-38 * var(--layout-unit));flex:none;overflow:visible}
.sidebar-beto-portrait::before{content:"";position:absolute;inset:22% 0 -15%;border:1px solid var(--border-active);border-radius:50%;background:radial-gradient(ellipse,var(--bg-hover),transparent 65%);z-index:-1}
.sidebar .sidebar-beto-portrait img{position:absolute;inset:auto 0 calc(8 * var(--layout-unit));width:100%;max-width:none;height:calc(220 * var(--layout-unit));margin:0;object-fit:contain;border:0;background:none;filter:drop-shadow(0 8px 8px var(--bg-page))}
.sidebar-beto-copy{display:grid;gap:calc(13 * var(--layout-unit));width:100%;text-align:center}
.sidebar .beto-card small{font-family:var(--display-family);font-size:calc(25 * var(--layout-unit));line-height:1.25;font-weight:600;letter-spacing:-.025em;color:var(--text-primary)}
.sidebar .beto-card strong{font-size:calc(14 * var(--layout-unit));font-weight:400;line-height:1.5;color:var(--text-primary);margin:0}
.beto-card-action{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:calc(51 * var(--layout-unit));margin-top:calc(9 * var(--layout-unit));padding:12px 20px;background:var(--button-fill);border:1px solid var(--border-active);border-radius:var(--radius-button);box-shadow:var(--button-inset),var(--glow-active);font-size:calc(17 * var(--layout-unit));font-weight:400}
/* Retain the existing Beto position after removing the sidebar auth element. */
.sidebar::after{content:"";display:block;min-height:44px;flex-shrink:0}
.primary,.beto-composer button{min-height:52px;padding:12px 22px;gap:26px;border-color:var(--border-active);font-weight:400;font-size:1rem;letter-spacing:0;box-shadow:var(--button-inset),var(--glow-active)}
.primary:hover:not(:disabled),.beto-composer button:hover:not(:disabled){background:var(--button-fill-hover);border-color:var(--betooth-light);box-shadow:var(--button-inset),var(--button-glow-hover);transform:translateY(-1px)}
.primary:active:not(:disabled),.beto-composer button:active:not(:disabled),.secondary:active:not(:disabled),.icon-btn:active:not(:disabled),.account-trigger:active{transform:none;background:var(--bg-panel);box-shadow:inset 0 2px 4px var(--bg-page)}
.secondary:hover:not(:disabled),.button-link:not(.primary):hover{background:var(--bg-panel);border-color:var(--border-active);box-shadow:var(--button-inset);transform:translateY(-1px)}
.beto-card-action{transition:background 180ms,border-color 180ms,box-shadow 180ms,transform 180ms}
.beto-card:hover .beto-card-action{background:var(--button-fill-hover);border-color:var(--betooth-light);box-shadow:var(--button-glow-hover);transform:translateY(-1px)}
.beto-card:active .beto-card-action{transform:none;background:var(--bg-panel);box-shadow:inset 0 2px 4px var(--bg-page)}
.action-arrow,.beto-cta-arrow{transition:transform 180ms}
.primary:hover .action-arrow,.beto-card:hover .beto-cta-arrow{transform:translateX(2px)}
html[dir="rtl"] .primary:hover .action-arrow,html[dir="rtl"] .beto-card:hover .beto-cta-arrow{transform:rotate(180deg) translateX(2px)}
.secondary,.button-link:not(.primary){font-weight:400;border-color:var(--border-subtle);background:var(--bg-sidebar)}
.ghost{font-weight:400}
.action-arrow{display:block;flex:none;width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
html[dir="rtl"] .action-arrow{transform:rotate(180deg)}
.home-experience{width:100%;max-width:none;margin:0}
.home-board{display:grid;grid-template-columns:minmax(0,1fr) calc(307 * var(--layout-unit));grid-template-areas:"scene sidecar" "metrics sidecar" "syllabus sidecar";gap:calc(18 * var(--layout-unit)) calc(15 * var(--layout-unit));align-items:start}
.home-scene{grid-area:scene;position:relative;height:calc(365 * var(--layout-unit));isolation:isolate;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:linear-gradient(110deg,var(--bg-sidebar) 15%,var(--bg-page) 55%,var(--bg-panel));box-shadow:none}
.home-scene-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 73% 75%,color-mix(in srgb,var(--accent-primary) 15%,transparent),transparent 60%)}
.scene-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24px,var(--border-subtle) 25px,transparent 26px);mask-image:linear-gradient(100deg,transparent 18%,var(--bg-page) 66%);opacity:.55}
.scene-orbit{position:absolute;inset-inline-end:-32%;border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:50%;width:75%;height:190%;transform:rotate(-35deg)}
.scene-orbit-outer{top:-150%}.scene-orbit-inner{top:-140%;inset-inline-end:-35%}
.home-scene-atmosphere::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:38px;height:64px;background:radial-gradient(circle,var(--accent-primary) 1px,transparent 2px) 0 0/12px 12px;opacity:.7}
.home-intro{position:relative;z-index:2;width:57%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:calc(34 * var(--layout-unit)) 0 calc(28 * var(--layout-unit)) calc(61 * var(--layout-unit))}
.home-welcome{margin:0 0 calc(19 * var(--layout-unit));font-size:calc(15 * var(--layout-unit));color:var(--text-primary);font-weight:400;letter-spacing:0}
.home-intro h1{font-family:var(--display-family);font-size:calc(50 * var(--layout-unit));font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:0 0 calc(15 * var(--layout-unit));max-width:none}
.home-intro h1>span{display:block;white-space:nowrap}.home-headline-accent{color:var(--accent-primary)}
.home-description{font-size:calc(16 * var(--layout-unit));line-height:1.65;max-width:44ch;color:var(--text-primary);margin:0}
.home-actions{display:flex;align-items:center;gap:calc(15 * var(--layout-unit));margin-top:calc(27 * var(--layout-unit));flex-wrap:nowrap}
.home-actions a{min-height:calc(51 * var(--layout-unit));padding:calc(13 * var(--layout-unit)) calc(22 * var(--layout-unit));font-size:calc(15 * var(--layout-unit));white-space:nowrap}
.home-actions .primary{min-width:calc(210 * var(--layout-unit));justify-content:space-between}
.home-explore{min-width:calc(153 * var(--layout-unit));box-shadow:none;color:var(--text-primary)}
.home-beto-scene{position:absolute;inset:0 0 0 48%;margin:0;pointer-events:none;display:grid;place-items:center}
.home-beto{position:absolute;height:calc(320 * var(--layout-unit));width:auto;max-width:95%;object-fit:contain;bottom:calc(24 * var(--layout-unit));inset-inline-start:50%;transform:translateX(-50%);filter:drop-shadow(0 16px 12px var(--bg-page));z-index:2}
.home-beto-word{position:absolute;inset-inline-end:calc(15 * var(--layout-unit));top:calc(64 * var(--layout-unit));font-size:calc(64 * var(--layout-unit));line-height:1;font-weight:700;letter-spacing:-.05em;color:var(--accent-primary);opacity:.68;z-index:0}
.home-beto-halo{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--accent-primary) 28%,transparent),transparent 62%);opacity:.75}
.home-beto-platform{position:absolute;width:72%;height:calc(75 * var(--layout-unit));bottom:calc(19 * var(--layout-unit));border:1px solid var(--border-active);border-radius:50%;background:radial-gradient(ellipse at 50% 30%,var(--bg-hover),var(--bg-page) 70%);box-shadow:0 9px 0 -1px var(--bg-card),0 13px 0 -1px var(--bg-page),0 14px 0 -1px var(--border-subtle),0 20px 24px var(--bg-page);transform:perspective(600px) rotateX(18deg)}
.home-beto-platform span{position:absolute;border:1px solid var(--border-active);border-radius:50%;inset:10% 7%;box-shadow:0 0 15px color-mix(in srgb,var(--accent-primary) 40%,transparent),inset 0 0 8px color-mix(in srgb,var(--accent-primary) 25%,transparent)}
.home-beto-platform span+span{inset:-26% -18%;border-color:var(--border-subtle);box-shadow:0 0 0 15px color-mix(in srgb,var(--betooth-muted) 4%,transparent)}
.home-metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(13 * var(--layout-unit))}
.home-metrics>.dashboard-source-note{grid-column:1/-1;padding:16px 0}
.home-stat{display:grid;grid-template-columns:calc(54 * var(--layout-unit)) minmax(0,1fr);align-content:center;align-items:center;gap:5px calc(14 * var(--layout-unit));height:calc(101 * var(--layout-unit));min-width:0;padding:calc(16 * var(--layout-unit));border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:linear-gradient(125deg,var(--bg-panel),var(--bg-sidebar));box-shadow:none}
.home-stat .ui-icon{grid-row:1/3;width:calc(54 * var(--layout-unit));height:calc(54 * var(--layout-unit));padding:calc(13 * var(--layout-unit));border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-sidebar));color:var(--accent-primary);stroke-width:1.5}
.home-stat strong{font-family:var(--display-family);font-size:calc(33 * var(--layout-unit));font-weight:500;line-height:1.1;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.home-stat:last-child strong{font-family:inherit;font-size:calc(22 * var(--layout-unit))}
.home-stat span{grid-column:2;color:var(--text-primary);font-size:calc(13 * var(--layout-unit));line-height:1.5}
.home-syllabus{grid-area:syllabus;min-width:0;margin-top:calc(3 * var(--layout-unit))}
.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 calc(14 * var(--layout-unit));height:calc(27 * var(--layout-unit))}
.home-section-heading h2{font-family:var(--display-family);font-size:calc(23 * var(--layout-unit));line-height:1.3;font-weight:500;letter-spacing:-.015em;margin:0}
.home-section-heading .ghost{font-size:calc(14 * var(--layout-unit));padding:6px 0;color:var(--accent-primary)}
.home-course-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(14 * var(--layout-unit))}
.home-course-card{min-width:0;position:relative;display:flex;flex-direction:column;gap:calc(12 * var(--layout-unit));padding:calc(17 * var(--layout-unit));border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:linear-gradient(120deg,var(--bg-panel),var(--bg-sidebar));box-shadow:none}
.home-course-card h3{font-size:calc(17 * var(--layout-unit));font-weight:400;line-height:1.5;letter-spacing:0;margin:0}
.home-course-card .learning-state{font-size:calc(11 * var(--layout-unit));color:var(--text-secondary);align-self:start;padding:2px 6px;border-radius:var(--radius-control);background:var(--bg-hover)}
.home-course-card p{font-size:.75rem;color:var(--text-secondary);margin:0}
.home-course-card progress{height:7px;margin-top:auto}
.home-course-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-course-footer strong{font-size:.875rem;font-weight:400}
.home-course-footer .ghost{padding:0;min-height:28px;font-size:.75rem;color:var(--betooth-light)}
.home-sidecar{grid-area:sidecar;display:grid;gap:calc(18 * var(--layout-unit));min-width:0}
.home-utility-card{display:grid;grid-template-columns:calc(104 * var(--layout-unit)) minmax(0,1fr);gap:calc(22 * var(--layout-unit));padding:calc(24 * var(--layout-unit)) calc(22 * var(--layout-unit));min-width:0;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:linear-gradient(145deg,var(--bg-panel),var(--bg-page));box-shadow:none}
.home-utility-card[hidden]{display:none}
.home-utility-card h2{grid-column:1/-1;font-size:calc(17 * var(--layout-unit));line-height:1.4;font-weight:400;margin:0;letter-spacing:0}
.home-utility-card p{color:var(--text-primary);font-size:calc(15 * var(--layout-unit));line-height:1.55;margin:0;align-self:center}
.home-utility-card>progress{grid-column:1/-1}
#homeProgress{min-height:calc(260 * var(--layout-unit));align-content:start}
#homeProgress .home-progress-count{display:grid;gap:6px;line-height:1.35;font-size:calc(14 * var(--layout-unit))}
.home-progress-count bdi{font-size:calc(26 * var(--layout-unit));font-weight:400}
.home-progress-ring{position:relative;width:calc(104 * var(--layout-unit));height:calc(104 * var(--layout-unit));border-radius:50%;background:conic-gradient(var(--progress-fill) var(--progress-angle),var(--bg-hover) 0);display:grid;place-items:center;justify-self:start;margin:0}
.home-progress-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--bg-panel)}
.home-progress-ring strong{position:relative;font-size:calc(28 * var(--layout-unit));font-weight:400;letter-spacing:-.04em}
#homeStreak{min-height:calc(205 * var(--layout-unit));grid-template-columns:1fr;align-items:center;row-gap:10px;padding:22px}
#homeStreak h2,#homeStreak p{grid-column:1/-1}
.home-streak-value{font-size:calc(44 * var(--layout-unit));line-height:1;font-weight:400;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.home-streak-current{display:flex;gap:12px;align-items:baseline}.home-streak-current>span{font-size:.75rem;color:var(--text-secondary)}
#homeStreak .home-streak-longest{margin:0;font-size:.6875rem;color:var(--text-muted)}
.home-study-timeline{min-width:0;max-width:100%;width:100%;margin-top:14px}
.home-streak-week-navigation{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;align-items:center;gap:4px;direction:ltr}
.home-streak-week-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;min-width:0;padding:5px 0;border-radius:var(--radius-sm)}
.home-streak-week-rail.single{grid-template-columns:minmax(32px,48px);justify-content:center}
.home-streak-week-rail:focus-visible{outline:2px solid color-mix(in srgb,var(--betooth-light) 75%,transparent);outline-offset:4px}
.home-study-day{position:relative;z-index:0;display:grid;grid-template-rows:30px 18px;justify-items:center;min-width:0;font-variant-numeric:tabular-nums}
.home-study-dot{position:relative;z-index:2;display:grid;place-items:center;width:clamp(21px,1.5vw,28px);height:clamp(21px,1.5vw,28px);border:1px solid color-mix(in srgb,var(--betooth-muted) 42%,transparent);border-radius:50%;background:color-mix(in srgb,var(--betooth-muted) 12%,var(--bg-panel));color:var(--text-primary)}
.home-study-dot .ui-icon{width:clamp(12px,.8vw,15px);height:clamp(12px,.8vw,15px);stroke-width:2.5}
.home-study-day.completed .home-study-dot{background:color-mix(in srgb,var(--accent-primary) 84%,var(--betooth-light));border-color:var(--betooth-light);box-shadow:0 0 8px color-mix(in srgb,var(--accent-primary) 42%,transparent),inset 0 1px 2px color-mix(in srgb,var(--betooth-light) 45%,transparent)}
.home-study-day.current .home-study-dot{border:2px solid color-mix(in srgb,var(--accent-orange) 78%,transparent);background:var(--bg-panel);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-orange) 10%,transparent),0 0 9px color-mix(in srgb,var(--accent-orange) 14%,transparent)}
.home-study-connector{position:absolute;z-index:1;top:12px;left:50%;width:100%;height:3px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--betooth-muted) 28%,transparent)}
.home-study-connector.qualified{background:var(--accent-primary);box-shadow:0 0 7px color-mix(in srgb,var(--accent-primary) 34%,transparent)}
.home-study-date{font-size:.75rem;line-height:18px;color:var(--text-muted)}
.home-study-day.completed .home-study-date{color:var(--text-primary)}
.home-study-day.current .home-study-date{color:var(--accent-orange)}
.home-study-step{display:grid;place-items:center;width:26px;min-width:26px;height:42px;min-height:42px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 45%,var(--bg-panel));box-shadow:none;color:var(--text-secondary);font-size:1.25rem;line-height:1}
.home-study-step:hover:not(:disabled){background:var(--bg-hover);border-color:color-mix(in srgb,var(--betooth-light) 40%,transparent);box-shadow:none;transform:translateY(-1px)}
.home-study-step:active:not(:disabled){transform:translateY(0);background:var(--bg-panel)}
.home-study-step:disabled{opacity:.3;cursor:default;transform:none;box-shadow:none}
.home-study-step:focus-visible{outline:2px solid var(--betooth-light);outline-offset:2px}
#homeStreak .home-streak-note{font-size:.625rem;line-height:1.35;color:var(--text-secondary)}
@media(max-width:640px){#homeStreak{padding:22px 20px;row-gap:12px}.home-streak-value{font-size:2.5rem}.home-streak-week-navigation{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}.home-study-step{width:28px;min-width:28px;height:44px;min-height:44px}.home-study-day{grid-template-rows:28px 18px}.home-study-dot{width:24px;height:24px}.home-study-connector{top:11px}.home-study-date{font-size:.6875rem;line-height:18px}}
html[dir="rtl"] .home-intro{padding-inline:calc(61 * var(--layout-unit)) 0}
html[dir="rtl"] .home-beto-scene{inset:0 48% 0 0}
html[dir="rtl"] .home-beto{transform:translateX(50%)}
@media(min-width:981px){
 .sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar-width);height:100dvh}
 .content{grid-column:2}main{padding:0 calc(20 * var(--layout-unit)) 32px}
}
@media(max-width:1200px){.home-board{grid-template-columns:minmax(0,1fr);grid-template-areas:"scene" "metrics" "syllabus" "sidecar"}.home-sidecar{grid-template-columns:1fr 1fr}.home-course-deck{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){
 .content{grid-column:1}.topbar{padding-inline:20px;gap:16px}.top-actions{grid-template-columns:minmax(0,1fr) auto;gap:20px}.topbar-tools{gap:10px}
 .sidebar{padding:28px 20px 16px}.sidebar .brand{margin-bottom:36px}.nav{gap:6px}.nav-item{min-height:44px;font-size:1rem}.nav-icon{width:24px;height:24px}
 .sidebar .beto-card{margin-top:auto;padding:0 12px 14px;margin-bottom:20px}.sidebar-beto-portrait{height:180px;margin-top:-28px}.sidebar .sidebar-beto-portrait img{height:200px;bottom:8px}.sidebar .beto-card small{font-size:1.3rem}.sidebar .beto-card strong{font-size:.8125rem}.beto-card-action{font-size:1rem}
 .search{height:52px;font-size:.875rem}.account-control[data-profile-ready="true"]{min-width:0;min-height:46px}.profile-nav-link{font-size:.875rem}
 .account-control:not([data-profile-ready="true"]){min-width:0;min-height:46px}.account-control>.account-action{min-height:46px}
 .home-scene{height:380px}.home-intro{padding-inline-start:28px;width:56%}.home-intro h1{font-size:2.6rem}.home-beto{height:320px}
 .home-description{font-size:.875rem}.home-actions{gap:12px}.home-actions a{min-width:0;font-size:.8125rem;padding-inline:14px}
 .home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-course-deck{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .topbar{height:auto;min-height:112px;padding:12px 16px;gap:12px;align-items:start;flex-wrap:nowrap}
 .top-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}.topbar-tools{order:-1;justify-content:space-between;width:100%;gap:12px}
 .search-wrap{width:100%;max-width:none;order:0}.search{height:44px;font-size:.8125rem;padding-inline-start:42px}.search-icon{inset-inline-start:12px;width:20px;height:20px}
 .account-control[data-profile-ready="true"]{padding:0 6px;min-height:40px}.profile-nav-link{max-width:140px;min-height:38px;font-size:.8125rem;gap:8px}.profile-nav-link .avatar-sm{width:30px;height:30px}.profile-nav-name{max-width:90px}
 .language-switcher{padding:2px}.language-switcher button{min-height:32px;min-width:30px}
 .account-trigger{min-height:40px;padding:3px 5px;gap:6px}.account-chevron{width:14px;height:14px}.account-dropdown{width:230px;max-width:calc(100vw - 32px)}
 .account-control:not([data-profile-ready="true"]){min-height:40px}.account-control>.account-action{min-height:40px;padding:8px 14px;font-size:.8125rem}
 .home-board{gap:18px}.home-scene{height:auto}.home-intro,html[dir="rtl"] .home-intro{width:100%;height:auto;justify-content:start;padding:30px 24px 0}.home-welcome{font-size:.8125rem;margin-bottom:18px}
 .home-intro h1{font-size:2.35rem;line-height:1.1;letter-spacing:-.035em;margin-bottom:18px}.home-intro h1>span{white-space:normal}
 .home-description{font-size:.875rem;max-width:38ch}.home-actions{gap:10px;flex-wrap:wrap;margin-top:22px}.home-actions a{font-size:.75rem;min-width:0;padding:10px 12px;gap:10px;min-height:44px}
 .home-beto-scene,html[dir="rtl"] .home-beto-scene{position:relative;inset:auto;height:342px;margin-top:12px}.home-beto{height:286px;bottom:36px}.home-beto-platform{width:76%;height:62px;bottom:18px}.home-beto-word{font-size:3rem;top:35px;inset-inline-end:10px}
 .home-metrics{gap:10px}.home-stat{min-height:100px;height:auto;grid-template-columns:1fr;gap:6px;padding:14px}.home-stat .ui-icon{grid-row:auto;display:none}.home-stat strong{font-size:1.75rem}.home-stat:last-child strong{font-size:1.3rem}.home-stat span{grid-column:1;font-size:.75rem}
 .home-course-deck,.home-sidecar{grid-template-columns:1fr}.home-course-card{padding:20px;gap:12px}.home-course-card h3{font-size:1rem}.home-section-heading h2{font-size:1.4rem}.home-section-heading .ghost{font-size:.75rem}.home-utility-card{padding:24px}
}
/* Platform-wide composition: same surfaces and hierarchy, existing data only. */
.beto-chat-portrait{position:relative;display:block;width:58px;height:58px;overflow:hidden;flex:none;border-radius:var(--radius-md);background:var(--bg-hover)}
.beto-chat-head .beto-chat-portrait img{position:absolute;width:96px;height:134px;max-width:none;left:-32px;top:-16px;object-fit:contain;border:0;border-radius:0;background:none;padding:0}
.page>header h2,.dash-head h2{font-weight:500;font-size:2.25rem;letter-spacing:-.04em}
.panel,.lesson-content-card,.mcq-question-card,.learning-integration-card{background:linear-gradient(135deg,var(--bg-panel),var(--bg-sidebar));border-color:var(--border-subtle);box-shadow:var(--button-inset)}
.panel>h3{font-size:1.0625rem;font-weight:500;letter-spacing:0}
.dashboard-page{max-width:1280px}
#analyticsMount{grid-template-columns:1.15fr 1fr;align-items:start;gap:20px}
#analyticsMount>.dashboard-source-note,#analyticsMount>.analytics-grid{grid-column:1/-1}
.analytics-grid{gap:16px}.analytics-stat{min-height:150px;padding:24px;background:linear-gradient(150deg,var(--bg-card),var(--bg-sidebar))}
.analytics-stat strong{font-size:2.25rem;font-weight:500}.analytics-stat h3{font-weight:400;line-height:1.5}.analytics-stat>.ui-icon{background:var(--bg-panel);padding:8px;box-sizing:content-box;border-radius:var(--radius-md)}
.analytics-table thead{background:var(--bg-sidebar)}.analytics-table th{font-weight:500}.analytics-table tbody tr:nth-child(even){background:transparent}
.score-trend{gap:8px;margin-bottom:0}.score-trend li{background:var(--bg-panel);padding:12px;font-size:.75rem;grid-template-columns:minmax(0,1fr) minmax(48px,1fr) auto}
.my-learning-page{max-width:1280px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.my-learning-page>.dash-head,#learningContinue,#learningLessons{grid-column:1/-1}
#learningContinue{min-height:144px;border-color:var(--border-active);background:radial-gradient(ellipse at 95% 20%,color-mix(in srgb,var(--betooth-muted) 20%,transparent),transparent 60%),var(--bg-panel)}
#learningContinue h4{font-size:1.3rem;font-weight:500}#learningContinue h3{font-size:.75rem}
.my-learning-page .learning-course-grid{gap:12px}.my-learning-page .dashboard-course-card{padding:18px 16px;gap:10px;background:var(--bg-sidebar);border:1px solid var(--border-subtle)}
.dashboard-course-card h4,.learning-lesson-list h4{font-weight:500;font-size:1rem;line-height:1.45}.dashboard-course-card p{font-size:.8125rem;margin:0}.dashboard-course-card .button-link{min-height:34px;padding:6px 12px;font-size:.8125rem}.dashboard-course-card .learning-time{font-size:.6875rem}
#learningMcqs{display:grid;justify-items:start;gap:12px}#learningMcqs h3,#learningMcqs p{margin:0}#learningMcqs h4{font-weight:500;line-height:1.45}#learningMcqs .dashboard-recent-result{width:100%;margin:8px 0;padding-top:16px}#learningMcqs .dashboard-score{font-size:2rem;font-weight:500}
.my-learning-page a:focus-visible,.my-learning-page button:focus-visible,.beto-page :focus-visible{outline:3px solid var(--betooth-orange);outline-offset:3px}
.learning-filters,.profile-tabs,.leaderboard-tabs{gap:12px}.learning-filters button,.profile-tabs button,.leaderboard-tabs button{font-weight:500;background:transparent}
.course-card,.mcq-bank-card{background:linear-gradient(140deg,var(--bg-card),var(--bg-sidebar));border-color:var(--border-subtle);box-shadow:var(--button-inset)}
.course-card h3,.mcq-bank-card h3{font-size:1.25rem;font-weight:500}.course-card p,.mcq-bank-card p{font-size:.9375rem;line-height:1.65}
.lesson-content-card{line-height:1.75}.mcq-question-card{padding:28px}.mcq-option{padding:16px 20px;background:var(--bg-sidebar);border-color:var(--border-subtle)}
.mcq-option:has(input:checked){background:color-mix(in srgb,var(--betooth-muted) 16%,var(--bg-panel));border-color:var(--border-active);box-shadow:var(--button-inset)}
.profile-hero{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--betooth-muted) 24%,transparent),transparent 62%),linear-gradient(130deg,var(--bg-panel),var(--bg-page));padding:32px;border-color:var(--border-subtle)}
.profile-identity h1{font-weight:500}.profile-metrics{gap:10px}.profile-metric{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;background:linear-gradient(145deg,var(--bg-panel),var(--bg-page))}.profile-metric strong{font-weight:500}.profile-metric h3{font-weight:400}
.profile-rank-grid .rank-card,.best-card,.profile-course{background:linear-gradient(130deg,var(--bg-panel),var(--bg-sidebar));border-color:var(--border-subtle)}.rank-card strong,.best-card strong,.profile-course-percent{font-weight:500}
.achievement{background:var(--bg-panel);gap:12px}.achievement.unlocked{background:radial-gradient(ellipse at 15% 0%,var(--surface-orange),transparent 75%),linear-gradient(130deg,var(--bg-card),var(--bg-sidebar));box-shadow:var(--button-inset),var(--glow-orange)}.achievement h3{font-weight:500}.achievement.locked .achievement-badge{opacity:.6}
.leaderboard-person{background:linear-gradient(110deg,var(--bg-panel),var(--bg-sidebar));border-color:var(--border-subtle)}.leaderboard-person strong{font-weight:500}
.leaderboard-person.podium.rank-1{background:radial-gradient(ellipse at top,var(--surface-orange),transparent 75%),var(--bg-panel);box-shadow:var(--button-inset),var(--glow-orange)}
.leaderboard-person.is-you{background:linear-gradient(110deg,color-mix(in srgb,var(--betooth-muted) 16%,var(--bg-panel)),var(--bg-sidebar))}.leaderboard-value{font-size:1.125rem;font-weight:500}
.beto-intro{background:radial-gradient(ellipse at 80% 45%,color-mix(in srgb,var(--betooth-muted) 28%,transparent),transparent 58%),linear-gradient(125deg,var(--bg-panel),var(--bg-page));border-color:var(--border-subtle)}.beto-intro h1{font-weight:500}
.beto-message-assistant{background:var(--bg-card);border-color:var(--border-subtle)}.beto-local-badge{font-weight:500;border-color:var(--border-subtle);background:var(--bg-panel)}
.beto-chat-head,.beto-composer{border-color:var(--border-subtle)}.beto-composer>label{font-weight:500}.beto-composer textarea{border-color:var(--border-subtle)}
@media(max-width:1200px){.my-learning-page{grid-template-columns:1fr}.my-learning-page>section{grid-column:1}#analyticsMount{grid-template-columns:1fr}.analytics-stat strong{font-size:1.8rem}}
@media(max-width:640px){.analytics-stat{min-height:138px;padding:16px}.analytics-stat strong{font-size:1.7rem}.analytics-stat>.ui-icon{padding:5px}.my-learning-page .learning-course-grid{grid-template-columns:1fr}#learningContinue h4{font-size:1.125rem}.mcq-question-card{padding:20px}.profile-hero{padding:24px}.profile-metric{padding:14px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}