.globe-page{position:relative;width:100vw;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(98,216,255,.12),transparent 32rem),linear-gradient(180deg,#03050b,#07101f 52%,#03050b)}.globe-page canvas{display:block;outline:none}.globe-controls,.globe-info{position:absolute;z-index:20;width:min(320px,calc(100vw - 2rem));border:1px solid var(--space-line);border-radius:8px;background:rgba(7,10,16,.78);color:var(--space-text);box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.globe-info{top:84px;left:16px;padding:18px;pointer-events:none}.globe-info h1{margin:10px 0 0;color:#fff;font-size:1.55rem;font-weight:900;line-height:1.1}.globe-info p{margin:12px 0 0;color:var(--space-muted);font-size:.9rem;line-height:1.55}.globe-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.globe-metrics span{border:1px solid hsla(0,0%,100%,.1);border-radius:999px;background:hsla(0,0%,100%,.05);padding:6px 9px;color:var(--space-muted);font-size:.75rem;font-weight:800}.globe-controls{top:84px;right:16px;padding:16px}.globe-controls h2{margin:0 0 14px;color:#fff;font-size:1rem;font-weight:900}.globe-range{display:grid;gap:8px;color:var(--space-muted);font-size:.82rem;font-weight:800}.globe-range input{width:100%}.globe-toggle{display:flex;align-items:center;gap:9px;margin-top:12px;color:var(--space-muted);font-size:.82rem;font-weight:800}.globe-toggle input{accent-color:var(--space-cyan)}.globe-controls p{margin:14px 0 0;border-top:1px solid var(--space-line);padding-top:12px;color:var(--space-dim);font-size:.75rem;line-height:1.45}@media (max-width:768px){.globe-info{top:12px;left:12px;right:12px;width:auto;padding:14px}.globe-info h1{font-size:1.2rem}.globe-controls{top:auto;right:12px;bottom:86px;left:12px;width:auto;padding:14px}}