.topbar{background-color:var(--color-utility-bar);color:var(--color-on-utility-bar);border-bottom:1px solid var(--color-utility-bar-border);height:36px;font-size:.78rem}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:100%;display:flex}.topbar-left{white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.divider{color:var(--color-on-utility-bar-muted)}.weather-display{min-width:90px;display:inline-block}.topbar-right{flex-shrink:0;align-items:center;gap:16px;display:flex}.markets-wrapper{gap:16px;display:flex}.market-item{align-items:center;gap:6px;display:flex}.market-label{color:var(--color-on-utility-bar-muted);font-weight:500}.market-value{color:#fff;font-weight:600}.market-icon.up{color:var(--color-trend-up-on-dark)}.market-icon.down{color:var(--color-trend-down-on-dark)}.market-icon.neutral{color:var(--color-on-utility-bar-muted)}.topbar-auth-link{color:var(--color-on-utility-bar);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.75rem;font-weight:600;display:flex;position:relative}.topbar-auth-link:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar-auth-link:hover{color:#fff}@media (max-width:768px){.topbar-right{flex:1;min-width:0;margin-left:15px}.markets-wrapper{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;min-width:0;overflow-x:auto}.markets-wrapper::-webkit-scrollbar{display:none}}@media (max-width:480px){.topbar{font-size:.68rem}.topbar-inner{gap:8px}.topbar-left{gap:6px;min-width:0;overflow:hidden}.date-display{white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.weather-display,.divider{display:none}.topbar-right{margin-left:8px}.market-label{display:none}.market-item{gap:4px}.markets-wrapper{gap:10px}.topbar-auth-link span{display:none}}