:root{--r-sm:8px;--r-md:14px;--r-pill:999px;--r-round:50%;--surface:#121720;--surface-raised:#191f2b;--border:#293242;--text:#eef3fc;--muted:#a1aec2;--bg:#0b0e14;--danger:#ff91a4;--on-accent:#08121f;--shade:rgba(0,0,0,.5);--shadow-glow:0 0 25px var(--glow)}:root[data-theme=light]{--surface:#fff;--surface-raised:#eaf0f8;--border:#d4dce9;--text:#162138;--muted:#526078;--bg:#f3f5fa;--danger:#ba3353}
#local-controls{position:fixed;bottom:18px;right:18px;display:flex;align-items:center;gap:10px;z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 8px 5px 14px;color:var(--text);box-shadow:0 6px 25px var(--shade)}.local-label{font:700 9px sans-serif;letter-spacing:1px;color:var(--muted);text-decoration:none}
#local-controls .icon-button,#appearance-dialog .icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;color:var(--text);width:32px;height:32px}#local-controls svg,#appearance-dialog svg{width:20px;height:20px;stroke-width:1.5;flex-shrink:0}
#appearance-dialog{box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:20px;width:calc(100% - 30px);font:14px/1.6 Manrope,sans-serif;max-height:90vh;overflow:auto}#appearance-dialog *{box-sizing:border-box}#appearance-dialog::backdrop{background:var(--shade);backdrop-filter:blur(5px)}#appearance-dialog h2{font-size:20px;margin:10px 0}#appearance-dialog p{color:var(--muted)}#appearance-dialog button{cursor:pointer;font:inherit;color:inherit}#appearance-dialog small{color:var(--muted)}#appearance-dialog input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:10px;border-radius:var(--r-sm)}#appearance-dialog .eyebrow{color:var(--accent);letter-spacing:2px;font-size:10px}#appearance-dialog .btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-raised);padding:9px 14px;font-size:11px}#appearance-dialog :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#appearance-dialog{position:fixed;inset:0;margin:auto;max-width:475px}
#appearance-dialog .accent-swatch{background:var(--swatch)!important;border:4px solid var(--surface)!important;width:33px;height:33px;padding:0!important;border-radius:50%;flex:0 0 33px}
@media(max-width:768px){#local-controls{top:8px!important;bottom:auto!important;right:8px!important;padding:3px!important}#local-controls .local-label{display:none!important}#local-controls .icon-button{width:28px!important;height:28px!important}}
/* Appearance controls sit with the account in the sidebar on desktop. */
@media(min-width:769px){
 #local-controls{left:20px!important;right:auto!important;bottom:10px!important;top:auto!important;width:192px!important;justify-content:center!important;padding:2px!important;background:transparent!important;border:0!important;box-shadow:none!important}
 #local-controls .local-label{display:none!important}
 #local-controls .appearance-switch{padding:2px!important;background:var(--orbit-surface)!important;border-color:var(--orbit-border)!important}
 #local-controls .icon-button{width:30px!important;height:30px!important}
 .orbit-collapsed #local-controls{left:8px!important;width:60px!important}
 .orbit-collapsed #local-controls .appearance-switch{width:60px!important;justify-content:space-between!important;gap:0!important;padding:1px!important}
 .orbit-collapsed #local-controls .icon-button{width:18px!important;height:25px!important;padding:1px!important}
 .orbit-collapsed #local-controls .icon-button svg{width:14px!important;height:14px!important}
}
/* Compact appearance menu, anchored to the account rather than floating over content. */
#local-controls{position:relative!important;inset:auto!important;width:auto!important;display:flex!important;flex:0 0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;z-index:210!important}
#local-controls .appearance-menu-toggle{width:30px!important;height:30px!important;display:grid!important;place-items:center;padding:5px!important;border:0!important;border-radius:9px!important;color:var(--orbit-muted,var(--muted))!important;background:transparent!important;cursor:pointer}
#local-controls .appearance-menu-toggle:hover,#local-controls .appearance-menu-toggle[aria-expanded=true]{color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 12%,transparent)!important}
#local-controls .appearance-menu-toggle svg{width:19px!important;height:19px!important}
#local-controls .appearance-menu{position:absolute;left:auto;right:-35px;bottom:calc(100% + 14px);width:196px;background:var(--orbit-surface,var(--surface));border:1px solid var(--orbit-border,var(--border));border-radius:14px;box-shadow:0 16px 45px rgba(0,0,0,.35);padding:6px;z-index:250}
#local-controls .appearance-menu[hidden]{display:none!important}
#local-controls .appearance-menu>button,#local-controls .appearance-menu-custom button{display:flex;align-items:center;gap:10px;width:100%;min-height:39px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--orbit-text,var(--text));font:600 12px Manrope,sans-serif;text-align:left;cursor:pointer}
#local-controls .appearance-menu>button:hover,#local-controls .appearance-menu-custom button:hover,#local-controls .appearance-menu>button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
#local-controls .appearance-menu svg{width:17px!important;height:17px!important;stroke-width:1.7}
#local-controls .appearance-menu-custom{display:flex;align-items:center;gap:2px;border-top:1px solid var(--orbit-border,var(--border));padding-top:5px;margin-top:5px}
#local-controls .appearance-menu-custom button{flex:1;min-width:0}
#appearance-quick-color{width:27px;height:27px;flex:0 0 27px;padding:2px;border:1px solid var(--orbit-border,var(--border));border-radius:50%;background:var(--orbit-raised,var(--surface-raised));cursor:pointer}
#appearance-quick-color::-webkit-color-swatch-wrapper{padding:0}#appearance-quick-color::-webkit-color-swatch{border:0;border-radius:50%}
@media(min-width:769px){.sidebar:has(#local-controls)>div:last-of-type{padding:8px 10px!important}.sidebar-user:has(#local-controls){overflow:visible!important}.sidebar-user #local-controls{display:flex!important}.orbit-collapsed .sidebar-user #local-controls{display:flex!important;position:relative!important}.orbit-collapsed .sidebar-user{flex-direction:column!important;gap:4px!important}.orbit-collapsed #local-controls .appearance-menu{left:0;right:auto;bottom:calc(100% + 8px)}.orbit-collapsed #local-controls .appearance-menu-toggle{width:30px!important;height:30px!important}.orbit-collapsed .sidebar>div:last-of-type{padding:6px 7px!important}}
@media(max-width:768px){#local-controls{position:fixed!important;right:12px!important;top:12px!important;left:auto!important;bottom:auto!important;background:var(--orbit-surface,var(--surface))!important;border:1px solid var(--orbit-border,var(--border))!important;border-radius:10px!important;padding:3px!important}#local-controls .appearance-menu{top:calc(100% + 8px);bottom:auto;right:0}}
@media(min-width:769px){.sidebar:has(#local-controls){overflow:visible!important}#appearance-quick-color{min-width:27px!important;max-width:27px!important;min-height:27px!important;max-height:27px!important}}
@media(min-width:769px){.sidebar:has(#local-controls){z-index:9998!important}}
#local-controls #appearance-quick-color{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;min-height:27px!important;max-height:27px!important;aspect-ratio:1!important;flex:0 0 27px!important;border-radius:50%!important;padding:2px!important}