/* Hamburger settings menu */
.legacy-theme-actions{display:none!important}
.settings-menu{margin-left:auto;position:relative;display:flex;align-items:center}
.settings-menu-button{width:42px;height:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:0;background:transparent;color:var(--text);border-radius:0;cursor:pointer;padding:6px}
.settings-menu-button:hover,.settings-menu.open .settings-menu-button{background:transparent;border:0;color:var(--accent)}
.settings-menu-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.hamburger-line{display:block;width:18px;height:2px;border-radius:999px;background:currentColor}
.settings-panel{display:none;position:absolute;right:0;top:calc(100% + 9px);z-index:80;width:300px;max-width:calc(100vw - 24px);padding:14px;background:var(--dropdown-bg,var(--panel));color:var(--dropdown-text,var(--text));border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 50px rgba(0,0,0,.32)}
.settings-menu.open .settings-panel{display:block}
.settings-title{font-size:15px;font-weight:800;margin:1px 2px 13px;color:var(--text)}
.settings-section+.settings-section{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.settings-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 2px 8px}
.settings-options{display:grid;gap:5px}
.settings-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-language-options{grid-template-columns:1fr}
.settings-option{display:flex;align-items:center;gap:9px;width:100%;min-height:37px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--dropdown-text,var(--text));font:inherit;font-size:13px;text-align:left;cursor:pointer}
.settings-option:hover{background:var(--button-hover-bg,var(--panel-2));color:var(--button-hover-text,var(--text))}
.settings-option.active{background:var(--button-active-bg,var(--accent));color:var(--button-active-text,#07101d);border-color:var(--button-active-bg,var(--accent));font-weight:750}
.settings-radio{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;flex:0 0 auto;position:relative}
.settings-option.active .settings-radio:after{content:"";position:absolute;inset:2px;border-radius:50%;background:currentColor}

/* Small breathing room at the top of the application. */
.topbar{padding-top:5px;min-height:63px}

@media(max-width:700px){.settings-menu-button{width:39px;height:36px}.settings-panel{width:270px}.settings-theme-options{grid-template-columns:1fr}.topbar{padding-top:4px}}
