.quick-settings{position:fixed;z-index:210;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 16px 48px #0007;color:var(--text);font-size:13px}
.quick-settings button{cursor:pointer;color:inherit;font:inherit}
.quick-settings button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.quick-settings button:disabled{opacity:.4;cursor:default}
.quick-settings-mode{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;font-weight:800;border-bottom:1px solid var(--line)}
.quick-mode-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--muted)}
.quick-mode-icon svg{width:21px;height:21px}
.quick-settings-font{padding:14px 16px 16px;border-bottom:1px solid var(--line)}
.quick-settings-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.quick-settings-label button{display:grid;place-items:center;width:24px;height:24px;border:0;background:transparent;color:var(--muted)}
.quick-settings-label svg{width:14px;height:14px}
.quick-font-controls{display:flex;align-items:center;justify-content:space-between;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--surface2)}
.quick-font-controls button{display:grid;place-items:center;width:32px;height:32px;background:#ffffff06;border:1px solid var(--line);border-radius:8px;color:var(--muted);font:400 20px/1 Inter,sans-serif}
.quick-font-controls button:hover:enabled{background:#ffffff10;color:var(--text)}
.quick-font-controls output{font-weight:800;font-size:13px;font-family:Inter,sans-serif}
.quick-settings-actions{padding:12px 12px 10px;display:grid;gap:6px}
.quick-install{display:flex;justify-content:center;align-items:center;gap:8px;min-height:36px;width:100%;background:var(--surface2);border:1px solid var(--line);border-radius:10px;font-weight:700!important}
.quick-install svg{width:16px;height:16px;color:var(--muted)}
#quick-advanced{border:0;background:transparent;color:var(--muted);font-size:11px;padding:5px}
#quick-advanced:hover{color:var(--text)}
.round.settings-active{color:#7771ff;border-color:#6366f1;background:#6366f115}
.install-guide ol{padding-inline-start:22px}.install-guide li{margin:12px 0}
.statement-copy{font-size:var(--font-size)}
[data-theme-toggle] .ui-icon{color:#94a3b8;width:18px;height:18px;stroke-width:1.8}
.light [data-theme-toggle] .ui-icon{color:#64748b}

/* Header hover colors from the original site's saved navigation styles. */
.topbar .nav a{transition:color .3s,background .3s,box-shadow .3s}
.topbar .brand small,.topbar .utilities .round,.topbar .profile{transition:color .3s,background .3s,border-color .3s,box-shadow .3s}
.topbar .utilities .round .ui-icon{transition:color .3s,transform .5s}
.topbar .nav a:hover,.topbar .nav a:focus-visible{color:#fff}
.topbar .brand:hover small,.topbar .brand:focus-visible small{color:#6366f1}
.topbar .utilities .round:hover,.topbar .utilities .round:focus-visible{background:var(--surface);border-color:#6366f166;color:#6366f1}
.topbar .utilities [data-theme-toggle]:hover,.topbar .utilities [data-theme-toggle]:focus-visible{border-color:#475569}
.topbar .utilities [data-theme-toggle]:hover .ui-icon,.topbar .utilities [data-theme-toggle]:focus-visible .ui-icon{color:#fbbf24}
.topbar #settings.settings-active .ui-icon{transform:rotate(90deg)}
.topbar #settings.settings-active{background:var(--surface);border-color:#6366f199;color:#6366f1}
.topbar #notifications:hover,.topbar #notifications:focus-visible{color:#fff;border-color:#475569}
.topbar .profile:hover,.topbar .profile:focus-visible{background:#ffffff0d;border-color:#ffffff1a;color:#fff}
.topbar .nav a:focus-visible,.topbar .brand:focus-visible,.topbar .utilities button:focus-visible{outline:2px solid #818cf8;outline-offset:3px}
.light .topbar .nav a:hover,.light .topbar .nav a:focus-visible{color:#0f172a}
.light .topbar .utilities .round{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0f172a0d}
.light .topbar .utilities .round:hover,.light .topbar .utilities .round:focus-visible{background:#fff;border-color:#6366f166;color:#6366f1;box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -2px #0f172a1a}
.light .topbar .utilities [data-theme-toggle]:hover,.light .topbar .utilities [data-theme-toggle]:focus-visible{border-color:#fbbf24;color:#f59e0b}
.light .topbar .utilities [data-theme-toggle]:hover .ui-icon,.light .topbar .utilities [data-theme-toggle]:focus-visible .ui-icon{color:#f59e0b}
.light .topbar .profile:hover,.light .topbar .profile:focus-visible{background:#fff;border-color:#e2e8f0;color:#0f172a;box-shadow:0 1px 2px #0f172a0d}
.light .topbar #settings.settings-active{background:#6366f10d;border-color:#6366f1;color:#6366f1}
.light .topbar #notifications:hover,.light .topbar #notifications:focus-visible{color:#94a3b8;border-color:#cbd5e1;box-shadow:0 1px 2px #0f172a0d}
@media(prefers-reduced-motion:reduce){.topbar .nav a,.topbar .brand small,.topbar .utilities .round,.topbar .utilities .round .ui-icon,.topbar .profile{transition:none}}