html:is(#r20,html):is(#ui,html):is(#header,html):is(#mode,html) body .hub-utilities>[data-mode-toggle]{width:52px!important;min-width:52px!important;max-width:52px!important;height:34px!important;min-height:34px!important;max-height:34px!important;border-radius:9px!important}.hub-utilities>[data-mode-toggle] .mode-half>svg{width:14px!important;height:14px!important}.hub-utilities>[data-mode-toggle] .mode-sun>svg{left:5px!important;top:3px!important}.hub-utilities>[data-mode-toggle] .mode-moon>svg{right:5px!important;bottom:3px!important}
.tile-world-map{width:100%;height:100%;object-fit:cover;border-radius:14px;opacity:.9;filter:none!important}.tile-daily{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font:bold 23px monospace;letter-spacing:7px;background:var(--panel);color:var(--text);border:1px solid var(--accent);border-radius:8px;padding:6px 15px;white-space:nowrap}
@media(min-width:1050px){html:is(#r20,html) .hub-nav{gap:4px!important;flex-wrap:nowrap!important}html:is(#r20,html) .hub-nav a{padding:8px 10px!important;font-size:14px!important;white-space:nowrap}}@media(min-width:750px) and (max-width:1049px){html:is(#r20,html) .hub-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px!important}html:is(#r20,html) .hub-nav a{text-align:center;padding:8px 4px!important;font-size:13px!important}}@media(max-width:749px){html:is(#r20,html) .hub-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;gap:6px!important;scrollbar-width:thin;max-width:100%;padding-block:4px!important}html:is(#r20,html) .hub-nav a{flex:none;white-space:nowrap}}