/* One settings surface across Lantern and Getter; all colors use resolved semantic roles. */
html body > aside.settings-drawer.lantern-settings-drawer,
html body.lantern-home-page > aside.settings-drawer.lantern-settings-drawer {
  position:fixed!important;top:calc(var(--okf-nav-top,76px) + 12px)!important;right:12px!important;bottom:12px!important;
  width:min(416px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:calc(100dvh - var(--okf-nav-top,76px) - 24px)!important;
  display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;margin:0!important;overflow:hidden!important;
  color:var(--card-text,var(--text))!important;background:var(--card)!important;background-image:none!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 18px 56px #0004!important;z-index:1200!important;box-sizing:border-box!important;
}
html body > aside.lantern-settings-drawer[hidden],html body.lantern-home-page > aside.lantern-settings-drawer[hidden]{display:none!important}
html body .ls-backdrop{position:fixed!important;inset:0!important;background:#0005!important;backdrop-filter:blur(2px);z-index:1199!important}
.lantern-settings-drawer [hidden]{display:none!important}
html body .lantern-settings-drawer .ls-head{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:18px 20px!important;border-bottom:1px solid var(--border)!important;flex:0 0 auto!important;background:var(--card)!important}
.lantern-settings-drawer .ls-head>div{flex:1;min-width:0}
html body .lantern-settings-drawer .ls-head h2{font-size:calc(1.2rem * var(--scale,1))!important;line-height:1.3!important;margin:0!important;letter-spacing:0!important;color:inherit!important}
.lantern-settings-drawer .home-chrome-eyebrow{display:none!important}
.lantern-settings-drawer button,.lantern-settings-drawer select,.lantern-settings-drawer input{font:inherit;letter-spacing:normal;text-transform:none;box-sizing:border-box}
.lantern-settings-drawer button{cursor:pointer}
.lantern-settings-drawer .ls-icon{display:grid;place-items:center;min-width:36px;min-height:36px;padding:4px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:calc(1.4rem * var(--scale,1))}
.lantern-settings-drawer .ls-icon:hover{background:var(--card2,var(--input))}
.lantern-settings-drawer .ls-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 20px 18px;flex:1;scrollbar-gutter:stable}
.lantern-settings-drawer .ls-section{padding:20px 0;border-bottom:1px solid var(--border)}
.lantern-settings-drawer h3{font-size:calc(.85rem * var(--scale,1))!important;line-height:1.4!important;font-weight:500!important;margin:0 0 13px!important;color:var(--muted)!important;letter-spacing:normal!important;text-transform:none!important}
.lantern-settings-drawer .ls-current-preview{display:flex;flex-direction:column;gap:8px;border:1px solid var(--pv-border);border-radius:8px;padding:12px;background:var(--pv-bg);color:var(--pv-text);font-family:system-ui,sans-serif}
.lantern-settings-drawer .ls-current-bar{display:flex;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--pv-border);font-size:calc(.8rem * var(--scale,1))}
.lantern-settings-drawer .ls-current-bar span{color:var(--pv-muted);font-size:calc(.65rem * var(--scale,1));letter-spacing:.12em}
.lantern-settings-drawer .ls-current-preview>strong{font-size:calc(1rem * var(--scale,1));font-weight:500}
.lantern-settings-drawer .ls-current-preview>span{font-size:calc(.8rem * var(--scale,1));color:var(--pv-muted)}
.lantern-settings-drawer .ls-current-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.lantern-settings-drawer .ls-current-row>div{min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}
.lantern-settings-drawer .ls-current-row strong{font-size:calc(.9rem * var(--scale,1));font-weight:500}
.lantern-settings-drawer .ls-current-row>div>span{font-size:calc(.75rem * var(--scale,1));color:var(--muted)}
.lantern-settings-drawer .ls-button{min-height:38px;flex:0 0 auto;border:1px solid var(--control-border,var(--border));background:var(--control-bg,var(--card2));color:var(--on-control,var(--text));border-radius:7px;padding:8px 11px;font-size:calc(.8rem * var(--scale,1))}
.lantern-settings-drawer .ls-quick-favorites{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.lantern-settings-drawer .ls-quick-favorites button,.lantern-settings-drawer .ls-filters button{border:1px solid var(--border);border-radius:16px;padding:6px 10px;background:transparent;color:inherit;font-size:calc(.75rem * var(--scale,1));min-height:32px}
.lantern-settings-drawer .ls-quick-favorites button[aria-pressed=true],.lantern-settings-drawer .ls-filters button[aria-pressed=true]{background:var(--accent);color:var(--accent-text,var(--on-accent));border-color:var(--accent)}
.lantern-settings-drawer .ls-pref-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;font-size:calc(.9rem * var(--scale,1))}
.lantern-settings-drawer .ls-pref-row:last-child{margin-bottom:0}
.lantern-settings-drawer .ls-pref-row>span{white-space:nowrap}
html body .lantern-settings-drawer .ls-pref-row select{width:54%!important;max-width:54%!important;flex:0 0 54%;min-width:0;min-height:40px;border:1px solid var(--control-border,var(--border));background:var(--input);color:var(--input-text,var(--text));border-radius:7px;padding:7px 8px;font-size:calc(.85rem * var(--scale,1))}
.lantern-settings-drawer .ls-context-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--link,var(--text));text-decoration:none;font-size:calc(.9rem * var(--scale,1));min-height:36px}
.lantern-settings-drawer .ls-reset-row{display:flex;justify-content:space-between;gap:12px;padding-top:16px}
.lantern-settings-drawer .ls-text-button{background:transparent;border:0;color:var(--link,var(--text));padding:4px 0;font-size:calc(.78rem * var(--scale,1));min-height:32px}
.lantern-settings-drawer .ls-footer{flex:0 0 auto;border-top:1px solid var(--border);padding:14px 20px;background:var(--card)}
.lantern-settings-drawer .ls-footer>a{display:flex;justify-content:space-between;gap:12px;align-items:center;color:inherit;text-decoration:none;min-height:32px;font-size:calc(.9rem * var(--scale,1))}
.lantern-settings-drawer .ls-footer p{margin:6px 0 0;font-size:calc(.75rem * var(--scale,1));line-height:1.4;color:var(--muted);text-align:center}
.lantern-settings-drawer .ls-footer p:empty{display:none}
.lantern-settings-drawer .ls-footer:has([data-appearance-sync]:not(:empty)) .ls-storage{display:none}
.lantern-settings-drawer .ls-footer:has(.ls-feedback[data-error=true]) .ls-storage,.lantern-settings-drawer .ls-footer:has(.ls-feedback[data-error=true]) [data-appearance-sync]{display:none}
.lantern-settings-drawer .ls-feedback[data-error=true]{color:var(--danger)}
.lantern-settings-drawer .ls-search-label{display:block;font-size:calc(.8rem * var(--scale,1));padding-top:18px}
.lantern-settings-drawer .ls-search-label input{display:block;width:100%;min-height:42px;margin-top:7px;border:1px solid var(--border);border-radius:8px;padding:9px 12px;background:var(--input);color:var(--input-text,var(--text))}
.lantern-settings-drawer .ls-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}
.lantern-settings-drawer .ls-themes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lantern-settings-drawer .ls-theme-card{position:relative;min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.lantern-settings-drawer .ls-theme-card:has(.ls-theme-choice[aria-pressed=true]){outline:2px solid var(--focus,var(--accent));outline-offset:2px}
.lantern-settings-drawer .ls-theme-choice{display:block;width:100%;height:100%;padding:5px 5px 0;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left}
.lantern-settings-drawer .ls-theme-mini{display:flex;flex-direction:column;background:var(--pv-bg);color:var(--pv-text);border:1px solid var(--pv-border);border-radius:4px;min-height:92px;overflow:hidden;font-family:system-ui,sans-serif}
.lantern-settings-drawer .ls-mini-bar{display:flex;justify-content:space-between;gap:6px;padding:5px 6px;background:var(--pv-card);border-bottom:1px solid var(--pv-border);font-size:9px}
.lantern-settings-drawer .ls-mini-content{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 6px}
.lantern-settings-drawer .ls-mini-content strong{font-size:11px;font-weight:500}
.lantern-settings-drawer .ls-mini-content>span{font-size:9px;color:var(--pv-muted)}
.lantern-settings-drawer .ls-mini-content .ls-mini-action{padding:3px 6px;border-radius:3px;background:var(--pv-accent);color:var(--pv-accent-text)}
.lantern-settings-drawer .ls-theme-name{display:block;padding:10px 28px 10px 4px;font-size:calc(.76rem * var(--scale,1));line-height:1.4;overflow-wrap:anywhere}
.lantern-settings-drawer .ls-favorite{position:absolute;right:2px;bottom:3px;min-width:30px;min-height:34px;border:0;background:transparent;color:inherit;padding:3px;font-size:calc(1.1rem * var(--scale,1))}
.lantern-settings-drawer .ls-theme-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px;font-size:calc(.8rem * var(--scale,1));color:var(--muted)}
.lantern-settings-drawer .ls-custom-link{color:var(--link,var(--text));font-size:calc(.8rem * var(--scale,1))}
.lantern-settings-drawer .ls-empty{grid-column:1/-1;font-size:calc(.9rem * var(--scale,1));line-height:1.6}
html[data-density=field] .lantern-settings-drawer button,html[data-density=field] .lantern-settings-drawer select{min-height:44px}
@media(max-width:560px){html body > aside.settings-drawer.lantern-settings-drawer,html body.lantern-home-page > aside.settings-drawer.lantern-settings-drawer{inset:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}.lantern-settings-drawer .ls-pref-row select,.lantern-settings-drawer .ls-search-label input{font-size:16px}.lantern-settings-drawer button,.lantern-settings-drawer .ls-context-link{min-height:44px}.lantern-settings-drawer .ls-favorite{min-width:44px}.lantern-settings-drawer .ls-theme-name{padding-right:40px}.lantern-settings-drawer .ls-head{padding-top:max(14px,env(safe-area-inset-top))!important}.lantern-settings-drawer .ls-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}}
/* Page controls stay in the current drawer, ahead of shared appearance. */
.lantern-settings-drawer .ls-head h2{overflow-wrap:anywhere}
.lantern-settings-drawer .ls-current-preview{padding:9px 11px;gap:0}
.lantern-settings-drawer .ls-current-preview>strong,.lantern-settings-drawer .ls-current-preview>span{display:none}
.lantern-settings-drawer .ls-current-bar{border:0;padding:0}
.lantern-settings-drawer .ls-hint,.lantern-settings-drawer .ls-context-description,.lantern-settings-drawer .ls-app-description{font-size:calc(.8rem * var(--scale,1));line-height:1.5;color:var(--muted);margin:0 0 15px}
.lantern-settings-drawer .ls-hint{margin:7px 0 0}
.lantern-settings-drawer .ls-wide{width:100%;border:0;background:transparent;padding:0;text-align:left}
.lantern-settings-drawer .ls-pref-row>span{white-space:normal}
.lantern-settings-drawer .ls-toggle-row,.lantern-settings-drawer .ls-app-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;font-size:calc(.9rem * var(--scale,1));line-height:1.4}
.lantern-settings-drawer input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;accent-color:var(--accent);cursor:pointer}
.lantern-settings-drawer .ls-app-toggle small{display:block;margin-top:4px;font-size:calc(.75rem * var(--scale,1));color:var(--muted)}
.lantern-settings-drawer .ls-app-pref{display:flex;flex-direction:column;gap:8px;margin:18px 0 0;font-size:calc(.9rem * var(--scale,1))}
.lantern-settings-drawer .ls-app-pref select,.lantern-settings-drawer .ls-field input,.lantern-settings-drawer .settings-card select{width:100%;min-width:0;min-height:40px;border:1px solid var(--control-border,var(--border));background:var(--input);color:var(--input-text,var(--text));border-radius:7px;padding:8px;font-size:calc(.85rem * var(--scale,1))}
.lantern-settings-drawer .ls-app-pref small{font-size:calc(.75rem * var(--scale,1));line-height:1.5;color:var(--muted)}
.lantern-settings-drawer .ls-app-status,.lantern-settings-drawer .ls-context-status{font-size:calc(.75rem * var(--scale,1));line-height:1.5;margin:10px 0 0;color:var(--muted)}
.lantern-settings-drawer [data-error=true]{color:var(--danger)!important}
.lantern-settings-drawer :disabled{opacity:.55;cursor:default}
.lantern-settings-drawer .ls-field{display:flex;flex-direction:column;gap:8px;font-size:calc(.9rem * var(--scale,1));margin:16px 0}
.lantern-settings-drawer .ls-palette-colors{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.lantern-settings-drawer .ls-palette-colors label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:calc(.8rem * var(--scale,1))}
.lantern-settings-drawer .ls-palette-colors input{width:42px;height:36px;padding:2px;border:1px solid var(--border);border-radius:6px;background:var(--input)}
.lantern-settings-drawer .settings-card{margin:0;padding:20px 0;border:0;border-bottom:1px solid var(--border);background:transparent;box-shadow:none;color:inherit;min-width:0}
.lantern-settings-drawer .settings-card h3{margin-bottom:12px!important}
.lantern-settings-drawer .settings-card p,.lantern-settings-drawer .settings-card small{font-size:calc(.78rem * var(--scale,1));line-height:1.5;color:var(--muted)}
.lantern-settings-drawer .settings-card label{font-size:calc(.85rem * var(--scale,1))}
.lantern-settings-drawer .settings-nav-page{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:10px 0;border-bottom:1px solid var(--border)}
.lantern-settings-drawer .settings-nav-page-name{font-size:calc(.85rem * var(--scale,1));min-width:0}
.lantern-settings-drawer .settings-nav-page-name small{display:block}
.lantern-settings-drawer .settings-nav-page-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}
.lantern-settings-drawer .settings-nav-page-controls button{min-width:32px;min-height:36px;padding:4px;border:1px solid var(--border);border-radius:6px;background:var(--control-bg,var(--card2));color:inherit}
.lantern-settings-drawer .settings-nav-page-visibility{display:flex;align-items:center;gap:5px;font-size:calc(.75rem * var(--scale,1));cursor:pointer}
.lantern-settings-drawer .settings-text-button{background:transparent;border:0;color:var(--link,var(--text));padding:8px 0;margin-top:12px;font-size:calc(.8rem * var(--scale,1))}
@media(max-width:560px){.lantern-settings-drawer .ls-app-pref select,.lantern-settings-drawer .ls-field input,.lantern-settings-drawer .settings-card select{font-size:16px}.lantern-settings-drawer .settings-nav-page-controls button{min-width:40px;min-height:44px}.lantern-settings-drawer .settings-nav-page-controls{gap:4px}}
/* Clear section tabs and a personal theme collection, without mixing every app control. */
html body > aside.settings-drawer.lantern-settings-drawer{width:min(440px,calc(100vw - 24px))!important}
html body .lantern-settings-drawer .ls-head{padding:14px 18px!important;gap:10px!important}
.lantern-settings-drawer .ls-context-name{font-size:calc(.74rem * var(--scale,1));line-height:1.3;color:var(--muted);margin:4px 0 0!important}
html body .lantern-settings-drawer .ls-tabs{display:flex;align-items:stretch;gap:4px;padding:6px 14px;background:var(--card);border-bottom:1px solid var(--border);flex:0 0 auto;min-width:0}
html body .lantern-settings-drawer .ls-tabs button{flex:1;min-width:0;min-height:42px;padding:8px 7px;margin:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:calc(.82rem * var(--scale,1));line-height:1.3;font-weight:500;box-shadow:none;text-transform:none;white-space:normal}
html body .lantern-settings-drawer .ls-tabs button[aria-selected=true]{background:var(--control-bg,var(--card2));color:var(--on-control,var(--text));box-shadow:inset 0 0 0 1px var(--control-border,var(--border))}
html body .lantern-settings-drawer .ls-tabs button[hidden]{display:none!important}
.lantern-settings-drawer .ls-scroll{padding:0 18px 18px;scrollbar-gutter:stable}
.lantern-settings-drawer .ls-section{padding:18px 0}
html body .lantern-settings-drawer h3{font-size:calc(.83rem * var(--scale,1))!important;font-weight:600!important;color:inherit!important;margin:0 0 12px!important}
.lantern-settings-drawer .ls-count{font-size:calc(.72rem * var(--scale,1));font-weight:400;color:var(--muted);margin-left:5px}
.lantern-settings-drawer .ls-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
html body .lantern-settings-drawer .ls-section-heading h3{margin:0!important}
.lantern-settings-drawer .ls-section-heading .ls-text-button{font-size:calc(.75rem * var(--scale,1));flex-shrink:0}
.lantern-settings-drawer .ls-active-theme{display:flex;gap:12px;align-items:center}
.lantern-settings-drawer .ls-active-preview{flex:0 0 56px;height:44px;border-radius:7px;overflow:hidden;border:1px solid var(--pv-border)}
.lantern-settings-drawer .ls-active-preview .ls-swatches{height:100%;border-radius:0}
.lantern-settings-drawer .ls-active-name{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.lantern-settings-drawer .ls-active-name>span{font-size:calc(.72rem * var(--scale,1));color:var(--muted)}
.lantern-settings-drawer .ls-active-name>strong{font-size:calc(.98rem * var(--scale,1));line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.lantern-settings-drawer .ls-current-pin{background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:calc(1.3rem * var(--scale,1));width:40px;min-height:40px;padding:5px}
.lantern-settings-drawer .ls-current-pin[aria-pressed=true]{color:var(--link,var(--text));background:var(--card2)}
.lantern-settings-drawer .ls-swatches{display:flex;gap:0;overflow:hidden;width:100%;height:18px;border-radius:4px;background:var(--pv-bg)}
.lantern-settings-drawer .ls-swatches i{flex:1;background:var(--pv-bg)}
.lantern-settings-drawer .ls-swatches i:nth-child(2){background:var(--pv-card)}
.lantern-settings-drawer .ls-swatches i:nth-child(3){background:var(--pv-accent)}
.lantern-settings-drawer .ls-swatches i:nth-child(4){background:var(--pv-accent2)}
.lantern-settings-drawer .ls-swatches i:nth-child(5){background:var(--pv-text)}
.lantern-settings-drawer .ls-theme-choice{position:relative;padding:6px 6px 0}
.lantern-settings-drawer .ls-theme-card{background:var(--card);border-color:var(--border);overflow:visible}
.lantern-settings-drawer .ls-theme-card:has(.ls-theme-choice[aria-pressed=true]){outline:2px solid var(--focus,var(--accent));outline-offset:1px}
.lantern-settings-drawer .ls-theme-name{padding:10px 40px 11px 3px;font-size:calc(.76rem * var(--scale,1));font-weight:500;line-height:1.4;min-height:42px;color:var(--card-text,var(--text))}
.lantern-settings-drawer .ls-theme-compact .ls-theme-name{padding-top:8px;padding-bottom:9px;min-height:38px}
.lantern-settings-drawer .ls-selected-mark{display:none;position:absolute;right:8px;top:8px;width:19px;height:19px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--card);color:var(--text);font-size:calc(.72rem * var(--scale,1))}
.lantern-settings-drawer .ls-theme-choice[aria-pressed=true] .ls-selected-mark{display:flex}
.lantern-settings-drawer .ls-theme-compact .ls-selected-mark{width:16px;height:16px;top:7px;right:7px}
.lantern-settings-drawer .ls-favorite{right:1px;bottom:2px;min-width:36px;min-height:38px;border-radius:6px;color:var(--link,var(--text));font-size:calc(1.15rem * var(--scale,1))}
.lantern-settings-drawer .ls-edit-palette{position:absolute;right:39px;bottom:6px;min-height:32px;background:var(--card);color:var(--link,var(--text));border:0;padding:4px 5px;font-size:calc(.72rem * var(--scale,1));border-radius:5px}
.lantern-settings-drawer .ls-theme-card:has(.ls-edit-palette) .ls-theme-name{padding-right:78px}
.lantern-settings-drawer .ls-empty{margin:0;font-size:calc(.78rem * var(--scale,1));line-height:1.5;color:var(--muted);padding:2px 0}
.lantern-settings-drawer .ls-explore-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;width:100%;min-height:66px;background:transparent;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--border)}
.lantern-settings-drawer .ls-explore-row>span:first-child{display:flex;flex-direction:column;gap:5px}
.lantern-settings-drawer .ls-explore-row strong{font-size:calc(.87rem * var(--scale,1));font-weight:500}
.lantern-settings-drawer .ls-explore-row small{font-size:calc(.75rem * var(--scale,1));color:var(--muted)}
.lantern-settings-drawer .ls-disclosure{border:0;border-bottom:1px solid var(--border);padding:0;margin:0}
.lantern-settings-drawer .ls-disclosure>summary{padding:17px 18px 17px 0;cursor:pointer;position:relative;list-style:none;display:flex;flex-direction:column;gap:5px;min-height:62px}
.lantern-settings-drawer .ls-disclosure>summary::-webkit-details-marker{display:none}
.lantern-settings-drawer .ls-disclosure>summary:after{content:'+';position:absolute;right:0;top:22px;color:var(--muted)}
.lantern-settings-drawer .ls-disclosure[open]>summary:after{content:'−'}
.lantern-settings-drawer .ls-disclosure>summary strong{font-size:calc(.87rem * var(--scale,1));font-weight:500}
.lantern-settings-drawer .ls-disclosure>summary>span{font-size:calc(.75rem * var(--scale,1));color:var(--muted)}
.lantern-settings-drawer .ls-disclosure-content{padding:4px 0 16px}
.lantern-settings-drawer .ls-theme-tools{background:var(--card);border-bottom:1px solid var(--border);flex:0 0 auto}
.lantern-settings-drawer .ls-theme-tools .ls-tabs{border:0;padding-top:4px;padding-bottom:4px}
.lantern-settings-drawer .ls-search-row{display:flex;gap:8px;padding:6px 18px 0;min-width:0}
.lantern-settings-drawer .ls-search-label{padding:0;flex:1;min-width:0}
.lantern-settings-drawer .ls-search-label input{margin:0;min-height:42px;font-size:calc(.83rem * var(--scale,1));padding:9px 10px}
.lantern-settings-drawer .ls-filter-label{flex:0 0 120px;min-width:0}
.lantern-settings-drawer .ls-filter-label select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--input);color:var(--input-text,var(--text));padding:7px;font-size:calc(.78rem * var(--scale,1))}
.lantern-settings-drawer .ls-theme-tools-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 18px 7px;font-size:calc(.72rem * var(--scale,1));color:var(--muted)}
.lantern-settings-drawer .ls-theme-tools-bottom .ls-text-button{font-size:calc(.75rem * var(--scale,1))}
.lantern-settings-drawer .ls-footer{padding:8px 18px 10px}
.lantern-settings-drawer .ls-footer-line{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lantern-settings-drawer .ls-footer-line p{flex:1;text-align:left;margin:0}
.lantern-settings-drawer .ls-footer-line:has(p:empty):not(:has(button:not([hidden]))){display:none}
.lantern-settings-drawer .ls-footer:has(.ls-feedback:not(:empty)) .ls-storage,.lantern-settings-drawer .ls-footer:has(.ls-feedback:not(:empty)) [data-appearance-sync]{display:none}
.lantern-settings-drawer .ls-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:560px){html body > aside.settings-drawer.lantern-settings-drawer{width:100%!important}.lantern-settings-drawer .ls-tabs button{min-height:44px!important}.lantern-settings-drawer .ls-theme-compact .ls-theme-choice{min-height:68px}.lantern-settings-drawer .ls-favorite{min-height:44px;min-width:40px;bottom:0}.lantern-settings-drawer .ls-edit-palette{right:41px;bottom:1px;min-height:44px;font-size:calc(.72rem * var(--scale,1))}.lantern-settings-drawer .ls-search-label input,.lantern-settings-drawer .ls-filter-label select{font-size:16px}.lantern-settings-drawer .ls-filter-label{flex-basis:124px}.lantern-settings-drawer .ls-current-pin{width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html body.settings-drawer-open>aside.lantern-settings-drawer{animation:none}}
html body .lantern-settings-drawer .ls-section{margin:0!important}
html body .lantern-settings-drawer .ls-explore-row{text-align:left!important}
html body .lantern-settings-drawer .ls-disclosure>summary{background:none!important;box-shadow:none!important;color:inherit!important;text-transform:none!important}
html body .lantern-settings-drawer .ls-disclosure>summary:before{display:none!important}
html body .lantern-settings-drawer .ls-disclosure>summary:after{width:auto!important;height:auto!important;border:0!important;background:none!important;mask:none!important;transform:none!important;clip-path:none!important;box-shadow:none!important}

html body .lantern-settings-drawer .ls-disclosure>summary{text-align:left!important}

html body .lantern-settings-drawer .ls-disclosure>summary{align-items:flex-start!important;justify-content:flex-start!important}
/* Desktop settings are a dock: the page keeps its own focus, scrolling and input. */
@media(min-width:761px){
 html body.settings-docked{--settings-dock-width:clamp(320px,36vw,400px);box-sizing:border-box!important;width:100%!important;padding-right:var(--settings-dock-width)!important;overflow:auto!important}
 html body.settings-docked>aside.settings-drawer.lantern-settings-drawer,
 html body.lantern-home-page.settings-docked>aside.settings-drawer.lantern-settings-drawer{top:0!important;right:0!important;bottom:0!important;left:auto!important;width:var(--settings-dock-width)!important;max-width:var(--settings-dock-width)!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-left:1px solid var(--border)!important;border-radius:0!important;box-shadow:-4px 0 18px #0001!important}
 html body.settings-docked .topbar{max-width:100%!important}
 html body.settings-docked>.app-shell{width:100%!important;max-width:100%!important;min-width:0!important}
 html body.settings-docked .toast{right:calc(var(--settings-dock-width) + 14px)!important;max-width:calc(100vw - var(--settings-dock-width) - 28px)}
 html body.settings-docked .public-access-prompt{right:calc(var(--settings-dock-width) + 14px);width:calc(100vw - var(--settings-dock-width) - 28px)}
 /* Let app content adapt to the remaining page width, rather than its original viewport. */
 html body.settings-docked .library-v2 .lib-heading{flex-wrap:wrap;gap:12px}
 html body.settings-docked .library-v2 .lib-search{flex-wrap:wrap}
 html body.settings-docked .library-v2 .lib-search-field{flex-basis:100%;min-width:0}
 html body.settings-docked .workspace{grid-template-columns:minmax(0,1fr)!important}
 html body.settings-docked .header{flex-wrap:wrap}
 html body.settings-docked #mapApp .map-control-cluster{width:min(420px,calc(100% - 24px))!important}
 html body.settings-docked #mapApp .map-results-card{left:12px!important;right:12px!important;top:auto!important;bottom:65px!important;width:auto!important;height:min(42dvh,360px)!important;max-height:min(42dvh,360px)!important}
 html body.settings-docked .ls-head .ls-context-name{display:block}
}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 html body.settings-sheet{overflow:hidden!important}
 html body.settings-sheet>aside.settings-drawer.lantern-settings-drawer,
 html body.lantern-home-page.settings-sheet>aside.settings-drawer.lantern-settings-drawer{inset:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}
 .lantern-settings-drawer .ls-head{padding-top:max(14px,env(safe-area-inset-top))!important}
 .lantern-settings-drawer .ls-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(min-width:761px){
 html body.settings-docked .lantern-settings-drawer .ls-pref-row:not(.ls-toggle-row){display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:15px}
 html body.settings-docked .lantern-settings-drawer .ls-pref-row:not(.ls-toggle-row) select{width:100%!important;max-width:100%!important;min-width:0;flex:initial}
}
/* Narrow screens use a bottom dock; expanding it is an explicit action. */
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 html body:is(.settings-bottom,.settings-sheet){--settings-bottom-height:min(480px,52dvh);box-sizing:border-box!important;padding-bottom:var(--settings-bottom-height)!important}
 html body.settings-bottom{overflow:auto!important}
 html body.settings-bottom>aside.settings-drawer.lantern-settings-drawer,
 html body.lantern-home-page.settings-bottom>aside.settings-drawer.lantern-settings-drawer{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;height:var(--settings-bottom-height)!important;max-height:var(--settings-bottom-height)!important;margin:0!important;border:0!important;border-top:1px solid var(--border)!important;border-radius:12px 12px 0 0!important;box-shadow:0 -4px 18px #0002!important}
 html body:is(.settings-bottom,.settings-sheet) .wiki-app,
 html body:is(.settings-bottom,.settings-sheet).maps-page>.app-shell{height:calc(100dvh - var(--settings-bottom-height))!important;min-height:0!important}
 html body:is(.settings-bottom,.settings-sheet).library-reader-page{height:100dvh!important;min-height:0!important}
 html body:is(.settings-bottom,.settings-sheet) .reader-bottom{bottom:var(--settings-bottom-height)!important}
 html body.settings-bottom .toast{bottom:calc(var(--settings-bottom-height) + 10px)!important}
 html body.settings-bottom .ls-head{padding:8px 14px!important}
 html body.settings-bottom .ls-head .ls-context-name{margin-top:2px!important;font-size:calc(.7rem * var(--scale,1))}
 html body.settings-bottom .ls-head h2{font-size:calc(1.05rem * var(--scale,1))!important}
 html body.settings-bottom .ls-tabs{padding:3px 10px}
 html body.settings-bottom .ls-footer{padding:5px 14px 7px}
 html body.settings-bottom .ls-footer:has(.ls-feedback:empty):not(:has([data-settings-undo]:not([hidden]))):not(:has([data-ls-appearance-status]:not([hidden]))){display:none}
}
/* Reserve page space once. Only the panel moves while entering or leaving. */
html body.settings-drawer-open{--settings-motion:var(--motion-panel,300ms);--settings-ease:var(--motion-ease,cubic-bezier(.23,1,.32,1));transition:none!important}
html body.settings-drawer-open>aside.lantern-settings-drawer{animation:none!important;transition:transform var(--settings-motion) var(--settings-ease),opacity var(--settings-motion) var(--settings-ease)!important;will-change:transform,opacity;transform:translateX(100%);opacity:0}
html body.settings-drawer-open.settings-visible>aside.lantern-settings-drawer{transform:translate(0,0);opacity:1}
html body .lantern-settings-drawer .ls-single-section{display:none!important}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 html body.settings-drawer-open.settings-bottom>aside.lantern-settings-drawer,
 html body.settings-drawer-open.settings-sheet>aside.lantern-settings-drawer{transform:translateY(100%)}
 html body.settings-drawer-open.settings-visible>aside.lantern-settings-drawer{transform:translate(0,0)}
 html body.settings-drawer-open.settings-sheet>aside.lantern-settings-drawer{top:auto!important;bottom:0!important}
}
@media(prefers-reduced-motion:reduce){
 html body.settings-drawer-open,html body.settings-drawer-open>aside.lantern-settings-drawer{transition:none!important;animation:none!important}
}
.lantern-settings-drawer .ls-scroll>:is([data-ls-view=themes],[data-ls-view=custom]):not([hidden]),
.lantern-settings-drawer [data-ls-section]:not([hidden]){animation:ls-content-arrive var(--motion,150ms) var(--motion-ease,cubic-bezier(.23,1,.32,1))}
@keyframes ls-content-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.lantern-settings-drawer .ls-scroll [data-ls-view],.lantern-settings-drawer [data-ls-section]{animation:none!important}}
/* A toolbar control, with one panel glyph in every state. */
html body [data-ls-header] button[data-ls-header-toggle][aria-controls]{position:static!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important;padding:8px!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:var(--text)!important;filter:none!important;transform:none!important}
html body .topbar[data-ls-header] button[data-ls-header-toggle][aria-controls]{margin-inline-start:auto!important}
html body .topbar[data-ls-header] .right-tools{order:3!important;margin-inline-start:auto!important}
html body .topbar[data-ls-header] .nav-inner,
html body .reader-shellbar[data-ls-header]{padding-inline:var(--page-gutter,clamp(16px,3vw,40px))!important}
html body [data-ls-header] button[data-ls-header-toggle][aria-expanded=true]{background:transparent!important;color:var(--accent,var(--text))!important}
html body [data-ls-header] button[data-ls-header-toggle][aria-controls]:hover{background:color-mix(in srgb,var(--text) 8%,transparent)!important}
html body [data-ls-header] button[data-ls-header-toggle][aria-controls]:focus-visible{outline:2px solid var(--focus,var(--accent));outline-offset:2px}
html body [data-ls-header] button[data-ls-header-toggle][aria-controls] svg,
html body .lantern-settings-drawer .ls-head [data-close-settings-drawer] svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;filter:none!important;transform:none!important}
html body .lantern-settings-drawer .ls-head [data-close-settings-drawer]{display:grid;place-items:center;min-width:40px;min-height:40px}
/* Reserve the header's normal flow space, including inside full-height app shells. */
html body [data-ls-header-spacer]{display:block!important;box-sizing:border-box!important;width:100%!important;height:var(--settings-header-bottom,0px)!important;min-height:var(--settings-header-bottom,0px)!important;flex:0 0 var(--settings-header-bottom,0px)!important;pointer-events:none!important}
/* Beat the older per-app header positioning rules without changing their contents. */
html body :is(header.topbar,header.reader-shellbar)[data-ls-header][data-ls-header][data-ls-header]{box-sizing:border-box!important;position:fixed!important;top:0!important;left:0!important;right:auto!important;width:var(--settings-header-width,100vw)!important;max-width:var(--settings-header-width,100vw)!important;z-index:1100!important}
@media(min-width:761px){
 /* Page content makes room while the shared header retains its original width. */
 html body.settings-drawer-open.settings-docked>aside.settings-drawer.lantern-settings-drawer{top:var(--settings-header-bottom,0px)!important;height:calc(100dvh - var(--settings-header-bottom,0px))!important;max-height:calc(100dvh - var(--settings-header-bottom,0px))!important}
 html body.settings-docked .lantern-settings-drawer .ls-head{padding-block:14px!important}
}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 html body [data-ls-header] button[data-ls-header-toggle][aria-controls]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-basis:44px!important}
}
/* Page tools and jump targets share the measured header clearance. */
html body:has([data-ls-header]) .ws-workshop .ws-share{scroll-margin-top:calc(var(--settings-header-bottom,79px) + 12px)}
@media(min-width:821px){
 html body:has([data-ls-header]) .ws-workshop .ws-tool-drawer{top:calc(var(--settings-header-bottom,79px) + 12px)}
}
@media(min-width:901px){
 html body.reader-page:has([data-ls-header]) .reader-toc{top:calc(var(--settings-header-bottom,79px) + 12px)!important;max-height:calc(100dvh - var(--settings-header-bottom,79px) - 24px)!important}
}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 html body.lantern-home-page.settings-visible:is(.settings-bottom,.settings-sheet):has([data-ls-header]) .home-board-actions:not([hidden]){bottom:calc(var(--settings-bottom-height) + max(16px,env(safe-area-inset-bottom)))}
}

