@media (max-width:768px){.constellation-bar{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 16px!important;gap:8px!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.constellation-bar::-webkit-scrollbar{display:none!important}.constellation-tab{min-width:80px!important;min-height:48px!important;white-space:nowrap!important;flex-shrink:0!important;font-size:14px!important}.canvas-container{padding:16px!important;overflow:hidden!important}.constellation-canvas{max-width:100%!important;height:auto!important;border-radius:12px!important}.constellation-info .glass-panel{margin:16px!important;padding:16px!important;max-width:none!important;width:auto!important}.grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.space-y-8>*+*{margin-top:16px!important}.grid.md\\:grid-cols-2{grid-template-columns:1fr!important}.grid.md\\:grid-cols-6{grid-template-columns:repeat(2,1fr)!important}}.glass-panel{background:linear-gradient(135deg,rgba(26,26,26,.4),rgba(10,10,10,.6))!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;position:relative!important}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,215,0,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}nav .glass-panel{font-size:16px!important;font-weight:600!important;color:#ffffff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important;box-shadow:0 4px 20px rgba(0,0,0,.3)!important}nav .glass-panel:hover{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,165,0,.1))!important;border-color:rgba(255,215,0,.5)!important;color:#FFD700!important;transform:translateY(-1px)!important;box-shadow:0 6px 25px rgba(255,215,0,.2)!important}.zodiatrix-container{position:relative;width:100%;min-height:100vh;background:radial-gradient(circle at center,#1a1a2e 0,#0f0f23 50%,#000000 100%);overflow-x:hidden;display:flex;flex-direction:column;color:#ffd700;font-family:Courier New,monospace;padding-bottom:2rem}.zodiatrix-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,215,0,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,215,0,.4),transparent),radial-gradient(1px 1px at 90% 40%,rgba(255,215,0,.6),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,215,0,.5),transparent),radial-gradient(2px 2px at 80% 10%,rgba(255,215,0,.3),transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,215,0,.4),transparent),radial-gradient(1px 1px at 70% 90%,rgba(255,215,0,.5),transparent),radial-gradient(2px 2px at 30% 20%,rgba(255,215,0,.3),transparent),radial-gradient(1px 1px at 60% 60%,rgba(255,215,0,.4),transparent),radial-gradient(1px 1px at 15% 15%,rgba(255,215,0,.6),transparent);background-size:550px 550px,350px 350px,250px 250px,200px 200px,400px 400px,300px 300px,180px 180px,220px 220px,280px 280px,150px 150px;background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;z-index:0}.zodiatrix-header{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:10;background:rgba(255,215,0,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.3);border-radius:15px;padding:15px 30px;text-align:center}.zodiatrix-header h1{margin:0;font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#ffd700,#ffed4e,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.5)}.zodiatrix-nav{position:absolute;top:120px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:15px;background:rgba(255,215,0,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.3);border-radius:15px;padding:15px}.nav-button{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));border:1px solid rgba(255,215,0,.4);border-radius:8px;color:#ffd700;padding:10px 20px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase}.nav-button:hover{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,215,0,.2));transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,215,0,.3)}.nav-button.active{background:linear-gradient(135deg,rgba(255,215,0,.4),rgba(255,215,0,.3));box-shadow:0 0 20px rgba(255,215,0,.5)}.canvas-container{position:relative;z-index:2;flex:1;display:flex;justify-content:center;align-items:center;padding:20px;min-height:600px}.constellation-canvas{position:relative;z-index:5;border:2px solid rgba(255,215,0,.3);border-radius:20px;background:rgba(0,0,0,.3);backdrop-filter:blur(5px);box-shadow:0 0 30px rgba(255,215,0,.2),inset 0 0 30px rgba(255,215,0,.1);width:100%;height:100%;max-width:900px;max-height:700px}.constellation-info{position:relative;width:100%;margin-top:2rem;z-index:1}.constellation-name{font-size:1.8rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,#ffd700,#ffed4e,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.constellation-description{font-size:1rem;color:rgba(255,215,0,.8);line-height:1.4}.animation-controls{position:absolute;top:50%;right:30px;transform:translateY(-50%);z-index:10;background:rgba(255,215,0,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.3);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:15px}.control-button{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));border:1px solid rgba(255,215,0,.4);border-radius:8px;color:#ffd700;padding:10px 15px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;font-weight:700;text-align:center;min-width:120px}.control-button:hover{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,215,0,.2));transform:translateX(-5px);box-shadow:0 5px 15px rgba(255,215,0,.3)}.constellation-bar{position:relative;margin:2rem auto;z-index:5;background:rgba(255,215,0,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.3);border-radius:15px;padding:15px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:10px;justify-content:center;max-width:90vw}.constellation-tab{background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(13,13,13,.98));border:1px solid rgba(201,169,97,.15);border-radius:8px;color:#ffd700;padding:12px 16px;cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;text-transform:capitalize;text-align:center;min-width:90px;font-size:.9rem;position:relative}.constellation-tab:hover{border-color:rgba(255,215,0,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,.15)}.constellation-tab.active{border-color:rgba(255,215,0,.6);box-shadow:0 4px 16px rgba(255,215,0,.25);transform:translateY(-2px)}.constellation-tab.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ffd700;border-radius:2px 0 0 2px}.dashboard-btn{position:absolute;top:30px;left:30px;z-index:15;background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));border:1px solid rgba(255,215,0,.4);border-radius:12px;color:#ffd700;padding:12px 20px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;font-weight:700;text-decoration:none;display:inline-block}.dashboard-btn:hover{background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,215,0,.2));transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,215,0,.3);color:#ffd700;text-decoration:none}@media (max-width:1200px){.animation-controls,.zodiac-selector{position:relative;transform:none;margin:20px auto;top:auto;left:auto;right:auto}.constellation-canvas{margin:20px}}@media (max-width:768px){.zodiatrix-header h1{font-size:2rem}.zodiatrix-nav{flex-wrap:wrap;top:100px}.nav-button{padding:8px 15px;font-size:.9rem}.constellation-info{bottom:20px;padding:15px 20px;min-width:250px}.constellation-name{font-size:1.5rem}.constellation-description{font-size:.9rem}}@media (max-width:480px){.zodiatrix-header{padding:10px 20px}.zodiatrix-header h1{font-size:1.8rem}.zodiatrix-nav{padding:10px;gap:10px}.nav-button{padding:6px 12px;font-size:.8rem}.constellation-info{padding:12px 16px;min-width:200px}.constellation-name{font-size:1.3rem}.dashboard-btn{padding:8px 15px;font-size:.9rem}}@keyframes constellation-morph{0%{opacity:0;transform:scale(.8)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes star-twinkle{0%,to{opacity:.8}50%{opacity:1}}@keyframes line-draw{0%{stroke-dashoffset:100%}to{stroke-dashoffset:0%}}.constellation-morphing{animation:constellation-morph 1.5s ease-in-out}.star-twinkling{animation:star-twinkle 2s ease-in-out infinite}.line-drawing{animation:line-draw 2s ease-in-out}