.settings-page{overflow:hidden!important;overscroll-behavior:none}
.settings-shell{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr);width:min(1120px,calc(100% - 32px))!important;height:calc(100dvh - 40px);margin:20px auto!important;padding:0!important;overflow:hidden}
.settings-shell>.settings-head{grid-column:1!important;margin:0!important;padding:18px 20px!important;border-bottom:1px solid var(--accent-border);background:#071014f5}
.settings-shell>.settings-head #settingsClose.settings-icon-close{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;border:2px solid #57717a!important;border-radius:11px!important;background:linear-gradient(150deg,#374b53,#13242b 65%,#081116)!important;box-shadow:inset 0 2px 3px #d8faff55,inset 0 -3px 4px #000b,0 0 0 2px #091317,0 4px 10px #0008!important;font-size:0!important}.settings-shell>.settings-head #settingsClose.settings-icon-close:before,.settings-shell>.settings-head #settingsClose.settings-icon-close:after{content:'';position:absolute;left:50%;top:50%;width:19px;height:3px;border-radius:3px;background:#e5eef0;box-shadow:0 1px 2px #000b,0 0 5px #90ff6b77}.settings-shell>.settings-head #settingsClose.settings-icon-close:before{transform:translate(-50%,-50%) rotate(45deg)}.settings-shell>.settings-head #settingsClose.settings-icon-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.settings-shell>.settings-head #settingsClose.settings-icon-close:hover,.settings-shell>.settings-head #settingsClose.settings-icon-close:focus-visible{border-color:var(--cyan)!important;box-shadow:inset 0 2px 3px #d8faff55,inset 0 -3px 4px #000b,0 0 0 2px #091317,0 0 12px var(--accent-glow)!important}
.settings-workspace{display:grid;grid-template-columns:minmax(170px,210px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}
.settings-category-nav{display:flex;flex-direction:column;gap:4px;padding:16px 11px;border-right:1px solid var(--line);background:linear-gradient(180deg,#071014,#050a0d)}
.settings-category-tab{position:relative;min-height:48px;padding:0 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:850 12px/1 ui-monospace,monospace;letter-spacing:.09em;text-align:left;cursor:pointer}
.settings-category-tab:before{content:'';position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:3px;background:transparent}
.settings-category-tab:hover{border-color:rgba(76,224,239,.2);color:#b9d4dd;background:rgba(76,224,239,.035)}
.settings-category-tab:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.settings-category-tab[aria-selected=true]{border-color:var(--accent-border);background:var(--accent-soft);color:var(--cyan);text-shadow:0 0 9px var(--accent-glow)}
.settings-category-tab[aria-selected=true]:before{background:var(--cyan);box-shadow:0 0 10px var(--accent-glow)}
.settings-category-content{position:relative;min-width:0;min-height:0;padding:15px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.settings-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}
.settings-panel[hidden]{display:none!important}
.settings-panel>.settings-group,.settings-column>.settings-group{position:relative;margin:0!important;padding:15px!important;border-color:rgba(126,158,169,.3)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;box-shadow:inset 3px 0 0 rgba(76,224,239,.28)}
.settings-panel>.settings-group h2,.settings-column>.settings-group h2{margin-bottom:7px!important;color:var(--ink);letter-spacing:.025em}
.settings-panel>.settings-group p,.settings-column>.settings-group p{margin-bottom:14px!important;color:#9eb0b7!important}
.settings-column{display:flex;min-width:0;flex-direction:column;gap:11px}
.settings-panel[data-settings-panel="help"]>.settings-group{grid-column:1/-1}
.settings-panel>.weather-radio-studio,.settings-panel>.adaptive-performance-settings,.settings-panel>.settings-group:has(#cacheGrid),.settings-panel>.settings-group:has(.shortcut-list){grid-column:1/-1}
.settings-panel>.weather-radio-studio{box-shadow:inset 3px 0 0 rgba(255,200,87,.48)}
.settings-panel>.evdar-developer-setting,.settings-panel>.settings-group:has(.evdar-developer-setting){grid-column:1/-1;margin-top:12px!important;border-color:rgba(255,95,98,.28)!important;box-shadow:inset 3px 0 0 rgba(255,95,98,.48)}
@media(min-width:721px){
  .settings-workspace{height:100%}
  .settings-category-nav,.settings-category-content{height:100%;max-height:100%;box-sizing:border-box}
  .settings-category-nav{overflow-x:hidden;overflow-y:auto}
  .settings-panel[data-settings-panel="interface"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .settings-page.open{display:block!important;height:100%;height:100dvh}
  .settings-shell{width:100%!important;height:100%!important;height:100dvh!important;max-height:100dvh;margin:0!important;border:0!important;border-radius:0!important}
  .settings-shell>.settings-head{padding:max(12px,env(safe-area-inset-top)) 14px 12px!important}
  .settings-head h1{font-size:16px!important}.settings-version{font-size:9px}.settings-close{min-height:44px}
  .settings-workspace{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden}
  .settings-category-nav{position:relative;z-index:2;flex:0 0 auto;flex-direction:row;gap:2px;padding:5px 8px 7px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .settings-category-nav::-webkit-scrollbar{display:none}
  .settings-category-tab{flex:0 0 auto;min-width:104px;min-height:46px;padding:0 12px;text-align:center}
  .settings-category-tab:before{left:12px;right:12px;top:auto;bottom:-2px;width:auto;height:3px}
  .settings-category-content{min-height:0;flex:1 1 0;padding:12px 10px max(24px,env(safe-area-inset-bottom));overflow-y:scroll!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
  .settings-panel{grid-template-columns:1fr;gap:12px}
  .settings-panel>.settings-group{grid-column:1!important;padding:16px!important}
  .settings-column{gap:12px}
  .settings-column>.settings-group{padding:16px!important}
}