.weatherFrame{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.topBar{background:linear-gradient(90deg,#783100,#c87900);border-bottom:4px solid #2b0d00;justify-content:space-between;align-items:center;height:90px;padding:16px 24px;display:flex}.logoBox{text-align:center;color:#fff;background:#2373d9;border:4px solid #d7e7ff;justify-content:center;align-items:center;width:120px;height:60px;font-size:20px;font-weight:700;line-height:1.1;display:flex}.headerTitle{color:#ffe600;text-shadow:4px 4px #000;flex:1;padding-left:32px;font-size:54px;font-weight:700}.clockBox{text-align:right;color:#fff;font-size:28px;font-weight:700}.mainPanel{flex:1;padding:0 40px;overflow:hidden}.scrollTrack{will-change:transform;animation:vertScroll var(--scroll-dur,66s) linear infinite;padding-top:28px}@keyframes vertScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.row{align-items:center;margin-bottom:28px;display:flex}.city{color:#ffe600;text-shadow:3px 3px #000;width:340px;font-size:56px}.icon{text-align:center;width:80px;font-size:48px}.status{text-align:right;color:#ffe600;text-shadow:3px 3px #000;flex:1;font-size:56px}.musicBtn{color:#fff;cursor:pointer;letter-spacing:.05em;background:0 0;border:2px solid #ffffffb3;margin-top:6px;padding:2px 8px;font-family:inherit;font-size:14px;font-weight:700;display:block}.musicBtn:hover{background:#ffffff26;border-color:#fff}.bottomTicker{background:#06173f;border-top:4px solid #fff;align-items:center;height:70px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.nowPlaying{color:#fff9;white-space:nowrap;border-right:2px solid #ffffff4d;flex-shrink:0;margin-right:12px;padding:0 16px;font-size:18px;font-weight:700}.tickerTrack{white-space:nowrap;color:#fff;font-size:42px;font-weight:700;animation:40s linear infinite ticker}@keyframes ticker{0%{transform:translate(100vw)}to{transform:translate(-100%)}}