*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:var(--leading-normal);color:white;background:var(--cosmos-bg),#020617;min-height:100vh;overflow-x:hidden}:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#667eea;--color-primary-600:#5a67d8;--color-primary-700:#4c51bf;--color-primary-800:#434190;--color-primary-900:#3730a3;--color-accent-400:#34d399;--color-accent-500:#10b981;--color-accent-600:#059669;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--cosmos-bg:linear-gradient(180deg,#020617,#0f172a,#000000);--cosmos-glass:rgba(23,27,43,0.5);--cosmos-glass-heavy:rgba(23,27,43,0.85);--cosmos-glass-border:rgba(255,255,255,0.1);--cosmos-glass-border-strong:rgba(255,255,255,0.2);--cosmos-muted:rgba(255,255,255,0.65);--cosmos-muted-light:rgba(255,255,255,0.4);--cosmos-muted-dark:rgba(255,255,255,0.2);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms cubic-bezier(0.16,1,0.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}:root{--z-background:0;--z-content:10;--z-overlay:50;--z-panel:60;--z-header:100;--z-modal:200}.cosmos-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:var(--z-background)}.cosmos-overlay{position:relative;z-index:var(--z-content);pointer-events:none}.cosmos-overlay>*{pointer-events:auto}.z-content{z-index:var(--z-content)}.z-overlay{z-index:var(--z-overlay)}.z-panel{z-index:var(--z-panel)}.z-header{z-index:var(--z-header)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.panel-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-normal) ease-out}.panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,90vw);z-index:var(--z-panel);background:var(--cosmos-glass-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--cosmos-glass-border-strong);overflow-y:auto;animation:slideInRight var(--transition-slow) cubic-bezier(.16,1,.3,1)}.card{background:rgba(255,255,255,.05);border:1px solid var(--cosmos-glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast)}.card:hover{background:rgba(255,255,255,.08);border-color:var(--color-primary-300)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:rgba(102,126,234,.2);color:var(--color-primary-300)}.badge-accent{background:rgba(16,185,129,.2);color:var(--color-accent-400)}.badge-star{background:rgba(253,184,19,.2);color:#fbbf24}.badge-moon{background:rgba(156,163,175,.2);color:#d1d5db}.planet-card{padding:var(--space-4);text-align:center}.planet-icon{width:40px;height:40px;border-radius:var(--radius-full);margin:0 auto var(--space-2);box-shadow:0 0 20px currentColor}.stat-card{padding:var(--space-4);background:rgba(255,255,255,.05);border:1px solid var(--cosmos-glass-border);border-radius:var(--radius-lg)}.stat-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--cosmos-muted-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:white}.stat-subvalue{font-size:var(--text-sm);color:var(--cosmos-muted-light);margin-top:var(--space-1)}.section{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--cosmos-glass-border)}.section:last-child{border-bottom:none}.section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--cosmos-muted-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}@tailwind base;@tailwind components;@tailwind utilities;