*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;min-height:max-content}body{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;user-select:none;-webkit-user-select:none}#root{width:100%;height:100%;min-height:max-content}:root{--font-main: "Noto Sans", sans-serif;--font-mono: "Google Sans Code", monospace;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #4a9eff;--accent-hover: #6ab0ff;--border: #2a2a2a;--ocean-color: #2158a0;--country-color: #366b4a;--country-highlight: #55b080;--country-border: #4a9eff;--globe-background: #0a0a0a;--population-color: #ffcc00;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}.app{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}.globe-container{position:relative;flex:1;width:100%;min-height:400px;touch-action:none;z-index:1}.globe-container.milky-way-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://p057.co/:ihomusbxlexx.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(4px) brightness(.9) contrast(1.5);z-index:-1}.globe-canvas{display:block;width:100%;height:100%;background:transparent}.info-panel{position:absolute;top:var(--gap-lg);left:var(--gap-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--gap-lg);min-width:200px;max-width:300px;cursor:default}.info-title{font-size:12px;text-transform:lowercase;color:var(--text-secondary);margin-bottom:var(--gap-sm)}.info-content{font-size:18px;font-weight:500;color:var(--text-primary)}.info-hint{font-size:11px;color:var(--text-secondary);margin-top:var(--gap-sm)}.controls{position:absolute;top:var(--gap-lg);right:var(--gap-lg);display:flex;flex-direction:column;gap:var(--gap-sm)}.control-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--gap-md);cursor:pointer;font-family:var(--font-main);font-size:12px;text-transform:lowercase;display:flex;align-items:center;gap:var(--gap-sm)}.control-btn:hover{background:var(--accent);border-color:var(--accent)}.theme-toggle{position:absolute;top:var(--gap-lg);right:var(--gap-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--gap-md);cursor:pointer;font-family:var(--font-main);font-size:12px;text-transform:lowercase}.theme-toggle:hover{background:var(--accent);border-color:var(--accent)}.theme-panel{position:absolute;top:var(--gap-lg);right:var(--gap-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--gap-lg);width:320px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap-lg);cursor:default}.theme-panel-header{display:flex;justify-content:space-between;align-items:center}.theme-panel-title{font-size:14px;text-transform:lowercase;font-weight:500}.theme-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.theme-close:hover{color:var(--text-primary)}.theme-section-title{font-size:11px;text-transform:lowercase;color:var(--text-secondary);margin-bottom:var(--gap-sm)}.theme-select{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--gap-md);font-family:var(--font-main);font-size:12px;text-transform:lowercase;cursor:pointer}.theme-select:hover{border-color:var(--accent)}.theme-select:focus{outline:none;border-color:var(--accent)}.theme-select option{background:var(--bg-primary);color:var(--text-primary);padding:var(--gap-sm)}.theme-preview{display:flex;gap:var(--gap-xs)}.theme-swatch{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--border)}.visibility-controls{display:flex;flex-direction:column;gap:var(--gap-sm)}.visibility-item{display:flex;align-items:center;gap:var(--gap-sm);font-size:12px;text-transform:lowercase;cursor:pointer}.visibility-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.visibility-item span{-webkit-user-select:none;user-select:none}.custom-theme{display:flex;flex-direction:column;gap:var(--gap-md)}.color-input-group{display:flex;flex-direction:column;gap:var(--gap-xs)}.color-input-label{font-size:11px;color:var(--text-secondary);text-transform:lowercase}.color-input-wrapper{display:flex;gap:var(--gap-sm);align-items:center}.color-input{width:40px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:none;padding:2px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:3px}.color-hex{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--gap-sm);flex:1;text-transform:uppercase}.apply-custom-btn{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--gap-md);cursor:pointer;font-family:var(--font-main);font-size:12px;text-transform:lowercase;margin-top:var(--gap-sm)}.apply-custom-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#a32929,#a3a329,#29a329,#29a3a3,#2929a3,#a329a3,#a32929);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-secondary);cursor:pointer;box-shadow:0 2px 4px #0000004d}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-secondary);cursor:pointer;box-shadow:0 2px 4px #0000004d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}