/* Navigation and the final accent palette share one consistent surface. */
:root{--mint:#527cce;--teal:#4169d8;--soft:#e7edff;--dew:#357abc;--accent-contrast:#fff}
html[data-theme=light]{--bg:#f3f5fc;--surface-soft:#f5f7fc;--ink:#192b47;--muted:#5c6f89;--line:#dae2f0}
@media(prefers-color-scheme:light){html[data-theme=system]{--bg:#f3f5fc;--surface-soft:#f5f7fc;--ink:#192b47;--muted:#5c6f89;--line:#dae2f0}}
.atmosphere-ready :focus-visible{outline-color:var(--teal)}
html[data-accent=blue],html[data-accent=teal]{--teal:#4169d8;--soft:#e7edff;--accent-contrast:#fff}
html[data-theme=dark]{--mint:#91b9ff;--soft:#243657;--dew:#8dc9ff;--accent-contrast:#10203d}
html[data-theme=dark][data-accent=blue],html[data-theme=dark][data-accent=teal]{--teal:#96baff;--soft:#243657;--accent-contrast:#10203d}
html[data-accent=violet]{--teal:#805acc;--soft:#efe9fc;--accent-contrast:#fff}
html[data-theme=dark][data-accent=violet]{--teal:#c5adff;--soft:#31294b;--accent-contrast:#221b37}
html[data-accent=sand]{--teal:#9e642c;--soft:#f5ead9;--accent-contrast:#fff}
html[data-theme=dark][data-accent=sand]{--teal:#efbc7e;--soft:#3a3040;--accent-contrast:#281c13}
html[data-accent=custom]{--teal:var(--custom-accent);--soft:color-mix(in srgb,var(--custom-accent) 15%,var(--surface));--accent-contrast:var(--custom-contrast)}
@media(prefers-color-scheme:dark){html[data-theme=system]{--mint:#91b9ff;--soft:#243657;--dew:#8dc9ff;--accent-contrast:#10203d}html[data-theme=system][data-accent=blue],html[data-theme=system][data-accent=teal]{--teal:#96baff;--soft:#243657;--accent-contrast:#10203d}html[data-theme=system][data-accent=violet]{--teal:#c5adff;--soft:#31294b;--accent-contrast:#221b37}html[data-theme=system][data-accent=sand]{--teal:#efbc7e;--soft:#3a3040;--accent-contrast:#281c13}}
.atmosphere-ready .topbar .site-logo{color:var(--dew);background:linear-gradient(145deg,color-mix(in srgb,var(--dew) 22%,var(--surface)),var(--surface));box-shadow:inset 0 1px #ffffff45,0 4px 8px #02091440;transform:rotate(-5deg);border:1px solid color-mix(in srgb,var(--dew) 35%,var(--line));border-radius:13px}
.atmosphere-ready .topbar .site-logo svg{filter:drop-shadow(0 2px 1px #07122555)}
.atmosphere-ready .primary{background:var(--teal);color:var(--accent-contrast);box-shadow:inset 0 1px #ffffff50,0 3px 0 color-mix(in srgb,var(--teal) 48%,#152547),0 5px 12px #040f2925}
.atmosphere-ready .primary:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff35,0 1px 0 color-mix(in srgb,var(--teal) 48%,#152547)}
.primary-workspaces{display:none}
.nav-group{position:relative;border:0;margin:0;padding:0;flex:1;min-width:0}
.nav-group>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:8px 10px;min-height:48px;border-radius:12px;border:1px solid transparent;font-size:calc(14px * var(--text-factor));font-weight:550;color:var(--muted);white-space:nowrap;transition:background .18s,box-shadow .18s}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:after{display:none}
.nav-group>summary:hover,.nav-group[open]>summary{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
.nav-group[data-current=true]>summary{background:var(--soft);color:var(--ink);border-color:color-mix(in srgb,var(--teal) 25%,var(--line));box-shadow:inset 0 1px #ffffff10}
.nav-orb{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;flex:none;background:linear-gradient(140deg,color-mix(in srgb,currentColor 18%,var(--surface)),var(--surface));box-shadow:inset 0 1px #ffffff35,inset 0 -2px #00000020,0 3px 6px #02091630;transform:rotate(-5deg);transition:transform .2s}
.nav-orb .ui-icon{width:17px;height:17px;filter:drop-shadow(0 1px 1px #09152745)}
.nav-group:hover .nav-orb,.nav-group[open] .nav-orb{transform:rotate(4deg) translateY(-1px)}
.nav-chevron{font-size:16px;opacity:.6;margin-left:auto;line-height:1;transition:transform .2s}
.nav-group[open] .nav-chevron{transform:rotate(180deg)}
.nav-popover{position:absolute;top:calc(100% + 12px);left:0;z-index:55;width:252px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 16px 45px #02091460,inset 0 1px #ffffff12;animation:nav-arrive .16s ease-out}
.nav-group:nth-last-child(-n+2) .nav-popover{left:auto;right:0}
.nav-popover>.eyebrow{display:block;padding:4px 9px 10px;font-size:11px;color:var(--muted)}
.nav-popover>a{display:flex;align-items:center;gap:10px;padding:12px 9px;font-size:14px;color:var(--ink);text-decoration:none;border-radius:10px;min-height:44px}
.nav-popover>a:hover,.nav-popover>a:focus-visible{background:var(--soft)}
.nav-popover>a>.ui-icon:first-child{color:var(--teal);width:19px}.nav-popover>a>.ui-icon:last-child{margin-left:auto;width:13px;color:var(--muted)}
.tools-dialog .tool-search{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;padding:0 15px;min-height:54px;margin:20px 0 18px}
.tools-dialog .tool-search>.ui-icon{width:20px;height:20px;flex:0 0 20px}
.tools-dialog .tool-search input{flex:1 1 auto;min-width:0;width:auto;height:52px;padding:0;border:0;box-shadow:none;outline:0;font-size:16px;line-height:1.3;background:transparent}
.tools-dialog .tool-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 14%,transparent)}
.tool-search kbd{font:11px var(--sans);padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}
.tool-stations{padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:12px}.tool-stations[hidden]{display:none}
.tool-stations h3{font-size:13px;color:var(--muted);font-weight:500;margin:0 0 10px}
.tool-stations>div{display:flex;gap:8px;flex-wrap:wrap}
.tool-stations button{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--ink);font-size:13px}
.tool-stations button .ui-icon{color:var(--dew);width:17px}.tool-stations button small{font-size:11px;color:var(--muted)}
.tools-dialog #tool-directory a,.tools-dialog #tool-directory button{font-size:14px}.tools-dialog .tools-note{font-size:13px}
.weather-object{display:block;object-fit:contain;pointer-events:none;filter:drop-shadow(0 7px 5px #02091445);transition:transform .3s ease}
.weather-stat{position:relative}.weather-stat>.weather-object{position:absolute;right:12px;top:20px;width:57px;height:57px;opacity:.95}
.weather-stat.has-weather-object>span,.weather-stat.has-weather-object>strong{max-width:calc(100% - 55px)}
.weather-stat.has-weather-object>small{display:block;max-width:calc(100% - 55px)}
.weather-stat:hover>.weather-object{transform:translateY(-4px) rotate(6deg)}
.instrument-card{position:relative;isolation:isolate}.instrument-card>.weather-object{position:absolute;top:8px;right:12px;width:70px;height:70px;z-index:-1;opacity:.85}.instrument-card:hover>.weather-object{transform:translateY(-4px) rotate(-5deg)}
.instrument-card:has(>.weather-object)>header{padding-right:66px}.instrument-card>.weather-object~.instrument-value{padding-right:65px}
.moisture-instrument:has(>.weather-object)>.eyebrow{padding-right:65px;min-height:33px;display:block}.moisture-instrument .moisture-values{position:relative;z-index:1}
.hourly-head>.ui-icon{display:none}.hourly-head>.weather-object{width:47px;height:47px;margin:-7px 0;transform:rotate(10deg)}
.forecast-visual-head .weather-object{width:56px;height:56px;display:inline-block;vertical-align:middle;margin-right:7px}
.atmosphere-ready .instrument-card{box-shadow:inset 0 1px #ffffff12,0 5px 12px #02091420;background:linear-gradient(135deg,var(--surface-soft),var(--surface))}
@keyframes nav-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:901px){
 html[data-nav-position=top] .atmosphere-ready .topbar{flex-wrap:nowrap;justify-content:flex-start;gap:14px;height:72px}
 html[data-nav-position=top] .atmosphere-ready .topbar .brand{margin-right:auto;flex:none}
 html[data-nav-position=top] .atmosphere-ready .topbar .top-actions{width:auto;flex-wrap:nowrap;flex:none}
 html[data-nav-position=top] .atmosphere-ready .primary-workspaces{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
 html[data-nav-position=top] .atmosphere-ready .workspace-rail{display:none}
 html[data-nav-position=top] .atmosphere-ready .side-nav{padding:7px 10px;gap:10px;z-index:40;overflow:visible}
 html[data-nav-position=top] .atmosphere-ready .workspace-overflow{box-shadow:none;padding-left:10px;border-left:1px solid var(--line)}
 html[data-nav-position=top] .atmosphere-ready .workspace-overflow .all-tools-trigger{min-height:46px;padding:8px 13px;border-radius:12px;background:var(--surface-soft)}
 .atmosphere-ready .topbar .search-trigger{min-width:220px;justify-content:flex-start;padding:9px 13px}
 .atmosphere-ready .topbar .search-trigger kbd{margin-left:auto}
 .atmosphere-ready .topbar .top-actions{margin-left:auto}
}
@media(min-width:901px) and (max-width:1200px){.nav-group>summary{gap:6px;padding:8px 7px;font-size:13px}.nav-orb{width:25px;height:25px}.nav-chevron{display:none}.atmosphere-ready .topbar .search-trigger{min-width:175px}.atmosphere-ready .topbar .top-actions{gap:5px}.atmosphere-ready .topbar .search-trigger kbd{display:none}html[data-nav-position=top] .atmosphere-ready .topbar :is(#appearance-open,#notifications-open,.discord-link){font-size:0;width:38px;padding:9px;gap:0}html[data-nav-position=top] .atmosphere-ready .topbar #notification-count{display:none}}
@media(max-width:900px){
 .tools-dialog .tool-search{padding:0 11px;gap:9px}.tools-dialog .tool-search input{font-size:16px}.tool-search kbd{display:none}
 .tools-dialog #tool-directory{gap:16px 10px}.tools-dialog #tool-directory a,.tools-dialog #tool-directory button{font-size:14px;line-height:1.35}
 .tool-stations>div{display:grid;grid-template-columns:1fr 1fr}.tool-stations button{font-size:12px;gap:5px;padding:8px}.tool-stations button small{margin-left:auto;font-size:10px}
 .weather-desk.atmosphere-ready .overview-bento .weather-stat.has-weather-object{padding-right:10px!important;min-height:110px}
 .weather-stat>.weather-object{top:auto;bottom:3px;right:5px;width:42px;height:42px;opacity:.8}
 .weather-stat.has-weather-object>span,.weather-stat.has-weather-object>strong{max-width:100%}
 .weather-desk.atmosphere-ready .overview-bento .weather-stat.has-weather-object strong{margin-bottom:22px}
 .instrument-card>.weather-object{width:57px;height:57px;top:12px;right:8px}
 .atmosphere-ready .topbar .search-trigger span,.atmosphere-ready .topbar .search-trigger kbd{display:none}
 .atmosphere-ready .topbar .search-trigger{display:inline-flex!important;font-size:0!important;width:36px;min-width:36px;padding:7px}
}
.reduce-motion .nav-orb,.reduce-motion .weather-object{transition:none!important;transform:none!important}.reduce-motion .nav-popover{animation:none!important}
@media(prefers-reduced-motion:reduce){.nav-orb,.weather-object{transition:none!important;transform:none!important}.nav-popover{animation:none!important}}