/* Phones open Settings as a full-height sheet; only its content scrolls. */
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 html body.settings-drawer-open.settings-sheet>aside.settings-drawer.lantern-settings-drawer,
 html body.lantern-home-page.settings-drawer-open.settings-sheet>aside.settings-drawer.lantern-settings-drawer{
  top:var(--settings-viewport-top,0px)!important;bottom:auto!important;left:0!important;right:0!important;
  height:var(--settings-viewport-height,100dvh)!important;max-height:var(--settings-viewport-height,100dvh)!important;min-height:0!important;
  width:100%!important;max-width:100%!important;border:0!important;border-radius:0!important;
 }
 html body.settings-drawer-open .lantern-settings-drawer .ls-head{
  flex:0 0 auto!important;padding: max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))!important;
 }
 html body.settings-drawer-open .lantern-settings-drawer .ls-head :is([data-ls-expand],[data-close-settings-drawer],[data-ls-back]){
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;
 }
 html body.settings-drawer-open .lantern-settings-drawer .ls-scroll{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;
  padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom));
  scroll-padding-block:12px;-webkit-overflow-scrolling:touch;
 }
 html body.settings-drawer-open .lantern-settings-drawer .ls-footer{
  flex:0 0 auto;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom));
 }
 html body.settings-drawer-open .lantern-settings-drawer .ls-theme-tools{
  flex:0 1 auto;min-height:0;max-height:45%;overflow-y:auto;overscroll-behavior:contain;
 }
 html body.settings-drawer-open .lantern-settings-drawer :is(.ls-search-label input,.ls-filter-label select,.ls-field input){font-size:max(16px,calc(.85rem * var(--scale,1)))}
}