.browser-settings{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;border:1px solid #cbd0c6;border-radius:14px;background:#f8f6ef;color:#253b43;padding:24px;overflow:auto}.browser-settings::backdrop{background:#14252b99}.browser-settings header{display:flex;align-items:center;justify-content:space-between;gap:16px}.browser-settings h2{font-size:25px;margin:6px 0}.browser-settings h3{font-size:18px;margin:0 0 10px}.browser-settings section{border-top:1px solid #d5d9cf;padding:20px 0 4px;margin-top:20px}.browser-settings button,.browser-settings select,.browser-settings input[type=text]{font:inherit;color:inherit;border:1px solid #bac6ba;border-radius:7px;background:#fffdf6;padding:10px 12px;min-height:44px}.browser-settings button{cursor:pointer}.browser-settings button:disabled{cursor:default;opacity:.6}.browser-settings button:focus-visible,.browser-settings input:focus-visible,.browser-settings select:focus-visible{outline:2px solid #a34e36;outline-offset:3px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0}.settings-row>span{flex:1;min-width:0}.settings-row small{display:block;font-size:12px;color:#617570;line-height:1.55;margin-top:5px}.settings-row input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:#527568}.settings-note,.settings-intro{font-size:13px;line-height:1.7;color:#617570}.settings-feedback{font-size:14px;line-height:1.6;color:#91462f;min-height:1.6em}.settings-name{display:grid;gap:8px;margin:12px 0}.browser-settings [data-settings-close]{border:0;background:none;font-size:26px}.settings-row select{max-width:55%;font-size:13px}@media(max-width:420px){.browser-settings{padding:18px}.browser-settings h2{font-size:22px}.settings-row{gap:12px}.browser-settings .settings-note{font-size:12px}.header-actions{gap:6px}}

.browser-settings [data-settings-close]{width:44px;height:44px;min-height:44px;flex-shrink:0;padding:0;line-height:1}

.settings-mobile-entry{display:none}@media(max-width:760px){.header-actions .settings-desktop-entry{display:none}.site-header nav .settings-mobile-entry{display:inline-flex;align-items:center;min-height:40px;font-size:12px;padding:10px 0;white-space:nowrap;flex-shrink:0}}