/* Shared header geometry and stronger weather contrast. */
.app header{display:flex;align-items:center;gap:8px;padding-left:18px;padding-right:18px}.brand{min-width:0;flex:1;align-items:center;gap:8px;white-space:nowrap;line-height:1}.brand-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;line-height:1;font-size:28px;box-sizing:border-box}.brand-name{font-size:21px;font-weight:850;line-height:1.15;letter-spacing:-.7px}.app header #settings{display:grid;place-items:center;width:38px;height:38px;padding:0;line-height:1;color:var(--text)}#settings .ui-icon{display:block;vertical-align:middle;stroke-width:1.9}header .weather-widget{height:46px;min-width:106px;max-width:124px;gap:5px;padding:6px 8px;color:var(--text);opacity:1}header .weather-widget span{font-size:13px;font-weight:850;color:var(--text);opacity:1;max-width:79px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .weather-widget b{font-size:20px;font-weight:850;color:var(--text);line-height:1.05}.weather-place strong{font-size:20px;font-weight:850;color:var(--text)}.weather-place small{font-size:12px;font-weight:650;color:var(--text);opacity:.85}.weather-provider{font-size:11px;font-weight:850}.weather-provider span{font-size:11px;color:var(--text)}.date-jump{display:flex;flex-direction:column;gap:7px;width:100%;max-width:100%;min-width:0;margin-bottom:3px;overflow:hidden}.date-jump input[type=date],input[type=date],input[type=time]{box-sizing:border-box;min-width:0;max-width:100%;width:100%;display:block;-webkit-appearance:none;appearance:none;min-height:49px;line-height:1.35;padding:12px;color:var(--text)}input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}.calendar-tools{flex-wrap:wrap;gap:10px}
@media(max-width:380px){.app header{padding-left:13px;padding-right:13px;gap:6px}.brand-name{font-size:18px}.brand{gap:6px}.brand-icon{flex-basis:30px;width:30px;height:30px;font-size:25px}header .weather-widget{min-width:100px;max-width:116px}.app header #settings{width:34px;height:34px;flex-basis:34px}}
@media(max-width:340px){.brand-name{font-size:16px}.brand-icon{flex-basis:27px;width:27px;height:27px}header .weather-widget{min-width:88px;max-width:101px}header .weather-widget span{font-size:11px}.app header{gap:4px;padding-left:10px;padding-right:10px}}