.settings-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--border,var(--line,#c7d3df));border-radius:11px;color:var(--text,#253544);background:var(--panel,#f8fafdf5);cursor:pointer}
.settings-trigger svg{width:21px;height:21px;display:block}.topbar .settings-trigger{margin-left:0;pointer-events:auto}.home-header .home-clock{margin-left:auto}.home-header .settings-trigger{background:transparent}
dialog.display-settings{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px max(24px,calc((100vw - 900px)/2));overflow:hidden;border:0;border-radius:0;color:var(--text,#253544);background:var(--panel-solid,var(--panel,#f8fafd));box-shadow:none;font:14px/1.6 var(--sans,system-ui,sans-serif);text-align:left}
dialog.display-settings[open]{display:flex;flex-direction:column}.display-settings::backdrop{background:var(--bg,#f3f6fb)}
.display-settings-heading{display:flex;align-items:center;justify-content:space-between;flex:none;gap:16px;margin:0 0 24px;padding:0;background:transparent;border:0}.display-settings-heading h2{margin:0;font:600 23px/1.3 var(--sans,system-ui,sans-serif);letter-spacing:0}
.display-settings-heading button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--border,var(--line,#c7d3df));border-radius:10px;background:transparent;color:inherit;cursor:pointer}.display-settings-heading svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.settings-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;padding:0 8px 24px 1px}
.display-settings fieldset{min-width:0;margin:0 0 26px;padding:0;border:0}.display-settings legend{margin:0 0 9px;padding:0 14px;font-size:12px;font-weight:500;color:var(--muted,#526779)}
.display-settings{--settings-card:#fff;--settings-selected:#edf3f5}
:is(html.night,body.night) .display-settings{--settings-card:#1b2e3c;--settings-selected:#243d4b}
.settings-list{overflow:hidden;border:1px solid var(--border,var(--line,#c7d3df));border-radius:12px;background:var(--settings-card)}
.display-settings .sound-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;margin:0;padding:14px 16px;box-sizing:border-box;position:relative}.sound-setting-row>div,.sound-setting-row>span{min-width:0}.sound-setting-row strong{font-size:15px;font-weight:500;line-height:1.5}.sound-setting-row p{margin:3px 0 0;font-size:12px;line-height:1.6;color:var(--muted,#526779)}
.settings-list>.sound-setting-row+.sound-setting-row:before,.settings-list>.settings-boarding-audio+.sound-setting-row:before,.settings-list>.sound-setting-row+.settings-boarding-audio:before,.display-mode+.display-mode:before{content:'';position:absolute;top:0;left:16px;right:0;height:1px;background:var(--border,var(--line,#c7d3df))}.settings-boarding-audio{position:relative}
.display-settings .settings-switch{appearance:none;-webkit-appearance:none;box-sizing:border-box;position:relative;display:block;flex:0 0 51px;width:51px;height:31px;min-height:31px;max-width:none;margin:0;padding:0;border:0;border-radius:999px;background:#8d98a766;box-shadow:inset 0 0 0 1px #60708012;color:transparent;font-size:0;cursor:pointer;transition:background-color .18s ease;touch-action:manipulation}
.display-settings .settings-switch:before{content:'';position:absolute;inset:-7px -1px}.display-settings .settings-switch:after{content:'';position:absolute;left:2px;top:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s ease}.display-settings .settings-switch[aria-checked=true],.display-settings input.settings-switch:checked{background:#34c759}.display-settings .settings-switch[aria-checked=true]:after,.display-settings input.settings-switch:checked:after{transform:translateX(20px)}.display-settings .settings-switch:disabled{opacity:.45;cursor:default}
.display-settings .display-mode{display:flex;align-items:center;gap:16px;position:relative;margin:0;padding:14px 16px;min-height:66px;box-sizing:border-box;cursor:pointer}.display-mode input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.display-mode>span{display:grid;gap:3px;min-width:0;flex:1}.display-mode strong{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500}.display-mode strong small{font-size:10px;font-weight:500;color:var(--accent,#245f91);border:1px solid currentColor;border-radius:5px;padding:0 5px}.display-mode>span>span{font-size:12px;color:var(--muted,#526779);line-height:1.6}.display-mode:after{content:'';width:22px;flex:none;text-align:center;color:var(--accent,#245f91);font-size:20px;font-weight:600}.display-mode.selected:after{content:'✓'}.display-mode.selected{background:var(--settings-selected)}
.settings-status{padding:8px 14px 0}.settings-status:empty{display:none}.settings-status p,.display-settings .display-runtime,.display-storage-status,.settings-empty{font-size:12px;line-height:1.7;color:var(--muted,#526779);margin:6px 0 0}.display-settings .display-runtime{padding:0 14px}.settings-empty{padding:14px 16px;margin:0}.display-storage-status{padding:0 14px;margin:0}
#airport-sound-availability{padding:0 14px 14px}#airport-sound-availability strong{color:var(--text)}#airport-sound-availability a{color:var(--accent);text-underline-offset:3px}
.display-settings .settings-status button,.display-settings .location-actions button{box-sizing:border-box;min-height:42px;border:1px solid var(--border,var(--line,#c7d3df));border-radius:9px;padding:9px 14px;font:13px/1.5 var(--sans,system-ui,sans-serif);color:var(--accent,#245f91);background:transparent;cursor:pointer}.settings-trigger:focus-visible,.display-settings button:focus-visible,.display-settings input:focus-visible,.display-mode:focus-within{outline:2px solid var(--accent,#245f91);outline-offset:3px}.display-mode:focus-within{outline-offset:-3px}
@media(max-width:720px){dialog.display-settings{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.display-settings-heading{margin-bottom:18px}.display-settings-heading h2{font-size:20px}.settings-scroll{scrollbar-gutter:auto}}
@media(max-width:380px){.home-header{gap:12px}.home-header .home-brand{font-size:15px}.home-header .home-brand .plane-icon{width:26px}.home-header .home-clock time{font-size:17px}.home-header .settings-trigger{flex-basis:40px;width:40px;height:40px}.display-settings .sound-setting-row{gap:14px}}
@media(prefers-reduced-motion:reduce){.display-settings .settings-switch,.display-settings .settings-switch:after{transition:none}}
