:root{--globe-overlay-bg:#0f172ad9;--globe-overlay-solid:#0f172a;--globe-overlay-blur:blur(16px);--globe-border:#818cf833;--globe-text-primary:#f8fafc;--globe-text-muted:#94a3b8;--globe-accent:#818cf8;--globe-shadow:0 8px 32px #0006}[data-theme=cream-light]{--globe-overlay-bg:#fdfbf7f2;--globe-overlay-solid:#fdfbf7;--globe-border:#0f172a26;--globe-text-primary:#0f172a;--globe-text-muted:#64748b;--globe-shadow:0 8px 32px #0000001a}.globe-main{flex:1;height:100vh;position:relative;overflow:hidden;max-width:none!important;margin:0!important;padding:0!important}.globe-page,.globe-stage,.globe-container{width:100%;height:100%;color:var(--globe-text-primary);pointer-events:none;font-family:Inter,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.globe-page>*{pointer-events:auto}.globe-canvas-wrapper{pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.globe-page.filter-open .globe-canvas-wrapper{transform:translate(-160px)}.globe-canvas-wrapper>*{pointer-events:auto}.globe-panel{background:var(--globe-overlay-bg);-webkit-backdrop-filter:var(--globe-overlay-blur);backdrop-filter:var(--globe-overlay-blur);border:1px solid var(--globe-border);box-shadow:var(--globe-shadow);border-radius:12px}.globe-ui-top{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute;top:24px;left:24px;right:24px}.globe-ui-top>*{pointer-events:auto}.globe-header{flex-direction:column;gap:12px;max-width:400px;display:flex}.globe-title-area{background:var(--globe-overlay-bg);-webkit-backdrop-filter:var(--globe-overlay-blur);backdrop-filter:var(--globe-overlay-blur);border:1px solid var(--globe-border);box-shadow:var(--globe-shadow);border-radius:12px;padding:16px 20px}.globe-title-area h1{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600}.globe-subtitle{color:var(--globe-text-muted);margin:4px 0 0;font-size:.85rem;line-height:1.4}.globe-active-view{border:1px solid var(--globe-border);color:var(--globe-accent);background:#818cf81a;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.globe-top-right{flex-direction:column;align-items:flex-end;gap:12px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex}.globe-page.filter-open .globe-top-right{transform:translate(-320px)}.globe-controls-row{background:var(--globe-overlay-bg);-webkit-backdrop-filter:var(--globe-overlay-blur);backdrop-filter:var(--globe-overlay-blur);border:1px solid var(--globe-border);box-shadow:var(--globe-shadow);border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.update-text{color:var(--globe-text-muted);border-right:1px solid var(--globe-border);padding-right:8px;font-size:.8rem}.btn-icon{color:var(--globe-text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.85rem;transition:all .2s;display:flex}.btn-icon:hover{color:var(--globe-accent);background:#818cf826}.quick-filters{flex-wrap:nowrap;justify-content:flex-end;gap:8px;max-width:100%;display:flex}.quick-filter-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--globe-text-primary);cursor:pointer;white-space:nowrap;background:#1e1b4b99;border:1px solid #818cf833;border-radius:8px;padding:8px 14px;font-size:.8rem;transition:all .2s}.quick-filter-btn:hover{background:#312e81cc;border-color:#818cf866;box-shadow:0 0 12px #818cf826}.quick-filter-btn.active{color:#fff;background:#4338cacc;border-color:#818cf899;box-shadow:0 0 12px #818cf84d}.globe-active-filters{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.filter-chip{color:var(--globe-accent);background:#818cf81a;border:1px solid #818cf84d;border-radius:16px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;display:flex}.filter-chip button{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.globe-filter-drawer{background:var(--bg-sidebar,#090e17);z-index:50;border-left:1px solid #ffffff0d;flex-direction:column;width:320px;height:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%);box-shadow:-12px 0 32px #0009}.globe-filter-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--globe-border);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-header h2{margin:0;font-size:1.1rem}.close-drawer{color:var(--globe-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem}.drawer-content{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{text-transform:uppercase;color:var(--globe-text-muted);letter-spacing:.05em;font-size:.8rem;font-weight:600}.filter-group select,.filter-group input{border:1px solid var(--globe-border);color:var(--globe-text-primary);background:#0003;border-radius:6px;padding:10px 12px;font-family:inherit}[data-theme=cream-light] .filter-group select,[data-theme=cream-light] .filter-group input{background:#fffc}.coordinate-search{background:var(--globe-overlay-bg);border:1px solid var(--globe-border);border-radius:8px;transition:border-color .2s;display:flex;overflow:hidden}.coordinate-search.error{border-color:#fb7185}.coordinate-search input{color:var(--globe-text-primary);background:0 0;border:none;outline:none;width:200px;padding:8px 12px;font-size:.85rem}.coordinate-search button{border:none;border-left:1px solid var(--globe-border);color:var(--globe-accent);cursor:pointer;background:#818cf81a;padding:0 12px;transition:background .2s}.coordinate-search button:hover{background:#818cf833}.coordinate-search-marker{cursor:pointer;z-index:100;width:14px;height:14px;position:relative;transform:translate(-50%,-100%)}.pin-head{background:#fb7185;border:1.5px solid #ffffffe6;border-radius:50% 50% 50% 0;width:14px;height:14px;position:relative;transform:rotate(-45deg);box-shadow:0 4px 12px #fb718599}.pin-head:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pin-point{filter:blur(2px);background:#0000004d;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.globe-briefing{z-index:10;width:360px;padding:20px;position:absolute;bottom:24px;left:24px}.globe-briefing h3{color:var(--globe-text-primary);align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;display:flex}.globe-briefing p{color:var(--globe-text-muted);margin:0 0 10px;font-size:.85rem;line-height:1.6}.briefing-toggle-btn{border:1px solid var(--globe-border);width:100%;color:var(--globe-text-primary);cursor:pointer;background:0 0;border-radius:6px;margin-top:8px;padding:6px;font-size:.8rem;font-weight:500;transition:all .2s}.briefing-toggle-btn:hover{color:var(--globe-accent);background:#818cf826;border-color:#818cf866}.globe-legend{z-index:10;min-width:200px;padding:16px 20px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:24px;right:24px}.globe-page.filter-open .globe-legend{transform:translate(-320px)}.globe-legend h4{color:var(--globe-text-primary);margin:0 0 12px;font-size:.85rem}.globe-briefing.globe-panel,.globe-legend.globe-panel{background:#161332d9;border:1px solid #818cf840;border-radius:12px;box-shadow:0 12px 40px #0009}[data-theme=cream-light] .globe-briefing.globe-panel,[data-theme=cream-light] .globe-legend.globe-panel{background:#fdfbf7f2;border:1px solid #0f172a26;box-shadow:0 12px 40px #0000001a}.legend-scale{color:var(--globe-text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;display:flex}.legend-gradient{background:linear-gradient(90deg,#10b981,#f59e0b,#fb7185);border-radius:4px;flex:1;height:8px}.globe-detail-card{z-index:30;background:var(--globe-overlay-bg);width:330px;max-width:calc(100vw - 48px);max-height:calc(100vh - 150px);-webkit-backdrop-filter:var(--globe-overlay-blur);border:1px solid var(--globe-border);box-shadow:var(--globe-shadow);pointer-events:auto;border-radius:12px;padding:18px 20px;position:absolute;bottom:24px;left:24px;overflow-y:auto}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.detail-header h3{margin:0;font-size:1rem}.detail-close{color:var(--globe-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.detail-row{justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.detail-label{color:var(--globe-text-muted)}.detail-value{font-weight:500}.detail-action{background:var(--globe-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:16px;padding:8px;font-weight:500;transition:opacity .2s}.detail-action:hover{opacity:.9}.custom-select-container{width:100%;position:relative}.custom-select-container.is-open{z-index:1000}.custom-select-trigger{border:1px solid var(--globe-border);color:var(--globe-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0003;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-family:inherit;transition:border-color .2s;display:flex}.custom-select-trigger:focus{border-color:var(--globe-accent);outline:none}.custom-select-trigger.open .custom-select-icon{transform:rotate(180deg)}.custom-select-icon{color:var(--globe-text-muted);transition:transform .2s}.custom-select-dropdown{background:var(--bg-sidebar,#090e17);border:1px solid var(--globe-border);z-index:100;width:100%;max-height:200px;box-shadow:var(--globe-shadow);border-radius:6px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.custom-select-option{cursor:pointer;color:var(--globe-text-primary);border-radius:4px;padding:8px 12px;font-size:.85rem;transition:background .2s}.custom-select-option:hover{background:#818cf826}.custom-select-option.selected{color:var(--globe-accent);background:#818cf840;font-weight:500}.multi-select-container{border:1px solid var(--globe-border);background:#0003;border-radius:6px;flex-direction:column;gap:4px;max-height:180px;padding:8px;display:flex;overflow-y:auto}.multi-select-option{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;transition:background .2s;display:flex}.multi-select-option:hover{background:#818cf81a}.multi-select-option.selected{background:#818cf826}.multi-select-checkbox{display:none}.multi-select-custom-box{border:1px solid var(--globe-border);color:#0000;background:#0003;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.multi-select-option.selected .multi-select-custom-box{background:var(--globe-accent);border-color:var(--globe-accent);color:#fff}.multi-select-label{color:var(--globe-text-primary);-webkit-user-select:none;user-select:none;font-size:.85rem}[data-theme=cream-light] .globe-controls-row{background:var(--light-surface-secondary);border:1px solid var(--light-border);box-shadow:none}[data-theme=cream-light] .update-text{color:var(--light-text-secondary);border-right-color:var(--light-border)}[data-theme=cream-light] .btn-icon{color:var(--light-text-secondary)}[data-theme=cream-light] .btn-icon:hover{background:var(--light-surface-hover);color:var(--light-accent)}[data-theme=cream-light] .quick-filter-btn{background:var(--light-surface-primary);border:1px solid var(--light-border);color:var(--light-text-secondary);box-shadow:none}[data-theme=cream-light] .quick-filter-btn:hover{background:var(--light-surface-hover);border-color:var(--light-border-accent);color:var(--light-text-primary);box-shadow:none}[data-theme=cream-light] .quick-filter-btn.active{background:var(--light-accent);border-color:var(--light-accent);color:#fff}[data-theme=cream-light] .coordinate-search{background:var(--light-surface-primary);border-color:var(--light-border)}[data-theme=cream-light] .coordinate-search input{color:var(--light-text-primary)}[data-theme=cream-light] .coordinate-search button{background:var(--light-surface-secondary);border-left-color:var(--light-border);color:var(--light-accent)}[data-theme=cream-light] .coordinate-search button:hover{background:var(--light-surface-hover)}[data-theme=cream-light] .custom-select-trigger,[data-theme=cream-light] .multi-select-container{background:#fffc}[data-theme=cream-light] .custom-select-dropdown{background:#fdfbf7}[data-theme=cream-light] .multi-select-custom-box{background:#fff}.detail-title-wrap{align-items:center;gap:8px;min-width:0;display:flex}.detail-code{letter-spacing:.04em;color:var(--globe-text-muted);border:1px solid var(--globe-border);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.62rem;font-weight:600}.detail-note{color:var(--globe-text-muted);margin:4px 0 2px;font-size:.78rem;line-height:1.45}.detail-note strong{color:var(--globe-text-primary);font-weight:600}.detail-risk.critical{color:#fb7185}.detail-risk.warning{color:#f59e0b}.detail-risk.positive{color:#10b981}.region-card .detail-header{margin-bottom:14px}.detail-metrics{grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:12px;display:grid}.detail-metric{flex-direction:column;gap:2px;display:flex}.detail-metric-primary{grid-column:1/-1}.detail-metric .detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--globe-text-muted);font-size:.62rem}.detail-metric .detail-value{color:var(--globe-text-primary);font-size:1rem;font-weight:600}.detail-metric-primary .detail-value{letter-spacing:-.02em;font-size:1.5rem;line-height:1.1}.detail-topcity{border-top:1px solid var(--globe-border);margin-bottom:4px;padding-top:10px}.detail-brief{margin-top:12px}.detail-brief-label{text-transform:uppercase;letter-spacing:.06em;color:var(--globe-text-muted);font-size:.6rem;font-weight:600}.detail-brief p{color:var(--globe-text-primary);margin:4px 0 0;font-size:.82rem;line-height:1.5}.detail-next p{color:var(--globe-text-muted)}.quick-filters{flex-wrap:wrap}@media (width<=768px){.globe-detail-card{width:calc(100vw - 32px);max-height:52vh;bottom:16px;left:16px;right:16px}.globe-briefing{width:calc(100vw - 32px);bottom:16px;left:16px;right:16px}.globe-legend{min-width:0;padding:10px 14px;top:96px;bottom:auto;right:16px}.globe-page.filter-open .globe-legend{transform:none}}