:root{--color-primary: #00ff88;--color-secondary: #00d4ff;--color-bg-base: #050508;--color-bg-elevated: #0a0a0f;--color-bg-subtle: #111118;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-success: #00ff88;--color-error: #ff4444;--color-warning: #ffaa00;--color-info: #00d4ff;--font-display: "HemiHead", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--border-width: 1px;--border-color: #1a1a1f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(0, 255, 136, .3);--glow-secondary: 0 0 20px rgba(0, 212, 255, .3);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--max-width: 1200px;--gutter: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);color:var(--color-text-secondary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.text-display{font-family:var(--font-display)}.text-body{font-family:var(--font-body)}.text-mono{font-family:var(--font-mono)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.bg-base{background-color:var(--color-bg-base)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-subtle{background-color:var(--color-bg-subtle)}.bg-primary{background-color:var(--color-primary)}.border-default{border-color:var(--border-color)}.border-primary{border-color:var(--color-primary)}.glow-primary{box-shadow:var(--glow-primary)}.glow-secondary{box-shadow:var(--glow-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-screen{max-width:var(--max-width)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:var(--border-width) solid var(--border-color)}.border-none{border:none}@keyframes aery-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes aery-glow{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 30px #00ff8880}}@keyframes aery-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aery-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aery-spin{to{transform:rotate(360deg)}}.animate-pulse{animation:aery-pulse 2s var(--easing-default) infinite}.animate-glow{animation:aery-glow 2s var(--easing-default) infinite}.animate-fade-in{animation:aery-fade-in var(--duration-normal) var(--easing-default)}.animate-slide-up{animation:aery-slide-up var(--duration-slow) var(--easing-default)}.animate-spin{animation:aery-spin 1s linear infinite}.transition{transition:all var(--duration-normal) var(--easing-default)}.transition-fast{transition:all var(--duration-fast) var(--easing-default)}.transition-slow{transition:all var(--duration-slow) var(--easing-default)}.hover\:glow-primary:hover{box-shadow:var(--glow-primary)}.hover\:scale-105:hover{transform:scale(1.05)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.hidden{display:none}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}:root,[data-surface=dark]{--surface-primary: #888888;--surface-secondary: #888888;--surface-background: #000000;--surface-background-subtle: #050508;--surface-background-elevated: #0a0a0f;--surface-text: #ffffff;--surface-text-secondary: #888899;--surface-text-muted: #666677;--surface-border: rgba(136, 136, 136, .3);--surface-border-solid: #333344;--surface-accent: #888888;--surface-accent-glow: rgba(136, 136, 136, .3);color-scheme:dark}[data-surface=green]{--surface-primary: #00ff88;--surface-secondary: #00d4ff;--surface-background: #050a08;--surface-background-subtle: #030805;--surface-background-elevated: #0a0f0c;--surface-text: #ffffff;--surface-text-secondary: #88aa99;--surface-text-muted: #557766;--surface-border: rgba(0, 255, 136, .2);--surface-border-solid: #1a3328;--surface-accent: #00ff88;--surface-accent-glow: rgba(0, 255, 136, .3);color-scheme:dark}[data-surface=white]{--surface-primary: #1a1a1a;--surface-secondary: #333333;--surface-background: #e8e8e8;--surface-background-subtle: #d8d8d8;--surface-background-elevated: #ffffff;--surface-text: #1a1a1a;--surface-text-secondary: #333333;--surface-text-muted: #666666;--surface-border: rgba(0, 0, 0, .15);--surface-border-solid: #cccccc;--surface-accent: #1a1a1a;--surface-accent-glow: rgba(0, 0, 0, .1);color-scheme:light}[data-surface]{background-color:var(--surface-background);color:var(--surface-text)}.surface-bg{background-color:var(--surface-background)}.surface-bg-subtle{background-color:var(--surface-background-subtle)}.surface-bg-elevated{background-color:var(--surface-background-elevated)}.surface-text{color:var(--surface-text)}.surface-text-secondary{color:var(--surface-text-secondary)}.surface-text-muted{color:var(--surface-text-muted)}.surface-border{border-color:var(--surface-border)}.surface-border-solid{border-color:var(--surface-border-solid)}.surface-accent{color:var(--surface-accent)}.surface-accent-bg{background-color:var(--surface-accent)}.surface-glow{box-shadow:0 0 20px var(--surface-accent-glow)}@font-face{font-family:HemiHead;src:url(/globe-demo/fonts/HemiHead.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}#root{width:100%;height:100%}h1,.links a{font-family:HemiHead,sans-serif}.app{position:relative;width:100vw;height:100vh;overflow:hidden;background:#06060e}.globe-section{position:absolute;top:0;left:-35vw;width:135vw;height:100%;z-index:0}.content-section{position:absolute;top:0;right:5%;width:40%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:1;pointer-events:none}.content-body{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto}.content-body h1{font-size:24px;font-family:HemiHead,sans-serif;letter-spacing:3px;color:#fff;margin:0}.content-body p{font-size:11px;letter-spacing:2px;color:#ffffff4d;margin:0}.links{display:flex;gap:10px}.links a{padding:8px 18px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;font-family:HemiHead,sans-serif;font-size:11px;text-decoration:none;transition:all .2s}.links a:hover{background:#ffffff1f;color:#fff}@media(max-width:768px){.globe-section{left:-20vw;width:140vw}.content-section{width:100%;right:0;bottom:0;top:auto;height:auto;padding:0 20px 32px;justify-content:flex-end}.content-body{gap:10px}.content-body h1{font-size:20px;letter-spacing:2px}.content-body p{font-size:10px}.links{flex-wrap:wrap;justify-content:center}.links a{padding:6px 14px;font-size:10px;border-radius:12px}}@media(max-width:480px){.globe-section{left:-30vw;width:160vw}.content-section{padding:0 16px 24px}.links a{padding:6px 12px}}