.world-shell{display:grid;gap:16px}.world-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.world-hero h2{margin:0 0 6px}.world-actions{display:flex;gap:8px;flex-wrap:wrap}.world-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.world-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:16px;min-width:0}.world-span-12{grid-column:span 12}.world-span-8{grid-column:span 8}.world-span-6{grid-column:span 6}.world-span-4{grid-column:span 4}.world-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end}.world-field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--muted)}.world-field input,.world-field select{width:100%}.world-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.world-status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e}.world-current{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:center}.world-temp{font-size:54px;font-weight:800;line-height:1}.world-condition{font-size:18px;font-weight:700;margin-top:6px}.world-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.world-metric{padding:10px;border-radius:12px;background:var(--surface-2)}.world-metric span{display:block;font-size:11px;color:var(--muted)}.world-metric b{display:block;margin-top:3px}.world-forecast{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.world-day{padding:10px;border:1px solid var(--border);border-radius:13px;text-align:center;background:var(--surface-2)}.world-day b{display:block}.world-day small{color:var(--muted)}.world-aqi{display:flex;align-items:center;gap:16px}.world-aqi-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:10px solid var(--primary);font-size:24px;font-weight:800}.world-alert{padding:12px;border-left:4px solid #f59e0b;border-radius:10px;background:var(--surface-2);margin-top:8px}.world-alert.good{border-left-color:#22c55e}.world-map-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.world-map-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.world-map-stage{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#dff3ff;position:relative}.world-map-stage img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.world-map-caption{padding:10px 12px;font-size:12px;color:var(--muted);background:var(--surface)}.world-favorites{display:flex;gap:8px;flex-wrap:wrap}.world-fav{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:99px;background:var(--surface-2)}.world-fav button{border:0;background:transparent;color:var(--muted);cursor:pointer}.world-empty{padding:28px;text-align:center;color:var(--muted)}.world-updated{font-size:10px;color:var(--muted);margin-top:10px;border-top:1px solid var(--border);padding-top:7px}.world-country{display:grid;gap:8px}.world-country-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:7px 0}.world-country-row:last-child{border-bottom:0}.world-clock{font-size:30px;font-weight:800}.world-source{font-size:11px;color:var(--muted)}
@media(max-width:1000px){.world-span-8,.world-span-6,.world-span-4{grid-column:span 12}.world-forecast{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.world-hero{flex-direction:column}.world-toolbar{grid-template-columns:1fr}.world-current{grid-template-columns:1fr}.world-forecast{grid-template-columns:repeat(2,1fr)}.world-temp{font-size:44px}}

/* v0.7.4 interactive map + offline atlas */
.world-subtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.world-subtabs button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:14px;padding:13px 12px;font-weight:700;cursor:pointer}.world-subtabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.world-tab-panel{display:none}.world-tab-panel.active{display:block}.world-online-badge{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700}.world-online-badge.online{background:rgba(34,197,94,.12);color:#16813b}.world-online-badge.offline{background:rgba(245,158,11,.14);color:#a66005}.world-map-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.world-map-controls label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted)}.world-map-controls select{min-width:130px}.world-link-btn{text-decoration:none;display:inline-flex;align-items:center}.world-interactive-wrap{position:relative;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface-2);min-height:520px}.world-interactive-wrap iframe{display:block;width:100%;height:520px;border:0;background:#dceef7}.world-offline-cover{display:none;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:30px;background:var(--surface)}.world-offline-cover.show{display:flex}.world-map-location{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px 0}.world-search-list{max-height:310px;overflow:auto}.world-map-stage img{cursor:zoom-in}.world-map-stage img:hover{filter:contrast(1.02)}
@media(max-width:700px){.world-subtabs{grid-template-columns:1fr}.world-map-controls{align-items:stretch}.world-map-controls>*{width:100%}.world-map-controls select{width:100%}.world-interactive-wrap,.world-interactive-wrap iframe{min-height:390px;height:390px}.world-map-location{align-items:flex-start;flex-direction:column}}

/* v0.10.2 atlas zoom and user map library */
.world-atlas-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}.world-zoom-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.world-upload-btn{display:inline-flex;align-items:center;cursor:pointer}.world-map-stage{height:min(72vh,760px);min-height:420px;overflow:hidden;touch-action:none;cursor:grab}.world-map-stage.dragging{cursor:grabbing}.world-map-canvas{width:100%;height:calc(100% - 42px);display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform}.world-map-stage img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;cursor:zoom-in}.world-map-stage.zoomed img{cursor:grab}.world-map-caption{position:absolute;left:0;right:0;bottom:0;z-index:3}.world-user-maps{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.world-user-map-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.world-user-map-row{display:flex;gap:8px;align-items:stretch;padding:8px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.world-user-map-open{flex:1;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer;min-width:0}.world-user-map-open b,.world-user-map-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-user-map-open small{color:var(--muted);margin-top:4px}.world-empty.compact{padding:14px}.world-zoom-controls #worldAtlasZoomLabel{display:inline-block;min-width:48px;text-align:center}@media(max-width:720px){.world-atlas-toolbar{display:block}.world-zoom-controls{margin-top:10px}.world-map-stage{height:58vh;min-height:360px}.world-user-map-list{grid-template-columns:1fr}}