@layer ll-refinement {
:root{--ux-bg:#eef3f6;--ux-surface:#fff;--ux-soft:#f2f6f8;--ux-ink:#183846;--ux-muted:#5c707a;--ux-line:#d7e3e8;--ux-accent:#147d82;--ux-gold:#cc962c;--ux-shadow:0 8px 26px #243e4e08}
html[data-lab-genre=sports]{--ux-accent:#235b9b;--ux-gold:#d4a833}html[data-lab-genre=anime]{--ux-accent:#7950a3;--ux-gold:#bc6b92}html[data-lab-genre=music]{--ux-accent:#177e7b;--ux-gold:#b36994}
.lg-hero{display:none!important}.lg-controls [data-lg-preference=genre]{display:block!important}.lg-controls .lg-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lg-scene{opacity:.07!important;pointer-events:none}.lg-overview{display:none!important}.lg-news-rail{margin:10px 0 16px!important;max-width:100%;border-radius:12px;background:var(--ux-surface);color:var(--ux-ink);border-color:var(--ux-line)}.lg-news-rail .lg-rail-controls{display:flex;flex-wrap:wrap;gap:4px}.ux-appearance{display:flex!important;align-items:center;gap:8px;margin:5px 0!important;font-size:13px!important;font-weight:650}.ux-appearance select{width:auto!important;min-height:34px!important;padding:5px 9px!important;font:inherit!important}.lab-access-popover .ux-appearance{border-top:1px solid var(--ux-line);padding-top:10px}.ux-text-popover{box-sizing:border-box!important;position:fixed!important;inset:auto!important;transform:none!important;z-index:100050!important;max-width:calc(100vw - 20px)!important;min-width:0!important;overflow:auto!important;background:var(--ux-surface)!important;color:var(--ux-ink)!important;border:1px solid var(--ux-line)!important;border-radius:12px!important;padding:12px!important;box-shadow:0 14px 50px #14263530!important}.ux-text-popover p{margin:6px 0!important;font-size:.92rem!important}.ux-text-popover .ll-popout-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ux-text-popover .ll-popout-head button{min-height:32px!important;min-width:32px!important;padding:3px 8px!important}.ux-text-popover[style]{inset:unset!important;left:var(--ux-pop-x)!important;top:var(--ux-pop-y)!important}
/* Compact dashboard shared across all three language apps. */
html.ux-data-route body{background:var(--ux-bg)!important}html.ux-data-route .site-main{padding:0 24px;max-width:1400px}.ux-data{--line:var(--ux-line);--ink:var(--ux-ink);--muted:var(--ux-muted);padding-top:12px!important}.ux-data>h1,.ux-data>.es-heading,.ux-data>.page-title>div{display:none}.ux-data .page-title{margin:4px 0!important;min-height:0;justify-content:flex-end}.ux-data .page-title label{margin:0!important;font-size:.8rem!important}.ux-data .data-tabs,.ux-data .es-tabs,.ux-data .lp-data-tabs{margin:0 0 12px!important;padding:0!important;gap:6px;display:flex;flex-wrap:wrap}.ux-data .data-tabs a,.ux-data .es-tabs button,.ux-data .lp-data-tabs a{font-size:.82rem!important;padding:6px 12px!important;min-height:34px!important;border-radius:8px!important}.ux-data .ux-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 14px}.ux-data .ux-dashboard-head h1{font:750 clamp(1.65rem,2.4vw,2.3rem)/1.1 system-ui!important;letter-spacing:-.04em!important;margin:3px 0!important}.ux-data .ux-kicker{font-size:10px!important;font-weight:750!important;text-transform:uppercase;letter-spacing:.14em!important;color:var(--ux-muted)!important;margin:0!important}.ux-data .ux-dashboard-head select{width:auto!important;min-width:130px!important}.ux-data select,.ux-data input[type=search]{padding:6px 9px!important;min-height:34px!important;font-size:.82rem!important;border-radius:8px!important;background:var(--ux-surface)!important;border-color:var(--ux-line)!important;color:var(--ux-ink)!important}.ux-data button,.ux-data .button{padding:6px 10px!important;min-height:34px!important;font-size:.8rem!important;border-radius:8px!important}.ux-data .overview-grid,.ux-data .pt-stats,.ux-data .es-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:0 0 12px!important}.ux-data .es-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.ux-data :is(.overview-card,.panel,.usage-panel,.es-card,.es-stat,.pt-stats article,.pt-progress,.ux-tile){background:var(--ux-surface)!important;border:1px solid var(--ux-line)!important;border-radius:14px!important;box-shadow:var(--ux-shadow)!important;padding:14px!important;min-height:0!important;margin:0!important;color:var(--ux-ink)!important;min-width:0}.ux-data :is(h2,h3){color:var(--ux-ink)!important;font-size:1rem!important;line-height:1.25!important;letter-spacing:-.015em!important;margin:0 0 8px!important}.ux-data .card-kicker{font-size:.8rem!important;margin:0 0 9px!important;color:var(--ux-muted)!important}.ux-data .ring-layout{gap:12px!important;align-items:center}.ux-data .progress-ring{width:84px!important;height:84px!important;flex:0 0 84px}.ux-data .progress-ring>div{inset:7px!important;background:var(--ux-surface)!important}.ux-data .progress-ring strong{font-size:1.8rem!important}.ux-data .progress-ring small{font-size:.75rem!important}.ux-data .ring-layout p{font-size:1.1rem!important;margin:0!important}.ux-data .ring-layout span,.ux-data .ring-layout button{font-size:.73rem!important}.ux-data .activity-plot{height:78px!important;margin:0!important;gap:6px!important}.ux-data .activity-plot .plot-track{height:44px!important}.ux-data .activity-plot b,.ux-data .activity-plot small{font-size:.7rem!important}.ux-data .big-number{font:760 2rem/1 system-ui!important}.ux-data .review-card p{font-size:.8rem!important;margin:5px 0!important}.ux-data .review-stats{font-size:.73rem!important;gap:12px!important;margin:7px 0!important}.ux-data .chart-grid,.ux-data .es-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:12px 0!important}.ux-data .bar-row{margin:7px 0!important;font-size:.8rem!important}.ux-data .bar-row meter{height:7px!important}.ux-data :is(.fine,.es-muted){font-size:.75rem!important;line-height:1.4!important;margin:5px 0!important}.ux-data .usage-panel{margin:12px 0!important}.ux-data .usage-totals{gap:18px!important;display:flex!important;margin:8px 0!important}.ux-data .usage-totals b{font-size:1.15rem!important}.ux-data .usage-totals span{font-size:.72rem!important}.ux-data .usage-bars{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px!important;max-height:190px;overflow:auto;padding:2px}.ux-data .usage-bars>div{margin:0!important;font-size:.74rem!important}.ux-data .usage-clock{font-size:.8rem!important}.ux-data .usage-clock strong{font-size:1rem!important}.ux-data .data-explorer{margin:8px 0!important}.ux-data .section-title{margin:0 0 8px!important;gap:10px}.ux-data details.data-table,.ux-data .ux-fold{margin:8px 0!important;border:1px solid var(--ux-line)!important;border-radius:10px!important;background:var(--ux-surface)!important;padding:0!important;overflow:visible}.ux-data details.data-table>summary,.ux-data .ux-fold>summary{padding:10px 13px!important;min-height:38px!important;font-size:.82rem!important;font-weight:650;color:var(--ux-ink)}.ux-fold-body{padding:0 12px 12px}.ux-data details.data-table> :not(summary){margin:10px 12px!important}.ux-data table{font-size:.8rem!important;width:100%;border-collapse:collapse}.ux-data td,.ux-data th{padding:7px 9px!important;border-color:var(--ux-line)!important}.ux-data .table-scroll{max-height:400px;overflow:auto}.ux-data .empty{font-size:.85rem!important;margin:8px 0!important;padding:8px!important}.ux-data .lab-entry-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin:8px 0!important}.ux-data .lab-entry-links>*{padding:10px!important;border-radius:8px!important}.ux-data .lab-entry-links span{font-size:.74rem!important}.ux-data .weekly-report{margin:0!important;padding:4px!important}.ux-data .pt-stats b,.ux-data .es-stat strong{font:750 1.8rem/1.2 system-ui!important}.ux-data .pt-stats span,.ux-data .es-stat small{font-size:.76rem!important;color:var(--ux-muted)!important}.ux-data .es-chart{max-height:200px}.ux-data .pt-data-actions,.ux-data .es-toolbar,.ux-data .es-actions{margin:10px 0!important;gap:8px!important}.ux-data .es-record,.ux-data .pt-record{padding:0 12px!important;margin:6px 0!important;border-radius:9px!important;background:var(--ux-surface)!important;border:1px solid var(--ux-line)!important}.ux-data .pt-record>summary,.ux-data .es-record>summary{font-size:.85rem!important;padding:9px 0!important;min-height:38px!important}.ux-data .pt-record-body{padding:0 0 10px!important}.ux-record-filter{display:flex;gap:10px;align-items:center;margin:10px 0}.ux-record-filter input{flex:1}.ux-record-filter span{white-space:nowrap;font-size:.75rem;color:var(--ux-muted)}
.ux-trend{margin:12px 0!important}.ux-trend>header{display:flex;gap:12px;align-items:center;justify-content:space-between}.ux-chart-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ux-chart-tools label{font-size:.65rem!important;margin:0!important;color:var(--ux-muted)}.ux-chart-tools select{display:block;margin:3px 0 0!important;width:auto!important}.ux-spark svg{width:100%;height:auto;max-height:180px;display:block;margin-top:6px}.ux-spark text{font:10px system-ui;fill:var(--ux-muted)}.ux-grid-line{stroke:var(--ux-line);fill:none;stroke-dasharray:3 5}.ux-bar{fill:var(--ux-accent)}.ux-plot-line{fill:none;stroke:var(--ux-accent);stroke-width:3}.ux-trend-stats{display:flex;gap:24px;padding:9px 0 0;border-top:1px solid var(--ux-line)}.ux-trend-stats b{font-size:1.1rem;font-weight:750;display:block}.ux-trend-stats span,.ux-footnote{font-size:.7rem!important;color:var(--ux-muted)!important;line-height:1.5!important;margin:4px 0 0!important}.ux-practice{margin:12px 0!important}.ux-practice-head{display:flex;align-items:center;gap:18px}.ux-practice-head h2{font-size:1.6rem!important;margin:4px 0!important}.ux-practice-head p{font-size:.8rem!important;margin:0!important}.ux-ring{width:84px;height:84px;flex:0 0 84px;border-radius:50%;background:conic-gradient(var(--ux-accent) var(--ux-percent),var(--ux-line) 0);display:grid;place-items:center}.ux-ring strong{width:66px;height:66px;border-radius:50%;background:var(--ux-surface);display:grid;place-items:center;font-size:1.15rem}.ux-data[data-ux-focus=activity] [data-ux-category=evidence],.ux-data[data-ux-focus=evidence] [data-ux-category=activity]{display:none!important}
/* Site-wide dark palette; keeps illustrations and colour-class diagrams legible. */
html[data-ll-appearance=dark]{color-scheme:dark;--ux-bg:#101922;--ux-surface:#182631;--ux-soft:#20343e;--ux-ink:#e9f0f3;--ux-muted:#aac0ca;--ux-line:#344c5a;--ux-accent:#73d3cf;--ux-gold:#efd17a;--ux-shadow:0 8px 28px #0002;--ink:#e9f0f3;--muted:#aac0ca;--paper:#101922;--line:#344c5a;--teal:#73d3cf;--lime:#bddb82;--lg-paper:#182631;--lg-ink:#e9f0f3}
html[data-ll-appearance=dark] body{background:#101922!important;color:#e9f0f3!important}html[data-ll-appearance=dark] :is(#ll2-app,#lles,#llpt,.site-main,.site-header,.llgc,.gp-main){--ink:#e9f0f3;--muted:#aac0ca;--paper:#182631;--line:#344c5a;--teal:#73d3cf;color:#e9f0f3!important;background-color:transparent!important}
html[data-ll-appearance=dark] :is(.site-header,.panel,.overview-card,.es-card,.pt-word,.pt-sound-card,.pt-record,.pt-import,.pt-progress,.pt-stats article,.es-stat,.usage-panel,.phrase-experiment,.discovery-section,.chapter-practice,.atlas-chapter,.ll-topic-resources,.ll-reading-resources,.lab-navigation,.lab-nav-stack,.draft-editor,.draft-frame,.draft-library-card,.bench-workspace,.bench-sidebar,.course-card,.reading-card,.stack-card,.llgc-card,.gp-card,.ll-resource-panel,.scope-popout-body,.ll-compact-panel,.lab-access-popover,.lab-labs-popover,.lab-read-popover,.diagram-display-panel,.diagram-zoom-panel,.diagram-animation-panel,.lg-controls,.lg-news-rail,.lg-brief-dialog,.lg-brief-body,.wa-assist,.pt-diagram,.es-answer,.pt-answer,.course-answer,.choice,dialog){background:#182631!important;color:#e9f0f3!important;border-color:#344c5a!important}
html[data-ll-appearance=dark] :is(input,textarea,select,button,.button,summary,.toolbar-tab){color:#e9f0f3!important;background-color:#20343e!important;border-color:#405a69!important}html[data-ll-appearance=dark] :is(button.primary,.button.primary,.primary,.toolbar-tab.selected,[aria-current=page],[aria-selected=true]){background:#73d3cf!important;color:#102b32!important;border-color:#73d3cf!important}html[data-ll-appearance=dark] a{color:#91e1e5}html[data-ll-appearance=dark] :is(h1,h2,h3,h4,p,label,.fine,.es-muted,.card-kicker,.eyebrow,.pt-eyebrow,.lg-kicker,.lg-news-date,.lg-news-note,.diagram-caption,.diagram-tool-label,.section-number,.scope-title){color:inherit!important}html[data-ll-appearance=dark] :is(.discovery-idea,.diagram-tools,.example-controls,.scope-header,.section-heading,.lg-news-prompt,.lg-overview,.pt-idea,.pt-feedback,.es-feedback,.lab-entry-links>*,.progress-ring>div,.usage-totals,.data-table,.ux-fold,.course-source,.source,.draft-model,.draft-comparison,.access-scroll,.ll-access-guidance){background:#20343e!important;color:#e9f0f3!important;border-color:#344c5a!important}html[data-ll-appearance=dark] :is(th,td){background:transparent!important;color:#e9f0f3!important;border-color:#344c5a!important}html[data-ll-appearance=dark] :is(.ux-data svg,.es-chart) text{fill:#c9dbe3!important}html[data-ll-appearance=dark] :is(.phrase-token rect,.phrase-band rect){fill:#20343e!important;stroke:#7193a3!important}html[data-ll-appearance=dark] :is(.phrase-token text,.phrase-band text){fill:#e9f0f3!important}html[data-ll-appearance=dark] .phrase-token[data-pos=noun]{--word-color:#7bbaff!important}html[data-ll-appearance=dark] .phrase-token[data-pos=verb]{--word-color:#ff9da9!important}html[data-ll-appearance=dark] .phrase-token[data-pos=adjective]{--word-color:#a2d790!important}html[data-ll-appearance=dark] .phrase-token[data-pos=adverb]{--word-color:#d7b0f1!important}html[data-ll-appearance=dark] .phrase-token rect{stroke:var(--word-color,#aac0ca)!important}html[data-ll-appearance=dark] :is(.pos-caption,.phrase-bracket){stroke:none;fill:#c9dbe3!important}html[data-ll-appearance=dark] .phrase-bracket{fill:none!important;stroke:#7193a3!important}html[data-ll-appearance=dark] :focus-visible{outline-color:#efd17a!important}html[data-ll-appearance=dark] .lg-scene{opacity:.035!important}
@media(max-width:760px){html.ux-data-route .site-main{padding:0 10px}.ux-data .overview-grid,.ux-data .pt-stats,.ux-data .es-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-data .overview-grid>.review-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:6px 12px;align-items:center}.ux-data .chart-grid,.ux-data .es-grid{grid-template-columns:1fr}.ux-trend>header{align-items:flex-start;flex-direction:column}.ux-chart-tools{width:100%}.ux-chart-tools label{flex:1}.ux-chart-tools select{width:100%!important}.ux-data .usage-bars{grid-template-columns:1fr}.ux-data .lab-entry-links{grid-template-columns:1fr 1fr}.ux-data .ux-dashboard-head{gap:8px}.ux-data .ux-dashboard-head select{min-width:100px!important}.ux-trend-stats{gap:14px;flex-wrap:wrap}.ux-data .ring-layout{flex-direction:column;align-items:flex-start}.lg-news-rail{display:flex!important;flex-wrap:wrap!important;padding:10px!important;gap:8px!important}.lg-news-rail>div:not(.lg-rail-controls){flex:1;min-width:170px}.lg-news-rail .lg-rail-controls{width:100%}.lg-news-rail .lg-rail-controls button{flex:1}.ux-data .data-tabs .ll-ac-start{display:none}}
@media(max-width:380px){.ux-data .overview-grid{grid-template-columns:1fr}.ux-data .overview-grid>.review-card{display:block}.ux-data .ring-layout{flex-direction:row}.ux-data .ux-dashboard-head h1{font-size:1.5rem!important}}
@media(prefers-reduced-motion:reduce){.ux-data *{scroll-behavior:auto!important;transition:none!important}}

.ux-data [hidden]{display:none!important}
html[data-ll-appearance=dark] body{background-image:none!important}html[data-ll-appearance=dark] body::before{opacity:0!important}html[data-ll-appearance=dark] :is(.site-header,.data-tabs,.lab-read-button,.lab-display-button){background:#182631!important;background-image:none!important;color:#e9f0f3!important}html[data-ll-appearance=dark] .lab-access-popover a{color:#91e1e5!important}

.ux-dashboard-tools{display:flex;align-items:end;gap:10px}.ux-dashboard-tools label{margin:0!important;font-size:.75rem!important}.ux-dashboard-tools select{width:auto!important}.ux-data>.page-title:empty{display:none!important}.ux-data>.page-title:has(>div:only-child){display:none!important}
.ux-data #es-accuracy-chart>svg{display:none!important}.ux-data .es-chart-box .ux-practice{border:0!important;box-shadow:none!important;padding:6px 0!important}.ux-data .overview-card{line-height:1.35!important}.ux-data .overview-card .review-stats{display:flex;gap:10px!important}.ux-data .overview-card p{margin:5px 0!important}.ux-data .ux-dashboard-tools{margin-left:auto}.ux-data .ux-dashboard-head{flex-wrap:wrap}html[data-ll-appearance=dark] :is(.data-tabs a,.lp-data-tabs a,.es-tabs a){color:#d8e9ec!important}
html[data-ll-appearance=dark] :is(.ll-analyzer-app,.ll-analyzer-input,.ll-analyzer-result,.wa-main-feedback,.wa-feedback,.ll-analyzer-heading){background:#182631!important;background-image:none!important;color:#e9f0f3!important;border-color:#344c5a!important}html[data-ll-appearance=dark] :is(h1,h2,h3,h4,.ll-analyzer-result-heading span,.diagram-tool-label,.wa-roles span){color:#e9f0f3!important}html[data-ll-appearance=dark] .ll-analyzer-input-foot{color:#aac0ca!important}html[data-ll-appearance=dark] .wa-feedback li{background:#20343e!important;color:#e9f0f3!important}
#ll2-app.ll-analyzer-open>:not(.ll-analyzer-app),#lles.ll-analyzer-open>:not(.ll-analyzer-app),#llpt.ll-analyzer-open>:not(.ll-analyzer-app){display:none!important}
}