:root{font-size:calc(16px * var(--text-scale,1))}
.font-settings-button{min-height:36px;padding:7px 10px;font-size:calc(11px * var(--text-scale,1));gap:6px}
.font-controls{min-width:0}.font-controls .setting-row{gap:14px}.font-controls .setting-row>span{min-width:0}.font-controls select{flex-shrink:0;max-width:48%}.font-controls .setting-row small{overflow-wrap:anywhere}
.font-preview{border:1px solid var(--line);border-radius:8px;padding:16px;margin:18px 0;background:var(--bg);overflow-wrap:anywhere}.font-preview>b{font-size:calc(12px * var(--text-scale,1));font-weight:500;color:var(--muted)}.font-controls .font-preview .font-interface-preview{font-size:calc(14px * var(--text-scale,1));line-height:1.8;margin:10px 0}.font-controls .font-preview .font-reading-preview{font-size:calc(var(--reading-size,18px) * var(--text-scale,1));line-height:1.9;margin:10px 0}.font-preview small{font-size:calc(11px * var(--text-scale,1));line-height:1.8;color:var(--muted)}
.sidebar{overflow-y:auto}.font-controls>.btn{white-space:normal}
@media(max-width:760px){.font-settings-button{min-width:35px;padding:7px}.font-settings-button>span{display:none}.top-actions{gap:10px}.font-controls .setting-row{align-items:flex-start;gap:10px}.font-controls .setting-row select{margin-top:3px;max-width:47%}.font-preview{padding:12px}}
@media(max-width:760px){.course-toolbar .scroll-tabs{max-width:100%}}
@media(max-width:760px){main>.tabs{max-width:100%;overflow-x:auto}main>.tabs>button{flex-shrink:0}}
.font-controls .font-storage-status{font-size:calc(12px * var(--text-scale,1));color:#536d4c;line-height:1.9}.font-controls .font-save-error{color:#945345}