*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#050510;--bg-panel:#080818d9;--bg-panel-solid:#0a0a1e;--border-subtle:#6478b41f;--border-hover:#648cdc40;--text-primary:#e6eeff;--text-secondary:#b4c3e1d9;--text-dim:#8c9bbea6;--accent:#64a0ffe6;--accent-glow:#508cff26;--glass-bg:#0f0f28b3;--glass-border:#6478b426;--gold:gold;--scrollbar-track:#0f0f2880;--scrollbar-thumb:#6478b433;color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6}body{background:var(--bg-deep);margin:0;overflow:hidden}#root{width:100%;height:100dvh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6478b459}.app{background:var(--bg-deep);width:100%;height:100dvh;display:flex;overflow:hidden}.center-panel{flex:1;position:relative;overflow:hidden}.star-map-canvas{cursor:grab;width:100%;height:100%;display:block}.star-map-canvas:active{cursor:grabbing}.tooltip{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);pointer-events:none;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;animation:.2s fadeIn;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.tooltip strong{color:var(--text-primary);font-size:15px;font-weight:500}.tooltip span{color:var(--text-secondary);font-size:13px}.zoom-controls{align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.zoom-label{color:var(--text-dim);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 10px;font-size:12px}.panel-toggle-btn{z-index:12;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-right:none;border-radius:8px 0 0 8px;align-items:center;padding:12px 4px;transition:all .2s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.panel-toggle-btn:hover{color:var(--text-primary);background:#648cdc1a}.side-panel-container{z-index:10;width:300px;min-width:300px;height:100%;transition:width .3s,min-width .3s;overflow:hidden}.side-panel-container:not(.open){width:0;min-width:0}.side-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-subtle);flex-direction:column;width:300px;height:100%;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.panel-header h2{color:var(--text-primary);letter-spacing:.3px;flex:1;font-size:16px;font-weight:600}.constellation-count{color:var(--text-dim);border:1px solid var(--border-subtle);font-variant-numeric:tabular-nums;background:#648cdc1a;border-radius:10px;padding:2px 7px;font-size:12px}.home-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.home-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--accent-glow)}.info-card{border-bottom:1px solid var(--border-subtle);flex-shrink:0;max-height:50vh;padding:12px 14px;overflow-y:auto}.info-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.info-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:600;line-height:1.2}.pronunciation{color:var(--text-dim);margin-top:1px;font-size:13px;font-style:italic;display:inline-block}.info-card-actions{flex-shrink:0;gap:4px;display:flex}.fav-btn-sm,.close-btn-sm{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.fav-btn-sm:hover{border-color:var(--gold);color:var(--gold)}.fav-btn-sm.active{border-color:var(--gold);background:#ffd70014}.close-btn-sm:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ff64641a}.info-card-tags{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.tag{border:1px solid var(--border-subtle);color:var(--text-dim);background:#648cdc14;border-radius:4px;padding:2px 6px;font-size:12px}.tag-zodiac{color:var(--gold);background:#ffd7000f;border-color:#ffd7004d}.difficulty-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.difficulty-badge.beginner{color:#50c878e6;background:#50c8781f}.difficulty-badge.intermediate{color:#ffb432e6;background:#ffb4321f}.difficulty-badge.advanced{color:#ff5050e6;background:#ff50501f}.info-card-body{flex-direction:column;gap:8px;display:flex}.quick-stats{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.stat{border:1px solid var(--border-subtle);background:#14143266;border-radius:6px;flex-direction:column;gap:1px;padding:6px 8px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);font-size:11px}.stat-val{color:var(--text-primary);font-size:14px;font-weight:500}.info-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}.info-details{border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.info-details summary{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 10px;font-size:14px;font-weight:500;list-style:none;transition:background .15s}.info-details summary::-webkit-details-marker{display:none}.info-details summary:before{content:"▸";color:var(--accent);font-size:11px}.info-details[open] summary:before{content:"▾"}.info-details summary:hover{background:#648cdc0f}.info-details p{color:var(--text-secondary);margin:0;padding:0 10px 8px;font-size:14px;line-height:1.7}.fun-facts h4{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:13px;font-weight:600}.fun-facts ul{margin:0;padding:0;list-style:none}.fun-facts li{color:var(--text-secondary);padding:4px 0 4px 14px;font-size:14px;line-height:1.6;position:relative}.fun-facts li:before{content:"";background:var(--accent);opacity:.5;border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:0}.related h4{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:13px;font-weight:600}.related-tags{flex-wrap:wrap;gap:4px;display:flex}.related-tag{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#648cdc14;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:13px;transition:all .2s}.related-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.search-container{padding:10px 14px 6px;position:relative}.search-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:26px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:#14143299;border-radius:8px;outline:none;padding:8px 12px 8px 34px;font-family:inherit;font-size:14px;transition:border-color .2s}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--accent)}.filters{gap:6px;padding:4px 14px 6px;display:flex}.filter-select{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#14143299;border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:13px;transition:border-color .2s}.filter-select:focus{border-color:var(--accent)}.filter-select option{background:var(--bg-panel-solid);color:var(--text-primary)}.favorites-toggle{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin:0 14px 6px;padding:6px 10px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.favorites-toggle:hover{border-color:var(--border-hover)}.favorites-toggle.active{border-color:var(--gold);color:var(--gold);background:#ffd7000d}.constellation-list{flex:1;padding:4px 6px;overflow-y:auto}.constellation-item{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1px;padding:7px 8px;font-family:inherit;transition:all .2s;display:flex}.constellation-item:hover{border-color:var(--border-subtle);background:#648cdc0f}.constellation-item.selected{border-color:var(--accent);background:#648cdc1a}.item-info{flex-direction:column;gap:1px;display:flex}.item-name{color:var(--text-primary);font-size:14px;font-weight:500}.item-meta{color:var(--text-dim);font-size:12px}.fav-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .2s;display:flex}.fav-btn:hover{color:var(--gold)}.no-results{text-align:center;color:var(--text-dim);padding:20px;font-size:14px}@media (width<=768px){.panel-toggle-btn{display:none}.side-panel-container{z-index:15;width:300px;height:100%;min-width:unset;transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%)}.side-panel-container.open{width:300px;min-width:unset;transform:translate(0)}.side-panel-container:not(.open){width:300px;min-width:unset}}@media (width<=480px){.side-panel-container,.side-panel-container.open,.side-panel-container:not(.open),.side-panel{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.intro-overlay{z-index:100;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);opacity:0;background:#03030ceb;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.intro-overlay.visible{opacity:1}.intro-overlay.exiting{opacity:0;pointer-events:none}.intro-content{text-align:center;width:90%;max-width:580px;animation:.8s .2s both introSlideUp;position:relative}@keyframes introSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-title{color:var(--text-primary);letter-spacing:6px;text-transform:uppercase;background:linear-gradient(#dce6ff 0%,#7896dcb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:52px;font-weight:300}.intro-subtitle{color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin-bottom:32px;font-size:15px}.intro-divider{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:60px;height:1px;margin:0 auto 32px}.intro-section h2{color:var(--accent);letter-spacing:.5px;margin-bottom:16px;font-size:16px;font-weight:500}.intro-section p{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.8}.intro-section p:last-child{margin-bottom:0}.intro-features{flex-wrap:wrap;justify-content:center;gap:32px;margin:32px 0;display:flex}.intro-feature{color:var(--text-dim);letter-spacing:.3px;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.intro-feature svg{opacity:.5}.intro-cta{color:var(--text-primary);cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#3c78ff33,#64a0ff1a);border:1px solid #64a0ff4d;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.intro-cta:hover{background:linear-gradient(135deg,#3c78ff4d,#64a0ff33);border-color:#64a0ff80;transform:translateY(-1px)}@media (width<=640px){.intro-title{letter-spacing:4px;font-size:32px}.intro-subtitle{font-size:12px}.intro-features{gap:20px}}