/* Home refinement: retain the original characters and all learning controls. */
body:has(.workspace[data-view=library]){background:#faf8f2}
.site-header{max-width:1180px;padding-top:28px;row-gap:20px}
.site-header nav.learning-steps{padding-bottom:16px}
.site-header .brand-wordmark{letter-spacing:-.045em}
.site-header .home-language-settings>summary{color:var(--muted);font-weight:500}
.nav-button{border-radius:999px;padding-inline:20px}
.workspace[data-view=library]{max-width:1180px}
.workspace[data-view=library] .reading-main{padding-top:30px}
.workspace[data-view=library] .resume-learning{background:linear-gradient(120deg,#174e3e,#29634e);border-radius:28px;box-shadow:0 12px 32px #174e3e0d;padding:30px}
.workspace[data-view=library] .resume-character{width:112px;height:112px}
.home-listening{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0 24px;margin:30px 0 42px}
.home-listening-header{grid-column:1;align-items:start}
.home-listening-header h2{font-size:1.5rem;letter-spacing:-.035em}
.home-listening-header p{color:var(--muted);margin:0}
.home-today-list{grid-column:1;gap:16px;margin:20px 0 0}
.home-today-card{border:1px solid #e6e9de;background:#fffefa;border-radius:24px;padding:24px;gap:14px;box-shadow:0 6px 24px #174e3e04}
.home-today-card>span{color:#41705a;font-size:.8rem;font-weight:700;letter-spacing:.015em}
.home-today-card h3{font-size:1.2rem;line-height:1.5;letter-spacing:-.025em}
.home-today-card p{font-size:.875rem}
.home-today-actions{gap:8px;padding-top:8px}
.home-today-actions button{border-radius:12px;font-size:.875rem;padding-inline:14px}
.home-playlist{grid-column:2;grid-row:1/3;background:#eef3e9;border:1px solid #dde6d4;border-radius:24px;padding:24px;display:flex;flex-direction:column}
.home-playlist h2{font-size:1.2rem;letter-spacing:-.025em}
.home-playlist p,.home-playlist li{color:#53644f;font-size:.9rem;line-height:1.8}
.home-playlist-header .text-button{font-size:.8rem}
.home-playlist-actions{margin-top:auto;display:grid;gap:10px;padding-top:20px}
.home-playlist-actions button{width:100%;border-radius:12px}
.workspace[data-view=library] .library-heading{justify-content:center;text-align:center;margin:0 0 26px}
.workspace[data-view=library] .library-heading h1{font-size:clamp(1.75rem,3vw,2.2rem);letter-spacing:-.045em}
.workspace[data-view=library] .library-heading p{margin-top:12px}
#library-categories{gap:18px}
.learning-category-card{background:#fffefa;border:1px solid #e6e9de!important;border-radius:24px;padding:14px;transition:box-shadow .18s ease,border-color .18s ease}
.learning-category-card:hover{box-shadow:0 8px 28px #174e3e0d}
.learning-category-card.is-selected{background:#eff5e9;outline:3px solid #3a7954;outline-offset:-3px}
.category-open{min-height:150px;gap:5px 16px}
.category-art-wrap{width:94px;height:108px}
.category-open h2{letter-spacing:-.035em}
.category-counts>span{border-radius:999px;background:#edf1e7;padding:4px 10px}
.category-selection-actions{padding:18px 22px;background:#f0f2e9;border-radius:18px;margin-top:22px}
.category-selection-actions .primary-button{border-radius:12px;min-height:48px}
.home-extra-path,.home-library-settings{background:transparent;border-color:#e3e6db;border-radius:16px}
.home-listening button:focus-visible,.category-open:focus-visible,.nav-button:focus-visible{outline:3px solid #3a7954;outline-offset:4px}
@media(max-width:900px){.home-listening{grid-template-columns:minmax(0,1fr) 260px;gap:0 18px}.home-today-list{grid-template-columns:1fr}.home-playlist{padding:20px}}
@media(max-width:680px){.site-header{padding:20px 18px 0;row-gap:14px}.nav-button{padding-inline:12px}.home-listening{grid-template-columns:1fr;gap:20px;margin:24px 0 34px}.home-today-list{margin:0;gap:12px}.home-playlist{grid-column:1;grid-row:auto;padding:20px}.home-today-card{padding:20px;border-radius:20px}.home-today-actions button{flex:1}.home-playlist-actions{grid-template-columns:1fr 1fr;gap:8px}.home-playlist-actions button{font-size:.875rem;padding-inline:10px}.workspace[data-view=library] .resume-learning{padding:22px 18px;border-radius:22px}.workspace[data-view=library] .resume-character{width:64px;height:78px}.workspace[data-view=library] .library-heading{text-align:start;justify-content:start}.learning-category-card{border-radius:20px;padding:12px}#library-categories{gap:12px}.category-open{min-height:112px;grid-template-columns:76px minmax(0,1fr);gap:4px 12px}.category-art-wrap{width:76px;height:88px}.category-selection-actions{padding:16px;gap:14px}.category-selection-actions p{flex-basis:100%}.category-selection-actions .primary-button{flex:1}}
@media(prefers-reduced-motion:reduce){.learning-category-card{transition:none}}
html[data-theme=dark] body:has(.workspace[data-view=library]){background:var(--paper)}
html[data-theme=dark] .home-today-card,html[data-theme=dark] .learning-category-card{background:var(--surface);border-color:var(--line)!important}
html[data-theme=dark] .home-playlist,html[data-theme=dark] .category-selection-actions,html[data-theme=dark] .learning-category-card.is-selected{background:var(--soft);border-color:var(--line)}
html[data-theme=dark] .home-playlist p,html[data-theme=dark] .home-playlist li,html[data-theme=dark] .home-today-card>span{color:var(--muted)}
/* Shared learning layout: prominent language controls and consistent saved views. */
body{background:#faf8f2}
.workspace{max-width:1180px;margin-inline:auto;padding-top:30px}
.site-header .home-language-settings,.site-header .home-language-settings[open]{width:100%;max-width:none;margin:0;border:1px solid #b9d2bb;border-radius:20px;background:#edf4e8;overflow:hidden}
.site-header .home-language-settings>summary{padding:18px 22px;min-height:58px;color:#174e3e;font-size:1.15rem;font-weight:750;line-height:1.5}
.site-header .home-language-settings[open]>summary{border-bottom:1px solid #d3e2ce}
.site-header .home-language-settings .language-pair{padding:18px 22px;gap:14px;align-items:center}
.site-header .home-language-settings .site-language{background:#fffefa;border:1px solid #d3dfce;border-radius:12px;padding:10px 12px;gap:8px;font-size:.9rem;font-weight:650;color:#174e3e;min-width:0}
.site-header .home-language-settings .site-language select{width:100%;min-height:48px;background:#fffefa;color:#203a2b;border:1px solid #b9cdb7;border-radius:9px;font-size:1rem;padding-inline:10px}
.site-header .home-language-settings .language-search-trigger{min-width:44px;min-height:48px;border-radius:9px}
.site-header .home-language-settings .language-pair-readiness{margin:0;line-height:1.7;color:#3e5948}
.site-header .home-language-settings summary:focus-visible,.site-header .home-language-settings .site-language select:focus-visible{outline:3px solid #3a7954;outline-offset:-3px}
.profile-heading,.collection-heading,.reader-top{gap:18px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e1e6d9}
.profile-heading h1,.collection-heading h1,.reader-top h1,#words-view h2{letter-spacing:-.035em;line-height:1.3}
.profile-account,.profile-panel,.wordbook-card,.wordbook-filter-panel,.collection-empty{background:#fffefa;border:1px solid #e1e6d9;border-radius:20px;padding:24px}
.profile-insights{gap:20px}.profile-metrics{gap:14px}.profile-note,.wordbook-note{line-height:1.8}
.collection-toolbar,.wordbook-view-options,.wordbook-scope,.reader-settings{gap:14px;flex-wrap:wrap}
.collection-toolbar button,.wordbook-view-options button,.account-actions button{min-height:44px;border-radius:12px}
.reader-top{max-width:100%}.sentence{padding:22px;border-radius:18px;background:#fffefa;line-height:1.85}.sentence p{overflow-wrap:anywhere}
.site-footer{max-width:1180px;margin-inline:auto;padding-inline:24px;color:var(--muted)}
@media(max-width:680px){.workspace{padding-top:22px}.site-header .home-language-settings>summary{padding:15px 16px;font-size:1.1rem}.site-header .home-language-settings .language-pair{padding:14px;gap:10px}.site-header .home-language-settings .site-language{padding:9px;font-size:.8rem}.site-header .home-language-settings .site-language select{font-size:.9rem;padding-inline:6px}.profile-account,.profile-panel,.wordbook-card,.wordbook-filter-panel,.collection-empty{padding:18px;border-radius:18px}.profile-insights{grid-template-columns:1fr}.sentence{padding:18px}.profile-heading,.collection-heading{flex-wrap:wrap}}
html[data-theme=dark] body{background:var(--paper)}
html[data-theme=dark] .site-header .home-language-settings{background:var(--soft);border-color:var(--line)}
html[data-theme=dark] .site-header .home-language-settings>summary,html[data-theme=dark] .site-header .home-language-settings .site-language,html[data-theme=dark] .site-header .home-language-settings .site-language select{color:var(--ink)}
html[data-theme=dark] .site-header .home-language-settings .site-language,html[data-theme=dark] .site-header .home-language-settings .site-language select,html[data-theme=dark] .profile-account,html[data-theme=dark] .profile-panel,html[data-theme=dark] .wordbook-card,html[data-theme=dark] .wordbook-filter-panel,html[data-theme=dark] .collection-empty,html[data-theme=dark] .sentence{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .site-header .home-language-settings[open]>summary,html[data-theme=dark] .profile-heading,html[data-theme=dark] .collection-heading,html[data-theme=dark] .reader-top{border-color:var(--line)}
html[data-theme=dark] .site-header .home-language-settings .language-pair-readiness{color:var(--muted)}

/* A wider learning library, compact resume prompt and right-side language menu. */
.site-header{max-width:1600px;padding-inline:32px;grid-template-columns:minmax(0,1fr) auto auto;column-gap:16px;row-gap:16px}
.site-header .brand{grid-column:1;grid-row:1;justify-self:start}
.site-header .profile-menu{grid-column:2;grid-row:1}
.site-header .home-language-settings,.site-header .home-language-settings[open]{grid-column:3;grid-row:1;justify-self:end;position:relative;width:auto;max-width:none;margin:0;overflow:visible;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.site-header .home-language-settings>summary{min-height:44px;padding:10px 16px;font-size:.95rem;border:0;line-height:24px;white-space:nowrap}
.site-header .home-language-settings[open]>summary{border-bottom:0}
.site-header .home-language-settings .language-pair{position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:30;width:min(560px,calc(100vw - 36px));padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px #173e3220;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.site-header .home-language-settings select.language-flag-select{background-repeat:no-repeat;background-size:24px 18px;background-position:left 8px center;padding-inline-start:40px}
[dir=rtl] .site-header .home-language-settings select.language-flag-select{background-position:right 8px center}
.workspace,.workspace[data-view=library],.site-footer{max-width:1600px;padding-inline:32px}
.workspace[data-view=library] .reading-main{padding-top:8px}
.workspace[data-view=library] .resume-learning{display:flex;align-items:center;gap:16px;padding:16px 20px;margin:0 0 18px;border:1px solid #d9e4d3;border-radius:16px;background:#eef4e9;color:var(--ink);box-shadow:none}
.workspace[data-view=library] .resume-character{display:none}
.workspace[data-view=library] .resume-copy{flex:1;min-width:0}
.workspace[data-view=library] .resume-title{font-size:1.05rem;line-height:1.5;margin:0 0 4px;color:var(--ink)}
.workspace[data-view=library] .resume-detail{font-size:.9rem;margin:0;color:var(--muted)}
.workspace[data-view=library] .resume-copy small{display:none}
.workspace[data-view=library] .resume-actions{display:flex;flex-direction:row;gap:8px;flex-shrink:0}
.workspace[data-view=library] .resume-actions button{min-height:44px;font-size:.9rem;border-radius:10px;white-space:nowrap}
.workspace[data-view=library] .resume-actions .primary-button{background:var(--pine);color:#fff}
.workspace[data-view=library] .resume-actions .text-button{color:var(--ink)}
#home-listening{display:none}
html[data-theme=dark] .workspace[data-view=library] .resume-learning{background:var(--soft);border-color:var(--line)}
@media(max-width:680px){.site-header{padding:16px 18px 0;column-gap:8px;grid-template-columns:minmax(0,1fr) auto auto}.site-header .brand-mark{width:36px;height:36px}.site-header .brand-wordmark{font-size:1.35rem!important}.site-header .brand-credit{font-size:.6rem!important}.site-header .profile-menu{padding:8px}.site-header .profile-menu span{display:none!important}.site-header .home-language-settings>summary{padding:10px;font-size:.85rem}.site-header .home-language-settings .language-pair{grid-template-columns:1fr;padding:14px}.site-header .home-language-settings .site-language{grid-column:1;grid-row:auto}.site-header .home-language-settings .language-arrow{display:none}.site-header .home-language-settings .site-language>span{width:auto}.site-header .home-language-settings .site-language select{width:100%}.workspace,.workspace[data-view=library],.site-footer{padding-inline:18px}.workspace[data-view=library] .resume-learning{flex-wrap:wrap;padding:14px;gap:10px}.workspace[data-view=library] .resume-copy{flex-basis:100%}.workspace[data-view=library] .resume-actions{width:100%;justify-content:flex-start}.workspace[data-view=library] .resume-title{font-size:1rem}}
@media(max-width:680px){.site-header .home-language-settings .language-pair>.site-language{grid-column:1!important;grid-row:auto!important}.site-header .home-language-settings .language-pair{max-height:calc(100dvh - 100px);overflow-y:auto}.site-header .home-language-settings .language-pair>.site-language select{min-width:0}}

/* Desktop type scale: comfortable reading without changing the mobile layout. */
@media(min-width:901px){
  :root{font-size:112.5%}
  body{line-height:1.65}
  .site-header .nav-button,.site-header .settings-button,.site-header .profile-menu,
  .site-header .home-language-settings>summary,
  .workspace button:not(.vocab-word):not(.sentence-toggle),
  .workspace input,.workspace select{font-size:.944444rem;line-height:1.5}
  .workspace .library-filters label,.workspace .library-folder-field,
  .workspace .library-select-all,.workspace .library-select,
  .workspace .home-library-settings>summary,
  .workspace .listening-fields label,.workspace .translation-toggle,
  .workspace .auto-next-toggle,.workspace .reader-path{font-size:.944444rem;line-height:1.6}
  .workspace .article-summary,.workspace .story-card h2{font-size:1rem}
  .workspace .library-result-line,.workspace .library-time-note,
  .workspace .category-counts,.workspace .category-counts>span,
  .workspace .story-category,.workspace .story-bottom,
  .workspace .source-byline,.workspace .article-meta,
  .workspace .reading-tip,.workspace .sidebar-note p,
  .workspace .folder-chip small,.workspace .saved-hint{font-size:.833333rem;line-height:1.7}
  .workspace[data-view=library] .resume-title{font-size:1.111111rem}
  .workspace[data-view=library] .resume-detail{font-size:.944444rem}
  .workspace .category-open h2{font-size:1.333333rem;line-height:1.5}
  .site-header .home-language-settings .site-language{font-size:.888889rem}
  .site-header .home-language-settings .site-language select{font-size:1rem}
  .site-footer{font-size:.833333rem;line-height:1.7}
}
/* Search is an optional disclosure next to the topic heading. */
.workspace[data-view=library] .library-heading{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:start;margin-bottom:24px}
.workspace[data-view=library] .library-heading h1{margin:0}
.workspace[data-view=library] .library-heading p{margin-bottom:0}
.workspace[data-view=library] .library-heading .home-library-settings{position:static;flex-shrink:0;margin:0;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.workspace[data-view=library] .home-library-settings>summary{min-height:44px;padding:9px 14px;font-size:.944444rem;color:var(--pine);font-weight:600;cursor:pointer;white-space:nowrap}
.workspace[data-view=library] .home-library-settings .library-control-panel{position:absolute;inset-inline-end:0;top:calc(100% + 10px);z-index:20;width:min(800px,100%);border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 14px 40px #173e3220;max-height:calc(100dvh - 140px);overflow-y:auto}
@media(max-width:680px){.workspace[data-view=library] .library-heading{align-items:flex-start;gap:10px}.workspace[data-view=library] .library-heading h1{font-size:1.5rem}.workspace[data-view=library] .library-heading p{font-size:.875rem}.workspace[data-view=library] .home-library-settings>summary{font-size:.875rem;padding-inline:10px}}
.home-date-shortcuts{margin:0 0 22px}
.home-date-shortcuts .registration-toolbar{padding:0;border:0;background:transparent;justify-content:flex-start}
.home-date-shortcuts .registration-toolbar p{margin-inline-start:auto}
.workspace .registration-toolbar .registration-calendar{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0!important;background:transparent!important;border-radius:8px;color:var(--pine)}
.workspace .registration-toolbar .registration-calendar:hover,.workspace .registration-toolbar .registration-calendar[aria-pressed=true]{background:var(--soft)!important}
.workspace [data-registration-custom]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;background:var(--soft);border-radius:12px}
.workspace [data-registration-custom] label{display:grid;gap:5px}
.workspace [data-registration-error]{flex-basis:100%}
@media(min-width:901px){.site-header{position:relative}.site-header .brand{position:absolute;left:50%;top:22px;transform:translateX(-50%);margin:0}.site-header .brand strong{font-size:28px}.site-header .brand-credit{font-size:13px!important}}
@media(max-width:680px){.home-date-shortcuts .registration-toolbar{gap:6px}.home-date-shortcuts .registration-toolbar p{flex-basis:100%;margin-inline-start:0}}
.site-header .home-language-settings .language-pair-readiness,.site-header .home-language-settings .language-pair-readiness-details{display:none}
/* Keep personal learning destinations together. */
.site-header .learning-steps .nav-saved{display:flex;align-items:center;flex:0 0 auto;gap:8px;margin-inline-start:auto;padding-inline-start:0;border-inline-start:0}
.site-header .learning-steps .nav-saved .profile-menu{position:static;order:0;min-height:44px;margin:0;transform:none;gap:6px}
.site-header .learning-steps .nav-saved button{white-space:nowrap}
.site-header .learning-steps .nav-saved .profile-menu span{display:inline!important}
@media(max-width:760px){.site-header .learning-steps{flex-wrap:wrap;gap:8px}.site-header .learning-steps .nav-main{flex:1 1 100%}.site-header .learning-steps .nav-saved{min-width:0;gap:4px}.site-header .learning-steps .nav-saved button{padding:8px;font-size:14px}.site-header .learning-steps .nav-saved .nav-label{white-space:nowrap!important;overflow-wrap:normal!important}}

.workspace[data-view=library] .home-date-shortcuts,.workspace[data-view=library] #library-count{display:none!important}

/* Always-visible, compact learning filters. */
.workspace[data-view=library] .library-heading{flex-wrap:wrap;gap:18px}
.workspace[data-view=library] .library-heading .home-library-settings{flex:1 0 100%;width:100%;border:0;background:transparent;border-radius:0}
.workspace[data-view=library] .home-library-settings>summary{display:none}
.workspace[data-view=library] .home-library-settings .library-control-panel{position:static;width:100%;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.workspace[data-view=library] .home-library-settings .library-filters{padding:0;gap:12px;background:transparent}
.workspace[data-view=library] .home-library-settings .registration-toolbar{padding:12px 0 0;margin:0;border:0;background:transparent;gap:8px}
.workspace[data-view=library] .home-library-settings .registration-toolbar p{margin:0 0 0 auto;font-size:13px}
.workspace[data-view=library] .home-library-settings .registration-presets button{min-height:40px;padding:7px 13px;border:1px solid var(--line);border-radius:8px}
@media(max-width:680px){.workspace[data-view=library] .home-library-settings .library-filters{grid-template-columns:1fr 1fr}.workspace[data-view=library] .home-library-settings .search-field{grid-column:1/-1}.workspace[data-view=library] .home-library-settings .registration-toolbar p{flex-basis:100%;margin:2px 0 0}}
.site-header .home-language-settings>summary{display:none}
.site-header .home-language-settings{border:0;background:transparent;min-width:0}
.site-header .home-language-settings .language-pair{position:static;display:flex;width:auto;max-width:none;padding:8px 10px;box-shadow:none;border:1px solid var(--line);border-radius:12px;gap:8px;background:var(--surface)}
.site-header .home-language-settings .site-language{min-width:0;gap:6px}
.site-header .home-language-settings .site-language select{width:145px;min-width:0}
@media(max-width:900px){.site-header .home-language-settings{grid-column:1/-1;grid-row:3;justify-self:end;margin-bottom:12px}.site-header .home-language-settings .site-language select{width:110px}.site-header .home-language-settings .language-pair{flex-wrap:wrap}}
.site-header .home-language-settings[open]{border:0;background:transparent}
.site-header .home-language-settings .site-language{display:grid;grid-template-columns:minmax(0,1fr) 32px;padding:0;border:0;background:transparent;gap:4px}
.site-header .home-language-settings .site-language>span{grid-column:1/-1;font-size:13px}
.site-header .home-language-settings .site-language select{min-height:40px;width:135px;font-size:15px}
.site-header .home-language-settings .language-search-trigger{min-width:32px;min-height:40px}
@media(max-width:900px){.site-header .home-language-settings,.site-header .home-language-settings[open]{grid-column:1/-1;grid-row:3;justify-self:end;margin-bottom:12px}.site-header .home-language-settings .site-language select{width:110px}}

.workspace[data-view=library] .home-library-settings .registration-toolbar>p{display:none!important}

@media(min-width:901px){.workspace[data-view=library] .home-library-settings .library-control-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.workspace[data-view=library] .home-library-settings .library-filters{display:grid;grid-template-columns:minmax(200px,1fr) 155px 155px;flex:1;min-width:0;margin:0;padding:0;gap:10px}.workspace[data-view=library] .home-library-settings .library-filters label{margin:0;gap:0}.workspace[data-view=library] .home-library-settings .registration-toolbar{flex:0 0 auto;margin:0;padding:0;gap:6px}.workspace[data-view=library] .home-library-settings .library-filters input,.workspace[data-view=library] .home-library-settings .library-filters select{min-height:44px;height:44px}.workspace[data-view=library] .home-library-settings [data-registration-custom]{flex-basis:100%}}