/* Every optional override is scoped. Normal + standard font matches the original UI. */
html[data-app-theme=amber] :is(.app-support-heading,.grouphead,.app-wiki-toolbar){background-image:linear-gradient(#f4cd6110,transparent 65%)}
html[data-app-theme=fancy] .scene-bar .nav button:nth-child(4n+1){color:#bce4d5}html[data-app-theme=fancy] .scene-bar .nav button:nth-child(4n+2){color:#cfbfea}html[data-app-theme=fancy] .scene-bar .nav button:nth-child(4n+3){color:#f0d2ac}html[data-app-theme=fancy] .scene-bar .nav button:nth-child(4n+4){color:#e5b9cc}
html[data-app-theme=fancy] .app-wiki-group:nth-child(3n+1)>summary{color:#bce4d5}html[data-app-theme=fancy] .app-wiki-group:nth-child(3n+2)>summary{color:#e5b9cc}html[data-app-theme=fancy] .app-wiki-group:nth-child(3n)>summary{color:#c6c5ed}
html[data-app-theme=light] :is(.scene-bar .nav,.grouphead) img.preview-icon,html[data-app-theme=light] :is(.sandbox-parameter-caption,.sandbox-composer-tools label)>img{filter:brightness(.4)}
html[data-app-theme=light] :is(.status-badge,.pill[data-status]){background:#20242b!important}
html[data-app-theme] .unread-dot{background:var(--app-semantic-accent)}html[data-app-theme] .progress-state-icon.unread{color:var(--app-semantic-accent)}
html[data-app-font=small]{--app-font-step:-1px;--aux-font:10px}html[data-app-font=large]{--app-font-step:1px;--aux-font:12px}html[data-app-font=larger]{--app-font-step:2px;--aux-font:13px}
html[data-app-font]:not([data-app-font=normal]) :is(.scene-bar .nav button,.grouphead strong,.tab,.sandbox-parameter-caption,.property>span:first-child,.sandbox-name-label,.sandbox-meta-row label,.sandbox-property-content :is(input,select,textarea),.sandbox-composer-tools :is(input,select,button),.sandbox-text-properties button,.sandbox-comment-meta,.sandbox-comment-title,.chat-compose-tools button,.item-list-option,.home-filter-row,.home-folder-picker,.file-thumbnail-control,.user-panel-content :is(input,select,button),.user-list-controls button){font-size:calc(11px + var(--app-font-step))!important;line-height:1.45}
html[data-app-font]:not([data-app-font=normal]) :is(.row .label strong,.home-scene strong,.folder-image strong,.user-list-row strong){font-size:calc(12px + var(--app-font-step))!important;line-height:1.45}
html[data-app-font]:not([data-app-font=normal]) :is(.row .label small,.home-scene .muted,.preview-note,.user-list-row small,#hint,#screen-help-bar){font-size:calc(10px + var(--app-font-step))!important;line-height:1.45}
html[data-app-font]:not([data-app-font=normal]) .top .brand strong{font-size:calc(14px + var(--app-font-step))!important}
html[data-app-font]:not([data-app-font=normal]) .app-support-dialog :is(button:not(.app-support-close),input,select,textarea,.app-setting-row strong){font-size:calc(12px + var(--app-font-step))!important}
html[data-app-font]:not([data-app-font=normal]) .app-support-dialog :is(small,.app-setting-detail,.app-support-lead,.app-support-note p,.app-support-footer>span,.app-setting-row small){font-size:calc(11px + var(--app-font-step))!important}
html[data-app-font]:not([data-app-font=normal]) .app-support-dialog .app-guide-section p{font-size:calc(13px + var(--app-font-step))!important}
html[data-app-font]:not([data-app-font=normal]) .app-support-content h2{font-size:calc(21px + var(--app-font-step))!important}html[data-app-font]:not([data-app-font=normal]) .app-support-content h3{font-size:calc(14px + var(--app-font-step))!important}
html[data-app-font]:not([data-app-font=normal]) :is(.themed-options,.audience-popup,.mention-picker) :is(button,label){height:auto;line-height:1.4!important;min-height:calc(22px + var(--app-font-step))!important}
html[data-app-font=large] .sandbox-text-properties{--property-label-width:92px}html[data-app-font=larger] .sandbox-text-properties{--property-label-width:100px}
html[data-app-font=large] .sandbox-text-properties :is(.sandbox-name-label,.sandbox-meta-row>label){--property-label-width:100px}html[data-app-font=larger] .sandbox-text-properties :is(.sandbox-name-label,.sandbox-meta-row>label){--property-label-width:108px}
html:is([data-app-font=large],[data-app-font=larger]) .sandbox-text-properties .sandbox-effects>label{--property-label-width:58px}