*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:#000;color:#fff}#app{width:100vw;height:100vh;position:relative}#canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;padding:20px;z-index:100}.panel{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;pointer-events:auto;z-index:100}.info-panel{position:absolute;top:20px;left:20px;min-width:300px}.controls-panel{position:absolute;bottom:20px;right:20px;min-width:250px}h2{margin-bottom:10px;font-size:24px;color:#4fc3f7}h3{margin-bottom:10px;font-size:18px;color:#81c784}ul{list-style:none}li{margin-bottom:8px;font-size:14px;line-height:1.4}strong{color:#fff}#planet-info{margin-top:10px;font-size:16px;line-height:1.6}.ai-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.ai-section h4{color:#ffa726;font-size:16px;margin-bottom:10px}.ai-content{font-size:14px;line-height:1.6;color:#e0e0e0;font-style:italic}.spinner{display:flex;align-items:center;gap:10px;font-size:13px;color:#4fc3f7;margin:10px 0}.spinner-ring{width:20px;height:20px;border:3px solid rgba(79,195,247,.3);border-top-color:#4fc3f7;border-radius:50%;animation:spin 1s linear infinite}.btn-narrate{margin-top:10px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-narrate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-narrate:active{transform:translateY(0)}@media(max-width:768px){.info-panel,.controls-panel{max-width:calc(100vw - 40px)}}.hud-panel{position:absolute;top:50%;right:20px;transform:translateY(-50%);background:#0009;padding:15px;border-radius:12px;border:1px solid rgba(0,212,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:100}.hud-item{margin-bottom:8px}.hud-label{color:#888;font-size:11px;text-transform:uppercase;margin-right:8px}.hud-value{font-family:Space Grotesk,monospace;font-size:18px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.hud-unit{color:#88f;font-size:11px}.hud-controls{display:flex;flex-direction:column;gap:5px;margin-top:5px}.hud-btn{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:5px 10px;font-family:Space Grotesk,monospace;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease;width:100%;margin-top:5px;pointer-events:auto}.hud-btn:hover{background:#00d4ff4d;box-shadow:0 0 10px #00d4ff4d}.hud-btn:active{transform:translateY(1px)}.flight-cursor{position:absolute;top:50%;left:50%;width:0;height:0;background:transparent;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid #00d4ff;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;z-index:99999;transition:transform .1s ease;filter:drop-shadow(0 0 10px #00d4ff);display:none}.flight-cursor:after{content:none}.flight-cursor-active{filter:drop-shadow(0 0 15px #ff0055);transform:translate(-50%,-50%) rotate(-45deg) scale(1.2)}#canvas{cursor:none}.cockpit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;display:none;background:radial-gradient(circle,transparent 60%,rgba(0,20,40,.8) 100%);box-shadow:inset 0 0 100px #00d4ff1a}.cockpit-overlay.visible{display:block}.cockpit-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(0,212,255,.3);border-radius:20px;box-sizing:border-box;clip-path:polygon(0 10%,10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%)}.cockpit-crosshair{position:absolute;top:50%;left:50%;width:40px;height:40px;border:1px solid rgba(0,255,0,.5);border-radius:50%;transform:translate(-50%,-50%)}.cockpit-crosshair:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#0f0c;transform:translate(-50%,-50%)}.cockpit-data-left,.cockpit-data-right{position:absolute;bottom:20%;font-family:Space Grotesk,monospace;font-size:12px;color:#00d4ffcc;text-shadow:0 0 5px rgba(0,212,255,.5)}.cockpit-data-left{left:10%;text-align:left;border-left:2px solid rgba(0,212,255,.5);padding-left:10px}.cockpit-data-right{right:10%;text-align:right;border-right:2px solid rgba(0,212,255,.5);padding-right:10px}.data-line{margin-bottom:5px}.warp-hud{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#00142866,#000000e6);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .5s ease}.warp-hud.hidden{display:none;opacity:0}.warp-container{text-align:center;width:400px;padding:30px;background:#000a14cc;border:2px solid #00d4ff;border-radius:15px;box-shadow:0 0 30px #00d4ff4d,inset 0 0 15px #00d4ff1a}.warp-title{font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:4px;color:#4fc3f7;margin-bottom:25px;text-shadow:0 0 10px rgba(79,195,247,.5)}.warp-progress-container{width:100%;height:6px;background:#00285080;border-radius:3px;margin-bottom:15px;overflow:hidden}.warp-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#00d4ff,#4fc3f7,#fff);box-shadow:0 0 10px #00d4ff;transition:width .1s linear}.warp-percentage{font-family:Space Grotesk,monospace;font-size:48px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 0 20px rgba(0,212,255,.8)}.warp-status{font-family:Space Grotesk,monospace;font-size:12px;color:#00d4ff;letter-spacing:2px;text-transform:uppercase}.lp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50000;background:#0a0f19;color:#e0e0e0;font-family:Courier New,Lucida Console,monospace;overflow-y:auto;overflow-x:hidden;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .5s ease .2s}.lp.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.lp-scanline{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,rgba(0,217,255,.015) 0px,rgba(0,217,255,.015) 1px,transparent 1px,transparent 3px)}.lp-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 28px 0;background:#0a0f19;z-index:2;font-size:11px;text-transform:uppercase;letter-spacing:3px;flex-wrap:wrap}.lp-header-progress{width:100%;height:2px;background:#1a2a3a;margin-top:12px}.lp-header-progress .loading-progress-bar{height:100%;width:0%;background:#00d9ff;transition:width .3s ease;box-shadow:0 0 8px #00d9ff80}.lp-agency{color:#00d9ff;font-weight:700}.lp-status{color:#0f8;animation:lp-blink 1.2s step-end infinite}@keyframes lp-blink{50%{opacity:0}}.lp-main{max-width:780px;margin:0 auto;padding:60px 24px 40px;position:relative;z-index:2}.lp-hero{text-align:center;margin-bottom:50px}.lp-preheading{font-size:12px;letter-spacing:4px;color:#00d9ff;text-transform:uppercase;margin:0 0 20px}.lp-title{font-size:4.5em;font-weight:900;color:#fff;margin:0;letter-spacing:12px;text-transform:uppercase;line-height:1;text-shadow:0 0 60px rgba(0,217,255,.3)}.lp-tagline{font-size:1.15em;color:#607080;margin:18px 0 0;letter-spacing:2px}.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1a2a3a;border:1px solid #1a2a3a;margin-bottom:40px}.lp-card{background:#0d1520;padding:28px 20px}.lp-card h3{font-size:13px;letter-spacing:3px;color:#00d9ff;margin:0 0 12px;font-weight:700}.lp-card p{font-size:14px;line-height:1.7;color:#a0b0c0;margin:0}.lp-controls{text-align:center;font-size:14px;color:#607080;margin-bottom:40px;line-height:2.2}.lp-key{display:inline-block;background:#0d1520;color:#00d9ff;border:1px solid #1a2a3a;padding:3px 12px;margin:0 4px;font-size:13px;border-radius:3px}.lp-launch{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:auto;min-width:280px;padding:18px 48px;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:#0a0f19;background:#00d9ff;border:none;cursor:pointer;transition:background .2s,box-shadow .3s,color .2s,opacity .3s,transform .3s;z-index:100;box-shadow:0 4px 30px #00d9ff66}.lp-launch:hover{background:#0f8;color:#0a0f19;box-shadow:0 4px 50px #00ff8880}.lp-launch:active{background:#00b8d4}.lp-launch.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(20px)}.lp-catalog{margin-bottom:40px;border:1px solid #1a2a3a;background:#0d1520;padding:30px 24px}.lp-catalog h2{font-size:13px;letter-spacing:3px;color:#00d9ff;margin:0 0 8px;text-transform:uppercase}.lp-catalog-desc{font-size:13px;color:#607080;margin:0 0 20px}.lp-catalog-toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center}.lp-catalog-search{flex:1;padding:10px 14px;font-family:Courier New,monospace;font-size:13px;color:#e0e0e0;background:#0a0f19;border:1px solid #1a2a3a;outline:none;transition:border-color .2s}.lp-catalog-search:focus{border-color:#00d9ff}.lp-catalog-search::placeholder{color:#4a5a6a}.lp-catalog-select{padding:10px 12px;font-family:Courier New,monospace;font-size:13px;color:#e0e0e0;background:#0a0f19;border:1px solid #1a2a3a;outline:none;cursor:pointer}.lp-catalog-select:focus{border-color:#00d9ff}.lp-catalog-count{font-size:11px;color:#607080;letter-spacing:1px;white-space:nowrap}.lp-catalog-list{max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1a2a3a #0a0f19}.lp-catalog-loading{text-align:center;color:#607080;font-size:13px;padding:40px 0}.lp-catalog-table{width:100%;border-collapse:collapse;font-size:12px}.lp-catalog-table thead{position:sticky;top:0;z-index:1}.lp-catalog-table th{background:#0a0f19;color:#00d9ff;font-size:10px;letter-spacing:2px;text-transform:uppercase;text-align:left;padding:10px 8px;border-bottom:1px solid #1a2a3a;font-weight:700;-webkit-user-select:none;user-select:none}.lp-catalog-table th.lp-sortable:hover{color:#0f8;cursor:pointer}.lp-catalog-table td{padding:8px;border-bottom:1px solid #111a24;color:#a0b0c0;vertical-align:middle}.lp-catalog-table tr:hover td{background:#111a26;color:#fff}.lp-catalog-name{color:#fff;font-weight:700}.lp-catalog-type{display:inline-block;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:2px}.lp-catalog-type.rocky{color:peru;border:1px solid #cd853f44}.lp-catalog-type.gasGiant{color:wheat;border:1px solid #f5deb344}.lp-catalog-type.iceGiant{color:#0cc;border:1px solid #00cccc44}.lp-catalog-habitable{display:inline-block;width:40px;height:4px;background:#1a2a3a;border-radius:2px;position:relative;vertical-align:middle}.lp-catalog-habitable-fill{position:absolute;top:0;left:0;height:100%;border-radius:2px;background:#0f8}@media(max-width:700px){.lp-catalog-toolbar{flex-direction:column}.lp-catalog-table{font-size:11px}}.lp-about{margin-bottom:40px;border:1px solid #1a2a3a;background:#0d1520;padding:30px 24px}.lp-about h2{font-size:13px;letter-spacing:3px;color:#00d9ff;margin:0 0 16px;text-transform:uppercase}.lp-about p{font-size:14px;line-height:1.8;color:#a0b0c0;margin:0 0 12px}.lp-about p:last-child{margin-bottom:0}.lp-about strong{color:#fff}.lp-about a{color:#00d9ff;text-decoration:none}.lp-about a:hover{color:#0f8}.lp-footer{text-align:center;padding-top:30px;border-top:1px solid #1a2a3a;font-size:13px;line-height:2;color:#607080}.lp-footer .lp-note{font-size:12px;color:#4a5a6a}@media(max-width:700px){.lp-grid{grid-template-columns:1fr}.lp-title{font-size:2.8em;letter-spacing:6px}.lp-main{padding:40px 16px 30px}.lp-header{padding:10px 16px;font-size:9px}}.webgl-error-content{text-align:left;padding:20px 0}.error-icon{font-size:3em;text-align:center;margin-bottom:20px}.error-title{font-size:1.5em;color:#ffb800;text-align:center;margin:0 0 15px;letter-spacing:2px;text-transform:uppercase}.error-description{font-size:13px;color:#a0b0c0;text-align:center;margin:0 0 30px;line-height:1.6}.error-section{margin:20px 0;padding:15px;background:#0d1520;border:1px solid #1a2a3a}.error-section h3{font-size:12px;color:#00d9ff;margin:0 0 12px;letter-spacing:2px}.error-steps{font-size:12px;color:#a0b0c0;line-height:2;margin:0;padding-left:20px}.error-links{list-style:none;padding:0}.error-links a{color:#00d9ff;text-decoration:none}.error-links a:hover{color:#0f8}:root{--primary-bg: rgba(10, 15, 25, .85);--secondary-bg: rgba(15, 25, 40, .9);--accent-blue: #00D9FF;--accent-success: #00FF88;--accent-warning: #FFB800;--accent-danger: #FF3366;--text-primary: #FFFFFF;--text-secondary: #A0B0C0;--text-dim: #607080;--border-color: rgba(0, 217, 255, .3);--panel-shadow: 0 4px 20px rgba(0, 0, 0, .5);--font-main: "Segoe UI", "Roboto", "Arial", sans-serif;--font-mono: "Courier New", "Consolas", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}.ui-panel{position:fixed;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-main);color:var(--text-primary);padding:var(--spacing-md);z-index:1000;pointer-events:auto;transition:all .3s ease}.ui-panel.hidden{opacity:0;pointer-events:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.panel-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue);margin:0}.panel-subtitle{font-size:11px;color:var(--text-dim);margin:0}#flight-hud{top:var(--spacing-lg);left:var(--spacing-lg);min-width:280px}.hud-section{margin-bottom:var(--spacing-md)}.hud-section:last-child{margin-bottom:0}.hud-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.hud-value{font-size:18px;font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.hud-value.large{font-size:24px}.hud-value.accent{color:var(--accent-blue)}.hud-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.hud-grid-item{text-align:center}#controls-panel{bottom:var(--spacing-lg);left:var(--spacing-lg);min-width:280px}.control-group{margin-bottom:var(--spacing-md)}.control-group:last-child{margin-bottom:0}.control-group-title{font-size:11px;color:var(--accent-blue);text-transform:uppercase;margin-bottom:var(--spacing-sm);font-weight:600}.control-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:12px}.control-key{background:#ffffff1a;border:1px solid var(--border-color);padding:2px 8px;border-radius:3px;font-family:var(--font-mono);font-size:11px;color:var(--text-primary)}.control-description{color:var(--text-secondary)}#planet-selector{bottom:var(--spacing-lg);right:var(--spacing-lg);width:400px;max-height:500px;display:flex;flex-direction:column}.search-container{margin-bottom:var(--spacing-md)}.search-input{width:100%;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-family:var(--font-main);font-size:13px;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #00d9ff33}.search-input::placeholder{color:var(--text-dim)}.filter-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.filter-btn{flex:1;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.filter-btn:hover{background:#00d9ff1a;border-color:var(--accent-blue);color:var(--text-primary)}.filter-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--primary-bg)}.planet-list{flex:1;overflow-y:auto;padding-right:var(--spacing-xs)}.planet-list::-webkit-scrollbar{width:6px}.planet-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.planet-list::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:3px}.planet-item{background:var(--secondary-bg);border:1px solid transparent;border-radius:4px;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .2s ease}.planet-item:hover{border-color:var(--accent-blue);background:#00d9ff1a;transform:translate(4px)}.planet-item-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.planet-item-info{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.planet-item-distance{font-family:var(--font-mono)}.planet-item-habitability{padding:2px 6px;border-radius:3px;font-weight:600}.planet-item-habitability.high{background:#0f83;color:var(--accent-success)}.planet-item-habitability.medium{background:#ffb80033;color:var(--accent-warning)}.planet-item-habitability.low{background:#f363;color:var(--accent-danger)}.toggle-btn{position:fixed;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-sm);color:var(--accent-blue);cursor:pointer;transition:all .2s ease;font-size:12px;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1100;pointer-events:auto}.toggle-btn:hover{background:var(--accent-blue);color:var(--primary-bg);transform:scale(1.05)}#toggle-ui-btn{top:50%;right:var(--spacing-sm);transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed}#planet-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-height:80vh;background:var(--primary-bg);border:2px solid var(--accent-blue);border-radius:8px;box-shadow:0 8px 40px #000000b3;z-index:10200;pointer-events:auto;display:none;flex-direction:column}#planet-modal.visible{display:flex}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:24px;font-weight:600;color:var(--accent-blue);margin:0 0 var(--spacing-sm) 0}.modal-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-section{margin-bottom:var(--spacing-lg)}.modal-section-title{font-size:12px;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);font-weight:600}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modal-field{margin-bottom:var(--spacing-sm)}.modal-field-label{font-size:11px;color:var(--text-dim);margin-bottom:var(--spacing-xs)}.modal-field-value{font-size:14px;color:var(--text-primary);font-family:var(--font-mono)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md)}.modal-btn{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:4px;background:var(--secondary-bg);color:var(--text-primary);font-family:var(--font-main);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;pointer-events:auto;transition:all .2s ease}.modal-btn:hover{background:#ffffff1a}.modal-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--primary-bg)}.modal-btn.primary:hover{background:#00b5d9;border-color:#00b5d9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:10199;pointer-events:auto;display:none}.modal-overlay.visible{display:block}@media(max-width:1400px){#planet-selector{width:320px}}@media(max-height:800px){.ui-panel{padding:var(--spacing-sm) var(--spacing-md)}#planet-selector{max-height:400px}}.spaice-floating-btn{position:fixed;bottom:20px;right:20px;width:80px;height:100px;background:#0a0f19f2;border:2px solid rgba(0,217,255,.5);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;z-index:1000;pointer-events:auto;box-shadow:0 4px 20px #0009,0 0 30px #00d9ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spaice-floating-btn:hover{transform:translateY(-5px) scale(1.05);border-color:#00d9ff;box-shadow:0 8px 30px #000c,0 0 50px #00d9ff80}.spaice-floating-btn:active{transform:translateY(-3px) scale(1.02)}.spaice-btn-face{width:50px;height:50px;animation:spAIceFloat 3s ease-in-out infinite}@keyframes spAIceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.spaice-btn-inner{width:100%;height:100%;background:linear-gradient(145deg,#00d9ff,#08c);border-radius:50%;position:relative;box-shadow:0 4px 15px #00d9ff66,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0000004d;border:2px solid rgba(255,255,255,.2)}.spaice-btn-eye{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:16px;box-shadow:0 2px 4px #0000004d}.spaice-btn-eye-left{left:12px}.spaice-btn-eye-right{right:12px}.spaice-btn-pupil{width:4px;height:4px;background:#003;border-radius:50%;position:absolute;top:2px;left:2px;animation:spAIcePupilMove 4s ease-in-out infinite}@keyframes spAIcePupilMove{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px)}75%{transform:translateY(1px)}}.spaice-btn-mouth{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:20px;height:8px;overflow:hidden}.spaice-btn-mouth-line{width:100%;height:100%;border-bottom:2px solid white;border-radius:0 0 10px 10px;box-shadow:0 1px 2px #0003}.spaice-btn-antenna{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:10px;background:linear-gradient(to top,#00D9FF,transparent)}.spaice-btn-antenna-tip{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;animation:spAIceTipBlink 2s ease-in-out infinite}@keyframes spAIceTipBlink{0%,to{opacity:1}50%{opacity:.5}}.spaice-btn-label{font-size:12px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:.5px;text-align:center}.spaice-floating-btn:hover .spaice-btn-inner{animation:spAIceGlow 1s ease-in-out infinite}@keyframes spAIceGlow{0%,to{box-shadow:0 4px 15px #00d9ff66,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0000004d}50%{box-shadow:0 4px 20px #00d9ffcc,inset 0 2px 8px #ffffff80,inset 0 -2px 5px #0000004d}}@media(max-width:768px){.spaice-floating-btn{width:70px;height:90px;bottom:15px;right:15px}.spaice-btn-face{width:45px;height:45px}.spaice-btn-label{font-size:11px}}.planet-navigator{position:fixed;top:var(--spacing-lg, 24px);right:var(--spacing-lg, 24px);width:380px;max-height:calc(100vh - 180px);background:var(--primary-bg, rgba(10, 15, 25, .85));border:1px solid var(--border-color, rgba(0, 217, 255, .3));border-radius:4px;box-shadow:var(--panel-shadow, 0 4px 20px rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10002;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif)}.planet-navigator.minimized{width:200px;max-height:60px;cursor:pointer}.planet-navigator.minimized:hover{border-color:var(--accent-blue, #00D9FF);box-shadow:0 4px 20px #00d9ff4d}.planet-navigator.minimized .nav-subtitle,.planet-navigator.minimized .nav-search,.planet-navigator.minimized .nav-filters,.planet-navigator.minimized .nav-planet-list,.planet-navigator.minimized .nav-pagination{display:none}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 16px);border-bottom:1px solid var(--border-color, rgba(0, 217, 255, .3))}.nav-header h2{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue, #00D9FF)}.nav-subtitle{margin:4px 0 0;font-size:11px;color:var(--text-dim, #607080)}.nav-search{padding:var(--spacing-md, 16px);background:#0003}.nav-search-input{width:100%;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid var(--border-color, rgba(0, 217, 255, .3));color:var(--text-primary, #FFFFFF);font-size:13px;font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);border-radius:4px;outline:none;transition:all .2s ease}.nav-search-input:focus{border-color:var(--accent-blue, #00D9FF);box-shadow:0 0 0 2px #00d9ff33}.nav-search-input::placeholder{color:var(--text-dim, #607080)}.nav-filters{display:flex;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:#00000026;border-bottom:1px solid rgba(0,217,255,.15)}.filter-btn{flex:1;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid var(--border-color, rgba(0, 217, 255, .3));color:var(--text-secondary, #A0B0C0);font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);font-size:11px;cursor:pointer;border-radius:4px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.filter-btn:hover{background:#00d9ff1a;border-color:var(--accent-blue, #00D9FF);color:var(--text-primary, #FFFFFF)}.filter-btn.active{background:var(--accent-blue, #00D9FF);border-color:var(--accent-blue, #00D9FF);color:var(--primary-bg, rgba(10, 15, 25, .85))}.nav-planet-list{flex:1;overflow-y:auto;padding:var(--spacing-sm, 8px);background:#0003}.nav-planet-list::-webkit-scrollbar{width:6px}.nav-planet-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.nav-planet-list::-webkit-scrollbar-thumb{background:var(--accent-blue, #00D9FF);border-radius:3px}.nav-loading,.nav-no-results{padding:40px 20px;text-align:center;color:var(--text-secondary, #A0B0C0);font-size:13px}.nav-planet-item{background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid transparent;border-radius:4px;padding:var(--spacing-md, 16px);margin-bottom:var(--spacing-sm, 8px);transition:all .2s ease}.nav-planet-item:hover{border-color:var(--accent-blue, #00D9FF);background:#00d9ff1a;transform:translate(4px)}.nav-planet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md, 16px);padding-bottom:var(--spacing-sm, 8px);border-bottom:1px solid rgba(0,217,255,.2)}.nav-planet-name{color:var(--accent-blue, #00D9FF);font-weight:600;font-size:14px}.nav-planet-details{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.nav-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.nav-label{color:var(--text-dim, #607080);min-width:120px}.nav-value{color:var(--accent-success, #00FF88);font-weight:500;text-align:right}.nav-value-small{font-size:10px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-metrics{margin-top:var(--spacing-md, 16px);padding-top:var(--spacing-md, 16px);border-top:1px solid rgba(0,217,255,.2);display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}.nav-metric{display:flex;flex-direction:column;gap:4px}.nav-metric-label{color:var(--text-dim, #607080);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.nav-metric-bar{height:8px;background:#00000080;border:1px solid rgba(0,217,255,.3);border-radius:4px;overflow:hidden;position:relative}.nav-metric-fill{height:100%;transition:width .3s ease;border-radius:4px}.nav-metric-bar.high .nav-metric-fill{background:var(--accent-success, #00FF88)}.nav-metric-bar.medium .nav-metric-fill{background:var(--accent-warning, #FFB800)}.nav-metric-bar.low .nav-metric-fill{background:var(--accent-blue, #00D9FF)}.nav-metric-bar.toxicity .nav-metric-fill{background:var(--accent-danger, #FF3366)}.nav-metric-value{font-size:11px;font-weight:600;text-align:right}.nav-metric-value.high{color:var(--accent-success, #00FF88)}.nav-metric-value.medium{color:var(--accent-warning, #FFB800)}.nav-metric-value.low{color:var(--accent-blue, #00D9FF)}.nav-metric-value.toxicity{color:var(--accent-danger, #FF3366)}.nav-go-btn{padding:var(--spacing-xs, 4px) var(--spacing-md, 16px);background:var(--accent-blue, #00D9FF);border:1px solid var(--accent-blue, #00D9FF);color:var(--primary-bg, rgba(10, 15, 25, .85));font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);font-weight:600;font-size:11px;cursor:pointer;border-radius:4px;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.nav-go-btn:hover{background:var(--accent-success, #00FF88);border-color:var(--accent-success, #00FF88);transform:scale(1.05)}.nav-go-btn:active{transform:scale(.95)}.nav-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 16px);background:#0003;border-top:1px solid rgba(0,217,255,.15)}.nav-btn{padding:var(--spacing-xs, 4px) var(--spacing-md, 16px);background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid var(--border-color, rgba(0, 217, 255, .3));color:var(--text-secondary, #A0B0C0);font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);font-size:11px;cursor:pointer;border-radius:4px;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#00d9ff1a;border-color:var(--accent-blue, #00D9FF);color:var(--text-primary, #FFFFFF)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-page-info{color:var(--text-secondary, #A0B0C0);font-size:11px}.nav-footer{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:#0003;border-top:1px solid rgba(0,217,255,.15);text-align:center}.nav-toggle-btn{width:100%;padding:var(--spacing-xs, 4px);background:var(--secondary-bg, rgba(15, 25, 40, .9));border:1px solid var(--border-color, rgba(0, 217, 255, .3));color:var(--text-secondary, #A0B0C0);font-family:var(--font-main, "Segoe UI", "Roboto", "Arial", sans-serif);font-size:11px;cursor:pointer;border-radius:4px;transition:all .2s ease}.nav-toggle-btn:hover{background:#00d9ff1a;border-color:var(--accent-blue, #00D9FF);color:var(--text-primary, #FFFFFF)}@media(max-width:768px){.planet-navigator{width:calc(100vw - 48px);right:var(--spacing-lg, 24px)}}.narrator-dialog{position:fixed;bottom:-500px;left:50%;transform:translate(-50%);width:75%;max-width:700px;z-index:10001;transition:bottom .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.narrator-dialog.visible{bottom:20px;pointer-events:auto}.narrator-dialog.minimized .narrator-body,.narrator-dialog.minimized .narrator-footer{display:none}.narrator-dialog.minimized .narrator-content{max-height:70px}.narrator-content{background:#0a0f19bf;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(0,217,255,.4);border-radius:4px;box-shadow:0 8px 32px #000c,0 0 30px #00d9ff26;overflow:hidden;transition:max-height .3s ease;font-family:Segoe UI,Roboto,Arial,sans-serif}.narrator-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0006;border-bottom:1px solid rgba(0,217,255,.3)}.narrator-icon{font-size:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.narrator-info{flex:1}.narrator-planet-name{font-size:14px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:1px;margin:0 0 3px}.narrator-subtitle{font-size:11px;color:#a0b0c0;opacity:.8;margin:0;text-transform:uppercase;letter-spacing:.5px}.narrator-body{padding:0;display:flex;flex-direction:column;gap:0}.narrator-narration-section{padding:16px 20px;border-bottom:1px solid rgba(0,217,255,.2)}.narrator-text{font-size:14px;line-height:1.6;color:#fff;margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif}.narrator-cursor{animation:blink 1s step-end infinite;color:#00d9ff;margin-left:2px}@keyframes blink{50%{opacity:0}}.narrator-audio-indicator{display:none;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:4px;font-size:12px;color:#00d9ff}.audio-icon{font-size:16px;animation:audioWave 1.5s ease-in-out infinite}@keyframes audioWave{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.narrator-chat-section{padding:12px 16px;background:#0000004d;border-top:1px solid rgba(0,217,255,.2)}.narrator-chat-header{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(0,217,255,.2);color:#00d9ff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.chat-header-icon{font-size:16px}.narrator-chat-messages{max-height:150px;overflow-y:auto;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.narrator-chat-messages::-webkit-scrollbar{width:6px}.narrator-chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.narrator-chat-messages::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}.narrator-chat-messages::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.narrator-chat-message{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:4px;animation:slideIn .3s ease;border-left:2px solid}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.narrator-chat-message.user{background:#00d9ff14;border-left-color:#00d9ff}.narrator-chat-message.assistant{background:#00ff8814;border-left-color:#0f8}.narrator-chat-message.loading{opacity:.6;animation:pulse 1.5s ease-in-out infinite}.message-icon{font-size:16px;min-width:18px}.message-text{flex:1;color:#fff;font-size:12px;line-height:1.5}.narrator-chat-input-wrapper{display:flex;gap:8px}.narrator-chat-input{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(0,217,255,.3);border-radius:4px;color:#fff;font-size:13px;font-family:Segoe UI,Roboto,Arial,sans-serif;transition:all .2s}.narrator-chat-input::placeholder{color:#607080}.narrator-chat-input:focus{outline:none;background:#ffffff14;border-color:#00d9ff;box-shadow:0 0 12px #00d9ff33}.narrator-chat-input:disabled{opacity:.5;cursor:not-allowed}.narrator-chat-send{padding:10px 18px;background:#00d9ff26;border:1px solid rgba(0,217,255,.5);border-radius:4px;color:#00d9ff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.narrator-chat-send:hover:not(:disabled){background:#00d9ff40;border-color:#00d9ff;transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff4d}.narrator-chat-send:disabled{opacity:.5;cursor:not-allowed}.send-icon{font-size:14px}.narrator-footer{padding:12px 20px;background:#0006;border-top:1px solid rgba(0,217,255,.2);display:flex;justify-content:flex-end;gap:8px}.narrator-action-btn{padding:8px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.4);border-radius:4px;color:#00d9ff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.narrator-action-btn:hover{background:#00d9ff33;border-color:#00d9ff;transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff40}.narrator-action-btn.secondary{background:#ffffff0d;border-color:#a0b0c066;color:#a0b0c0}.narrator-action-btn.secondary:hover{background:#ffffff1a;border-color:#a0b0c0;box-shadow:0 4px 12px #ffffff26}@media(max-width:768px){.narrator-dialog{width:95%;max-width:none}.narrator-dialog.visible{bottom:10px}.narrator-text,.narrator-planet-name{font-size:14px}.narrator-chat-messages{max-height:150px}}.chatbot-face-container{position:relative;width:50px;height:50px;margin-right:4px}.chatbot-face{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-5px) rotateY(10deg)}}.face-inner{width:100%;height:100%;background:linear-gradient(145deg,#00d9ff,#08c);border-radius:50%;position:relative;box-shadow:0 4px 15px #00d9ff66,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0000004d;border:2px solid rgba(255,255,255,.2)}.eye{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:16px;box-shadow:0 2px 4px #0000004d}.eye-left{left:12px}.eye-right{right:12px}.pupil{width:4px;height:4px;background:#003;border-radius:50%;position:absolute;top:2px;left:2px;animation:eyeMove 4s ease-in-out infinite}@keyframes eyeMove{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px)}75%{transform:translateY(1px)}}.mouth{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:20px;height:8px;overflow:hidden}.mouth-line{width:100%;height:100%;border-bottom:2px solid white;border-radius:0 0 10px 10px;box-shadow:0 1px 2px #0003}.antenna{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:10px;background:linear-gradient(to top,#00D9FF,transparent);animation:antennaBlink 2s ease-in-out infinite}.antenna-tip{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8}@keyframes antennaBlink{0%,to{opacity:1}50%{opacity:.5}}.chatbot-face.talking .mouth-line{animation:talk .3s ease-in-out infinite}@keyframes talk{0%,to{border-radius:0 0 10px 10px;transform:scaleY(1)}50%{border-radius:0 0 5px 5px;transform:scaleY(1.3)}}.chatbot-face.talking .face-inner{animation:faceGlow .5s ease-in-out infinite}@keyframes faceGlow{0%,to{box-shadow:0 4px 15px #00d9ff66,inset 0 2px 5px #ffffff4d,inset 0 -2px 5px #0000004d}50%{box-shadow:0 4px 20px #00d9ffcc,inset 0 2px 8px #ffffff80,inset 0 -2px 5px #0000004d}}.chatbot-face.talking .pupil{animation:eyeExcited .4s ease-in-out infinite}@keyframes eyeExcited{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.spaice-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0f19fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:10000;border-radius:4px}.spaice-loading-content{text-align:center}.chatbot-face-large{width:100px;height:100px;margin:0 auto 20px;position:relative;animation:floatSlow 3s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chatbot-face-large .face-inner{width:100%;height:100%;background:linear-gradient(145deg,#00d9ff,#08c);border-radius:50%;position:relative;box-shadow:0 8px 30px #00d9ff99,inset 0 4px 10px #ffffff4d,inset 0 -4px 10px #0000004d;border:3px solid rgba(255,255,255,.2)}.chatbot-face-large .eye{position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:30px;box-shadow:0 2px 6px #0000004d}.chatbot-face-large .eye-left{left:25px}.chatbot-face-large .eye-right{right:25px}.chatbot-face-large .pupil{width:6px;height:6px;background:#003;border-radius:50%;position:absolute;top:3px;left:3px}.chatbot-face-large .mouth-closed{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:30px;height:3px}.chatbot-face-large .mouth-line-closed{width:100%;height:100%;background:#fff;border-radius:2px;box-shadow:0 1px 3px #0003}.chatbot-face-large .antenna{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:3px;height:18px;background:linear-gradient(to top,#00D9FF,transparent)}.chatbot-face-large .antenna-tip{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:0 0 12px #0f8;animation:pulse 1.5s ease-in-out infinite}.loading-text{font-size:18px;color:#00d9ff;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{color:#00d9ff;font-size:24px;animation:dotBounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-10px);opacity:1}}.narrator-close{width:30px;height:30px;background:#ff323233;border:1px solid rgba(255,50,50,.5);border-radius:4px;color:#f36;font-size:24px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.narrator-close:hover{background:#ff323266;border-color:#f36;transform:scale(1.1);box-shadow:0 0 15px #ff323280}.narrator-close:active{transform:scale(.95)}.planet-exploration-dialog{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);width:900px;max-width:95vw;max-height:70vh;background:var(--primary-bg);border:2px solid var(--accent-blue);border-radius:8px;box-shadow:0 8px 40px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;pointer-events:auto;display:none;flex-direction:column;opacity:0;transition:opacity .3s ease,transform .3s ease}.planet-exploration-dialog.visible{display:flex;opacity:1}.exploration-dialog-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,rgba(0,217,255,.1) 0%,transparent 100%)}.exploration-dialog-title{font-size:26px;font-weight:600;color:var(--accent-blue);margin:0 0 var(--spacing-sm) 0;letter-spacing:.5px}.exploration-dialog-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.exploration-dialog-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.exploration-dialog-close:hover{color:var(--accent-blue)}.exploration-dialog-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.exploration-hero-container{width:100%;height:250px;background:#000;overflow:hidden;position:relative;border-bottom:1px solid var(--border-color);display:none}.exploration-hero-img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:brightness(1.1) contrast(1.1)}.exploration-hero-overlay{position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(0deg,var(--primary-bg) 0%,transparent 100%)}.exploration-tabs{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.exploration-tab{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-main);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.exploration-tab:hover{color:var(--text-primary)}.exploration-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.exploration-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.exploration-tab-panel{display:none}.exploration-tab-panel.active{display:block}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.overview-field{background:var(--secondary-bg);padding:var(--spacing-md);border-radius:4px;border-left:3px solid var(--accent-blue)}.overview-field-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.overview-field-value{font-size:16px;color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.overview-field-value.highlight{color:var(--accent-success)}.overview-field-value.warning{color:var(--accent-warning)}.overview-field-value.danger{color:var(--accent-danger)}.ai-description-container{background:var(--secondary-bg);padding:var(--spacing-lg);border-radius:4px;border:1px solid var(--border-color);min-height:200px}.ai-description-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary)}.ai-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.ai-description-text{font-size:14px;line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.ai-description-error{color:var(--accent-danger);text-align:center}.ai-description-actions{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.ai-regenerate-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--secondary-bg);border:1px solid var(--accent-blue);border-radius:4px;color:var(--accent-blue);font-size:12px;font-family:var(--font-main);font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.ai-regenerate-btn:hover{background:var(--accent-blue);color:var(--primary-bg)}.audio-player{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px}.audio-player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.audio-player-title{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.audio-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.audio-btn{width:40px;height:40px;background:var(--accent-blue);border:none;border-radius:50%;color:var(--primary-bg);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.audio-btn:hover{background:#00b5d9;transform:scale(1.05)}.audio-btn:disabled{background:var(--secondary-bg);color:var(--text-dim);cursor:not-allowed;transform:scale(1)}.audio-btn.secondary{background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.audio-btn.secondary:hover{background:#ffffff1a}.audio-status{font-size:11px;color:var(--text-secondary);margin-top:var(--spacing-sm)}.audio-waveform{height:40px;display:flex;align-items:center;gap:2px;margin-top:var(--spacing-sm)}.audio-bar{flex:1;height:20px;background:var(--accent-blue);border-radius:2px;opacity:.3;transition:all .3s ease}.audio-bar.active{opacity:1;height:40px}.characteristics-section{margin-bottom:var(--spacing-lg)}.characteristics-section:last-child{margin-bottom:0}.characteristics-title{font-size:13px;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);font-weight:600}.characteristics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.characteristic-item{padding:var(--spacing-sm);background:var(--secondary-bg);border-radius:4px}.characteristic-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.characteristic-value{font-size:13px;color:var(--text-primary)}.exploration-dialog-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);background:linear-gradient(0deg,rgba(0,217,255,.05) 0%,transparent 100%)}.exploration-btn{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:4px;background:var(--secondary-bg);color:var(--text-primary);font-family:var(--font-main);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.exploration-btn:hover{background:#ffffff1a}.exploration-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--primary-bg)}.exploration-btn.primary:hover{background:#00b5d9;border-color:#00b5d9}.exploration-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99998;pointer-events:auto;display:none}.exploration-dialog-overlay.visible{display:block}@media(max-width:768px){.planet-exploration-dialog{width:95vw;max-height:90vh}.overview-grid,.characteristics-grid{grid-template-columns:1fr}.exploration-dialog-footer{flex-direction:column}}.ai-insights-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--accent-blue)}.ai-insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.ai-insights-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--accent-blue),#00b8d4);color:var(--text-primary);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00d9ff4d}.ai-insights-btn:hover:not(:disabled){background:linear-gradient(135deg,#00b8d4,var(--accent-blue));box-shadow:0 4px 12px #00d9ff80;transform:translateY(-1px)}.ai-insights-btn:disabled{opacity:.6;cursor:not-allowed}.ai-insights-btn .btn-icon{font-size:16px}.ai-insights-container{min-height:100px;padding:var(--spacing-md);background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:6px}.ai-insights-placeholder{color:var(--text-secondary);font-style:italic;text-align:center;margin:var(--spacing-lg) 0}.ai-insights-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.ai-insights-content{animation:fadeIn .5s ease}.ai-insights-text{color:var(--text-primary);line-height:1.8;font-size:15px;white-space:pre-wrap;margin-bottom:var(--spacing-md)}.ai-insights-text p{margin-bottom:var(--spacing-md)}.ai-insights-footer{padding-top:var(--spacing-md);border-top:1px solid rgba(0,217,255,.2)}.ai-insights-attribution{color:var(--text-secondary);font-size:12px;font-style:italic}.ai-insights-error{text-align:center;padding:var(--spacing-lg);color:var(--danger-color)}.ai-insights-error p{margin-bottom:var(--spacing-md)}.ai-retry-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--danger-color);color:var(--text-primary);border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.ai-retry-btn:hover{background:#f44;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-chat-section{padding:20px}.ai-chat-title{color:var(--accent-blue);font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.ai-chat-messages{max-height:300px;overflow-y:auto;padding:16px;background:#0000004d;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.ai-chat-welcome{text-align:center;color:var(--accent-blue);font-size:14px;padding:20px;font-style:italic}.ai-chat-message{display:flex;gap:12px;align-items:flex-start;animation:messageSlideIn .3s ease}.ai-chat-message.user-message{flex-direction:row-reverse}.ai-chat-message.user-message .message-content{background:linear-gradient(135deg,#00d9ff,#00b8d4);color:#000;text-align:right}.ai-chat-message.ai-message .message-content{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3)}.ai-chat-message.error .message-content{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44}.message-avatar{font-size:24px;flex-shrink:0}.message-content{padding:12px 16px;border-radius:12px;max-width:80%;word-wrap:break-word;line-height:1.5}.ai-chat-message.loading .message-content{display:flex;align-items:center;gap:8px}.ai-chat-input-container{display:flex;gap:12px;align-items:center}.ai-chat-input{flex:1;padding:12px 16px;background:#0006;border:2px solid rgba(0,217,255,.3);border-radius:24px;color:var(--text-primary);font-size:14px;outline:none;transition:all .3s ease}.ai-chat-input:focus{border-color:var(--accent-blue);box-shadow:0 0 12px #00d9ff66}.ai-chat-input::placeholder{color:var(--text-secondary)}.ai-chat-send-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--accent-blue),#00b8d4);color:var(--text-primary);border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00d9ff4d}.ai-chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#00b8d4,var(--accent-blue));box-shadow:0 4px 12px #00d9ff80;transform:translateY(-2px)}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.audio-loading-bar-container{display:block!important;margin-bottom:20px;padding:24px;background:linear-gradient(135deg,#00d9ff33,#00b8d433);border:3px solid #00D9FF;border-radius:8px;box-shadow:0 4px 20px #00d9ff80;position:relative;z-index:10}.audio-loading-bar-header{color:#00d9ff;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px rgba(0,217,255,.5)}.audio-loading-bar{width:100%;height:24px;background:#0009;border-radius:12px;overflow:hidden;position:relative;border:2px solid rgba(0,217,255,.6);box-shadow:inset 0 2px 4px #00000080}.audio-loading-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#00d9ff,#00ffea,#00b8d4,#00ffea,#00d9ff);background-size:400% 100%;animation:loadingBarAnimation 2s linear infinite;border-radius:10px;box-shadow:0 0 15px #00d9ff}@keyframes loadingBarAnimation{0%{background-position:0% 50%}to{background-position:400% 50%}}.audio-loading-error{color:#f44;text-align:center;padding:16px;font-weight:600;font-size:15px}.insights-audio-player{margin-top:0;margin-bottom:var(--spacing-md);background:#00d9ff14;border:1px solid rgba(0,217,255,.3)}.insights-audio-player .audio-player-header{background:#00d9ff1a}.insights-audio-player .audio-btn.primary{background:linear-gradient(135deg,var(--accent-blue),#00b8d4)}.insights-audio-player .audio-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#00b8d4,var(--accent-blue))}.insights-audio-player .audio-btn:disabled{opacity:.5;cursor:not-allowed}.audio-loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}