.scb-weather-wrap{--scb-bg:#f4f7fb;--scb-card:#fff;--scb-text:#1e293b;--scb-muted:#64748b;--scb-border:rgba(30,41,59,.08);--scb-shadow:0 4px 20px rgba(30,41,59,.06);--scb-radius:14px;--scb-accent:#3b82f6;--scb-sun:#f59e0b;--scb-rain:#0ea5e9;--scb-cloud:#94a3b8;--scb-mist:#a1a1aa;margin:1.5rem 0 1.25rem;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--scb-text);line-height:1.4;-webkit-font-smoothing:antialiased;box-sizing:border-box}.scb-weather-wrap *,.scb-weather-wrap *:before,.scb-weather-wrap *:after{box-sizing:border-box}.scb-weather-inner{background:linear-gradient(165deg,#eef4fb 0%,#f8fafc 50%,#eef2f7 100%);border-radius:calc(var(--scb-radius) + 2px);padding:1rem .85rem .85rem;border:1px solid var(--scb-border);box-shadow:var(--scb-shadow)}.scb-weather-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.85rem;flex-wrap:wrap}.scb-weather-title-group{display:flex;align-items:center;gap:.45rem;min-width:0}.scb-weather-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--scb-accent);flex-shrink:0}.scb-weather-title{margin:0;font-size:.95rem;font-weight:650;letter-spacing:-.01em;color:var(--scb-text)}.scb-weather-source{font-size:.65rem;font-weight:500;color:var(--scb-muted);background:rgba(255,255,255,.75);padding:.2rem .5rem;border-radius:999px;border:1px solid var(--scb-border);white-space:nowrap}.scb-weather-grid{display:flex;flex-wrap:nowrap;gap:.6rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.scb-weather-grid::-webkit-scrollbar{height:3px}.scb-weather-grid::-webkit-scrollbar-thumb{background:rgba(100,116,139,.3);border-radius:3px}.scb-card{background:var(--scb-card);border-radius:var(--scb-radius);padding:.8rem .85rem .75rem;border:1px solid var(--scb-border);box-shadow:0 2px 10px rgba(30,41,59,.04);display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden;min-width:148px;flex:0 0 auto;scroll-snap-align:start}.scb-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#93c5fd,#60a5fa);opacity:.9}.scb-card.scb-accent-sun:before{background:linear-gradient(90deg,#fcd34d,#f59e0b)}.scb-card.scb-accent-rain:before{background:linear-gradient(90deg,#7dd3fc,#0ea5e9)}.scb-card.scb-accent-cloud:before{background:linear-gradient(90deg,#cbd5e1,#94a3b8)}.scb-card.scb-accent-mist:before{background:linear-gradient(90deg,#d4d4d8,#a1a1aa)}.scb-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:.35rem}.scb-card-location{font-size:.78rem;font-weight:650;color:var(--scb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.scb-card-time{font-size:.66rem;color:var(--scb-muted);font-weight:500;font-variant-numeric:tabular-nums;flex-shrink:0}.scb-card-main{display:flex;align-items:center;gap:.55rem}.scb-card-icon-wrap{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(145deg,#f0f5fb,#e8eef8)}.scb-card-icon,.scb-svg-icon{width:30px;height:30px;object-fit:contain;color:var(--scb-accent)}.scb-accent-sun .scb-svg-icon{color:var(--scb-sun)}.scb-accent-rain .scb-svg-icon{color:var(--scb-rain)}.scb-accent-cloud .scb-svg-icon{color:var(--scb-cloud)}.scb-accent-mist .scb-svg-icon{color:var(--scb-mist)}.scb-card-temp-group{display:flex;flex-direction:column;gap:.06rem;min-width:0}.scb-card-temp{font-size:1.4rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--scb-text);font-variant-numeric:tabular-nums}.scb-card-temp sup{font-size:.55em;font-weight:600;top:-.5em;margin-left:1px}.scb-card-desc{font-size:.7rem;color:var(--scb-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.scb-card-meta{display:flex;flex-wrap:wrap;gap:.4rem .75rem;padding-top:.1rem;border-top:1px solid var(--scb-border)}.scb-meta-item{display:inline-flex;align-items:center;gap:.2rem;font-size:.66rem;color:var(--scb-muted);font-weight:500;font-variant-numeric:tabular-nums}.scb-meta-item svg{opacity:.7;flex-shrink:0}.scb-card-error{opacity:.85}.scb-card-main-error{min-height:48px;align-items:center;justify-content:center}.scb-error-msg{font-size:.72rem;color:var(--scb-muted);text-align:center}.scb-weather-footer{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.75rem;font-size:.64rem;color:var(--scb-muted);font-weight:450;text-align:center;padding:0 .25rem}.scb-live-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.22);animation:scb-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes scb-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.88)}}.scb-browser{margin-top:.9rem;border:1px solid var(--scb-border);border-radius:12px;background:rgba(255,255,255,.7);overflow:hidden}.scb-browser-bar{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .65rem;border-bottom:1px solid var(--scb-border);background:rgba(255,255,255,.55)}.scb-browser-tabs{display:flex;gap:.3rem;width:100%}.scb-tab{flex:1;border:1px solid var(--scb-border);background:#fff;color:var(--scb-muted);font-size:.78rem;font-weight:600;padding:.45rem .5rem;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent;min-height:40px}.scb-tab:hover{background:rgba(59,130,246,.06);color:var(--scb-text)}.scb-tab.is-active{background:#3b82f6;color:#fff;border-color:#3b82f6}.scb-browser-search-wrap{position:relative;width:100%}.scb-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--scb-muted);pointer-events:none}.scb-browser-search{width:100%;padding:.55rem .7rem .55rem 2.1rem;border:1px solid var(--scb-border);border-radius:10px;font-size:.88rem;font-family:inherit;background:#fff;color:var(--scb-text);outline:none;min-height:44px;-webkit-appearance:none;appearance:none}.scb-browser-search:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.scb-browser-search::placeholder{color:#94a3b8}.scb-browser-list{max-height:220px;overflow-y:auto;padding:.3rem;display:flex;flex-direction:column;gap:2px;-webkit-overflow-scrolling:touch}.scb-list-group{font-size:.66rem;font-weight:700;color:var(--scb-muted);text-transform:uppercase;letter-spacing:.04em;padding:.5rem .55rem .2rem}.scb-list-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;border:none;background:0 0;padding:.6rem .65rem;border-radius:8px;cursor:pointer;font-family:inherit;color:var(--scb-text);transition:background .12s;min-height:44px;-webkit-tap-highlight-color:transparent}.scb-list-item:hover,.scb-list-item.is-active{background:rgba(59,130,246,.12)}.scb-list-name{font-size:.88rem;font-weight:560}.scb-list-meta{font-size:.68rem;color:var(--scb-muted);font-weight:500;flex-shrink:0}.scb-list-empty{padding:1.1rem;text-align:center;font-size:.82rem;color:var(--scb-muted)}.scb-browser-result{padding:.65rem;border-top:1px solid var(--scb-border);background:rgba(255,255,255,.45)}.scb-browser-result .scb-card{max-width:100%;min-width:0;width:100%;flex:none}.scb-loading{padding:.9rem;text-align:center;font-size:.84rem;color:var(--scb-muted)}.scb-loading-error{color:#dc2626}@media (min-width:600px){.scb-weather-inner{padding:1.15rem 1.1rem 1rem}.scb-weather-grid{overflow-x:visible}.scb-primary .scb-card{flex:1 1 0;min-width:0}.scb-browser-bar{flex-direction:row;align-items:center}.scb-browser-tabs{width:auto;flex-shrink:0}.scb-tab{flex:none;min-height:36px;padding:.4rem .85rem}.scb-browser-search-wrap{flex:1}.scb-browser-result .scb-card{max-width:280px}.scb-card-temp{font-size:1.55rem}}@media (prefers-color-scheme:dark){.scb-weather-wrap{--scb-bg:#1a2332;--scb-card:#243044;--scb-text:#e8eef6;--scb-muted:#94a3b8;--scb-border:rgba(255,255,255,.07);--scb-shadow:0 4px 20px rgba(0,0,0,.28)}.scb-weather-inner{background:linear-gradient(165deg,#1e2a3a 0%,#243044 50%,#1c2736 100%)}.scb-weather-icon-badge{background:linear-gradient(135deg,#1e3a5f,#1e3048)}.scb-weather-source{background:rgba(255,255,255,.06)}.scb-card-icon-wrap{background:linear-gradient(145deg,#2a3a50,#1f2d40)}.scb-browser{background:rgba(0,0,0,.2)}.scb-browser-bar{background:rgba(0,0,0,.15)}.scb-tab{background:var(--scb-card);border-color:var(--scb-border);color:var(--scb-muted)}.scb-tab.is-active{background:#3b82f6;color:#fff;border-color:#3b82f6}.scb-browser-search{background:var(--scb-card);color:var(--scb-text)}.scb-browser-result{background:rgba(0,0,0,.12)}}