.public-filters{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.public-filters label{display:flex;flex:1 1 170px;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}
.public-filters select{width:100%;min-width:0}
#publicStudyHost .study-tabs,#publicStudyHost .study-information,#publicStudyHost .study-sharing,#publicStudyHost #analysisWarnings,#publicStudyHost #extraProgressStatus{display:none}
#publicStudyHost .study-heading-copy{display:none}
#publicStudyHost .study-heading{justify-content:flex-end}
#publicStudyHost .study-header-card{margin-top:16px}
.public-source{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:.85rem}
.public-source span{min-width:0;overflow-wrap:anywhere}
#publicStudyHost .expression-source{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.public-filters{padding:12px;gap:10px}.public-filters label{flex-basis:100%}.public-source{align-items:flex-start;flex-direction:column}#publicStudyHost .expression-row-summary{flex-wrap:wrap}}
.public-levels{flex-basis:100%;min-width:0;margin:0;padding:0 0 12px;border:0;border-bottom:1px solid var(--line)}
.public-levels legend{font-size:.85rem;color:var(--muted);margin-bottom:10px}
.public-levels>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.public-levels label.toggle-chip{flex:none;display:flex;flex-direction:row;align-items:center;gap:7px;color:var(--text);font-size:.85rem;min-height:40px;cursor:pointer}
.public-levels label:has(input:checked){background:var(--primary-soft);border-color:var(--primary)}
#publicAllLevels[aria-pressed="true"]{background:var(--primary-soft);border-radius:8px;padding:10px;color:var(--primary)}
#publicStudyHost #studyLevelFilter{display:none}
#publicModeHelp{flex-basis:100%;margin:0;font-size:.8rem;line-height:1.6}

/* Compact primary filters; source and display options expand only when needed. */
.public-filters{align-items:center;gap:8px 14px;margin:10px 0 8px;padding:10px 12px;border-radius:12px}
.public-levels{flex:1 1 390px;border:0;padding:0}
.public-levels legend{font-size:.76rem;margin-bottom:5px}
.public-levels>div{gap:5px}
.public-levels label.toggle-chip{min-height:34px;padding:5px 8px;gap:5px;font-size:.8rem}
#publicAllLevels{min-height:34px;font-size:.8rem}
#publicAllLevels[aria-pressed="true"]{padding:7px 10px}
.public-filters .public-mode-label{flex:0 1 240px;min-width:170px}
.public-filters select{min-height:36px;padding:6px 9px;font-size:.83rem}
.public-advanced{flex:0 1 auto;min-width:90px;font-size:.82rem;color:var(--muted)}
.public-advanced>summary{cursor:pointer;padding:8px 4px;min-height:36px}
.public-advanced[open]{flex-basis:100%;border-top:1px solid var(--line);padding-top:5px}
.public-advanced-fields{display:flex;flex-wrap:wrap;gap:10px;padding:5px 0 2px}
.public-advanced-fields>label{flex:1 1 180px;gap:4px;font-size:.78rem}
#publicStudyHost .study-header-card{margin-top:8px}
#publicStudyHost .study-expression-tools{padding:10px 12px;gap:8px}
#publicStudyHost .study-expression-filters{gap:8px}
#publicStudyHost .study-expression-filters select{min-height:36px;font-size:.83rem;padding:6px 9px;max-width:190px}
#publicStudyHost .study-expression-filters input{min-height:36px;font-size:.85rem}
@media(max-width:600px){
 .public-levels{flex-basis:100%}
 .public-filters .public-mode-label{flex:1 1 170px}
 .public-advanced{flex:0 0 auto}
 .public-advanced[open]{flex-basis:100%}
 .public-advanced-fields>label{flex:1 1 140px}
 .public-levels label.toggle-chip{padding:5px 7px}
 #publicStudyHost .study-expression-filters select{max-width:none;min-width:0}
}
/* Neutral resting controls; explicit filled state only after selection. */
.expression-extra .marker{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:500;box-shadow:none;font-size:.85rem}
.expression-extra .marker[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);font-weight:650}
.expression-card.is-confused .expression-extra .marker[data-action="confused"][aria-pressed="true"]{background:var(--dm-tint-purple,#f3e8ff);color:var(--dm-purple,#6b21a8);border-color:var(--dm-border-purple,#ad82ce)}
.expression-extra [data-action="status"][aria-pressed="true"]{background:var(--surface-soft);color:var(--text);border-color:var(--muted)}
.toggle-chip:has(input:checked){background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}
.public-review-switch{display:flex;flex-basis:100%;flex-wrap:wrap;gap:5px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.public-review-switch button{border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);padding:8px 11px;min-height:38px;font-size:.83rem}
.public-review-switch button[aria-pressed="true"]{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);font-weight:650}
.public-review-switch button:focus-visible,.expression-extra button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
#publicStudyHost .expression-row.is-mastered{background:var(--surface-soft);border-color:var(--line);border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:none}
#publicStudyHost .expression-row.is-mastered .expression-source{color:var(--muted)}
.expression-extra button[aria-expanded="true"]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}
.select-expression:has(input:checked){color:var(--primary);font-weight:650}
/* Keep the review list above the fold; own lesson headers remain unchanged. */
#publicStudyHost .study-heading{display:none}
#publicStudyHost .public-filters{gap:7px 10px;padding:8px 10px;margin:8px 0 6px}
#publicStudyHost .public-review-switch{flex:0 1 auto;border:0;padding:0;gap:3px}
#publicStudyHost .public-review-switch button{min-height:36px;padding:7px 9px;white-space:nowrap}
#publicStudyHost .public-levels{flex:1 1 320px}
#publicStudyHost .public-levels legend{float:left;font-size:.76rem;line-height:34px;margin:0 8px 0 0}
#publicStudyHost .public-levels>div{gap:4px}
#publicStudyHost .public-mode-label{flex:0 1 215px;min-width:155px}
#publicStudyHost .public-advanced{min-width:75px}
#publicStudyHost .public-advanced[open]{flex-basis:100%}
#publicStudyHost .study-header-card{display:flex;align-items:center;flex-wrap:wrap;margin-top:0}
#publicStudyHost .study-listening-bar{flex:1 1 420px;border:0;padding:8px 10px;gap:8px;align-items:center}
#publicStudyHost .study-speed-repeat{gap:10px;flex:0 1 auto}
#publicStudyHost .study-speed-repeat label{display:flex;align-items:center;gap:6px;min-width:0;font-size:.8rem;white-space:nowrap}
#publicStudyHost .study-speed-repeat label:last-child{min-width:0}
#publicStudyHost .study-speed-repeat select{width:auto;max-width:155px;min-height:36px;font-size:.82rem;padding:5px 8px}
#publicStudyHost .study-playback-actions{gap:5px;flex:0 1 auto}
#publicStudyHost .study-playback-actions .btn{min-height:36px;padding:6px 9px;font-size:.8rem}
#publicStudyHost .study-options{border:0;flex:0 0 auto}
#publicStudyHost .study-options>summary{padding:9px 12px;font-size:.8rem;min-height:36px}
#publicStudyHost .study-options>summary span{display:none}
#publicStudyHost .study-options[open]{flex-basis:100%;border-top:1px solid var(--line)}
#publicStudyHost .study-now-playing{display:none;order:3;flex-basis:100%;padding:0 10px 8px;margin:0}
#publicStudyHost:has(#audioDock:not(.hidden)) .study-now-playing{display:flex}
#publicStudyHost .study-expression-tools{display:flex;flex-wrap:wrap;align-items:center;padding:8px 10px;gap:6px 10px;margin-top:6px}
#publicStudyHost .study-expression-filters{flex:1 1 480px;gap:6px}
#publicStudyHost .study-expression-filters .toolbar-search{flex:1 1 160px;min-width:130px;max-width:300px}
#publicStudyHost .study-expression-filters select{flex:0 1 155px;min-width:120px;max-width:170px}
#publicStudyHost .study-expression-filters .text-btn{margin-left:0}
#publicStudyHost .study-expression-selection{border:0;padding:0;gap:6px;flex:0 1 auto}
#publicStudyHost .study-expression-selection .btn{min-height:36px;padding:6px 8px;font-size:.8rem}
#publicStudyHost .study-expression-selection #playSelectedBtn{margin-left:0;flex:0 1 auto}
#publicStudyHost .list-pagination{margin:6px 0;gap:10px}
#view-community .page-head{margin-bottom:8px}
#view-community #communityLoadStatus{display:inline-block;margin:0 10px 4px 0;font-size:.8rem}
@media(max-width:760px){
 #publicStudyHost .study-listening-bar{flex:1 1 100%;flex-wrap:wrap;gap:7px}
 #publicStudyHost .study-speed-repeat{flex:1 1 auto}
 #publicStudyHost .study-speed-repeat label{flex:0 1 auto}
 #publicStudyHost .study-playback-actions{flex:0 1 auto}
 #publicStudyHost .study-playback-actions .btn{flex:0 1 auto;min-height:40px}
 #publicStudyHost .study-expression-filters{flex-basis:100%}
 #publicStudyHost .study-expression-filters .toolbar-search{max-width:none}
 #publicStudyHost .study-expression-selection{flex:1 1 auto}
}
@media(max-width:600px){
 #publicStudyHost .public-review-switch{flex-basis:100%}
 #publicStudyHost .public-levels{flex-basis:100%}
 #publicStudyHost .public-levels legend{float:none;line-height:1.4;margin-bottom:4px}
 #publicStudyHost .public-mode-label{flex:1 1 180px}
 #publicStudyHost .study-expression-filters .toolbar-search{flex-basis:100%}
 #publicStudyHost .study-expression-filters select{flex:1 1 120px;max-width:none}
 #publicStudyHost .study-expression-selection{flex-wrap:wrap}
}