*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#00010a;--sun-glow:#ff9a00;--accent:#00d4ff;--accent2:#ff6b9d;--text:#e8f0ff;--muted:#4a6080;--card-bg:#050f23eb}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);cursor:none;font-family:"Exo 2",sans-serif;overflow:hidden}#cursor{z-index:9999;background:var(--accent);pointer-events:none;mix-blend-mode:screen;width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50%;transition:width .15s,height .15s,background .2s,box-shadow .2s;position:fixed;transform:translate(-50%,-50%)}#cursor-trail{z-index:9998;pointer-events:none;border:1px solid #00d4ff59;border-radius:50%;width:30px;height:30px;transition:left .18s,top .18s,width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}#space-canvas{z-index:0;display:block;position:fixed;inset:0}header{z-index:100;background:linear-gradient(#00010ad9 0%,#0000 100%);justify-content:space-between;align-items:center;padding:22px 48px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.2em;color:var(--accent);text-shadow:0 0 20px #00d4ff80;font-family:Orbitron,monospace;font-size:15px;font-weight:700}.logo span{color:var(--muted);font-weight:400}.header-right{letter-spacing:.25em;color:var(--muted);text-transform:uppercase;font-family:Orbitron,monospace;font-size:9px}.status-dot{background:#0f8;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:2s ease-in-out infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 #0f86}50%{opacity:.6;box-shadow:0 0 0 6px #0f80}}.center-title{z-index:50;text-align:center;pointer-events:none;animation:3s forwards fadeTitle;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeTitle{0%{opacity:1}60%{opacity:1}to{opacity:0;pointer-events:none}}.center-title h1{letter-spacing:.08em;background:linear-gradient(135deg,#fff 0%,var(--accent)50%,var(--sun-glow)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:clamp(28px,5vw,62px);font-weight:900}.center-title p{letter-spacing:.35em;color:var(--muted);text-transform:uppercase;margin-top:12px;font-family:Orbitron,monospace;font-size:12px}#info-panel{z-index:200;opacity:0;pointer-events:none;width:300px;transition:opacity .3s,transform .3s;position:fixed;top:50%;right:48px;transform:translateY(-50%)translate(20px)}#info-panel.visible{opacity:1;pointer-events:all;transform:translateY(-50%)translate(0)}.panel-inner{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #00d4ff2e;border-radius:16px;padding:28px 26px;position:relative;overflow:hidden;box-shadow:0 0 60px #0009,0 0 30px #00d4ff0f}.panel-inner:before{content:"";background:var(--planet-color,var(--accent));height:2px;box-shadow:0 0 20px var(--planet-color,var(--accent));position:absolute;top:0;left:0;right:0}.panel-tag{letter-spacing:.3em;color:var(--planet-color,var(--accent));text-transform:uppercase;margin-bottom:10px;font-family:Orbitron,monospace;font-size:9px}.panel-title{color:#fff;margin-bottom:16px;font-family:Orbitron,monospace;font-size:22px;font-weight:700}.panel-divider{background:var(--planet-color,var(--accent));border-radius:2px;width:32px;height:2px;margin-bottom:16px}.panel-content{color:#c8dcffcc;font-size:13px;font-weight:300;line-height:1.8}.panel-content strong{color:#fff;font-weight:600}.panel-content a{color:var(--accent);word-break:break-all;text-decoration:underline}.panel-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tag-chip{letter-spacing:.08em;border:1px solid var(--planet-color,var(--accent));color:var(--planet-color,var(--accent));background:#0000004d;border-radius:20px;padding:4px 10px;font-family:Orbitron,monospace;font-size:10px}.close-btn{width:26px;height:26px;color:var(--muted);cursor:none;text-align:center;background:0 0;border:1px solid #ffffff26;border-radius:50%;font-size:14px;line-height:26px;transition:border-color .2s,color .2s;position:absolute;top:16px;right:16px}.close-btn:hover{color:#fff;border-color:#fff}.planet-label{z-index:80;pointer-events:none;letter-spacing:.2em;text-transform:uppercase;color:#b4d2ffb3;white-space:nowrap;text-shadow:0 0 10px #000c;font-family:Orbitron,monospace;font-size:9px;transition:color .2s;position:fixed;transform:translate(-50%)}.hint{z-index:100;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;opacity:0;white-space:nowrap;font-family:Orbitron,monospace;font-size:9px;animation:5s 2s forwards hintFade;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes hintFade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}footer{z-index:100;letter-spacing:.15em;color:var(--muted);background:linear-gradient(#0000 0%,#00010acc 100%);justify-content:space-between;align-items:center;padding:16px 48px;font-family:Orbitron,monospace;font-size:9px;display:flex;position:fixed;bottom:0;left:0;right:0}footer a{color:var(--muted);text-decoration:none;transition:color .2s}footer a:hover{color:var(--accent)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){html,body{cursor:auto}#cursor,#cursor-trail{display:none}header{padding:16px 20px}#info-panel{width:auto;inset:auto 16px 80px;transform:none}#info-panel.visible{transform:none}footer{padding:12px 20px}.logo{font-size:12px}}