:root{--lunar-phase-1:#8A2BE2;--lunar-phase-2:#FF6B6B;--lunar-phase-3:#4A90E2;--lunar-phase-4:#FFD93D;--lunar-phase-5:#50E3C2;--lunar-phase-6:#F5A623;--lunar-phase-7:#BD10E0;--lunar-phase-8:#87CEEB;--lunar-glow-1:rgba(138,43,226,0.3);--lunar-glow-2:rgba(255,107,107,0.3);--lunar-glow-3:rgba(74,144,226,0.3);--lunar-glow-4:rgba(255,217,61,0.3);--lunar-glow-5:rgba(80,227,194,0.3);--lunar-glow-6:rgba(245,166,35,0.3);--lunar-glow-7:rgba(189,16,224,0.3);--lunar-glow-8:rgba(135,206,235,0.3)}.lunar-container{min-height:100vh;background:#000000;color:#ffffff;position:relative}.lunar-content{max-width:1400px;margin:0 auto;padding:2rem 1rem;position:relative}.lunar-header{text-align:center;margin-bottom:3rem;padding:0 1rem}.lunar-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#FFD700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.5px}.lunar-subtitle{font-size:1.125rem;line-height:1.6;color:rgba(255,215,0,.6);max-width:800px;margin:0 auto}.lunar-info-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.lunar-info-card{background:linear-gradient(135deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--card-border-color,rgba(255,215,0,.2));border-radius:16px;padding:24px 20px;text-align:left;transition:all .3s ease;position:relative;overflow:hidden}.lunar-info-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent-color,#FFD700);opacity:.8;transition:all .3s ease}.lunar-info-card:hover{border-color:var(--card-accent-color,#FFD700);transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.4),0 0 30px var(--card-glow-color,rgba(255,215,0,.2))}.lunar-info-card:hover:before{opacity:1;width:6px}.info-card-header{display:flex;align-items:center;gap:1rem}.info-card-icon{width:40px;height:40px;border-radius:50%;background:var(--card-icon-bg,linear-gradient(135deg,#FFD700,#FFA500));display:flex;align-items:center;justify-content:center;font-size:20px;color:#000;flex-shrink:0;box-shadow:0 4px 12px var(--card-shadow-color,rgba(255,215,0,.3))}.info-card-title{color:var(--card-title-color,#FFD700);font-size:1rem;font-weight:700;margin-bottom:4px;letter-spacing:-.02em}.info-card-description{color:rgba(255,255,255,.8);font-size:.85rem;line-height:1.4}.lunar-info-card:first-child{--card-accent-color:#8A2BE2;--card-title-color:#8A2BE2;--card-border-color:rgba(138,43,226,0.3);--card-glow-color:rgba(138,43,226,0.2);--card-icon-bg:linear-gradient(135deg,#8A2BE2,#7B68EE);--card-shadow-color:rgba(138,43,226,0.3)}.lunar-info-card:nth-child(2){--card-accent-color:#FF6B6B;--card-title-color:#FF6B6B;--card-border-color:rgba(255,107,107,0.3);--card-glow-color:rgba(255,107,107,0.2);--card-icon-bg:linear-gradient(135deg,#FF6B6B,#FF4757);--card-shadow-color:rgba(255,107,107,0.3)}.lunar-info-card:nth-child(3){--card-accent-color:#4A90E2;--card-title-color:#4A90E2;--card-border-color:rgba(74,144,226,0.3);--card-glow-color:rgba(74,144,226,0.2);--card-icon-bg:linear-gradient(135deg,#4A90E2,#357ABD);--card-shadow-color:rgba(74,144,226,0.3)}.lunar-info-card:nth-child(4){--card-accent-color:#FFD93D;--card-title-color:#FFD93D;--card-border-color:rgba(255,217,61,0.3);--card-glow-color:rgba(255,217,61,0.2);--card-icon-bg:linear-gradient(135deg,#FFD93D,#FFC312);--card-shadow-color:rgba(255,217,61,0.3)}.lunar-section-nav{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.lunar-nav-btn{padding:.75rem 1.5rem;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(10px);border-radius:50px;color:rgba(255,255,255,.8);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.lunar-nav-btn:hover{border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(35,35,35,.5),rgba(20,20,20,.7));color:#fff}.lunar-nav-btn.active{border-color:#FFD700;background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));color:#fff;box-shadow:0 0 20px rgba(255,215,0,.3)}.lunar-main-content{display:flex;flex-direction:column;gap:2rem}.lunar-controls-card{background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:2rem}.lunar-section-title{font-size:1.5rem;font-weight:700;color:#FFD700;margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em}.lunar-date-display{font-size:1.25rem;font-weight:600;color:#FFD700;text-align:center;margin-bottom:2rem}.lunar-slider-group{margin-bottom:1.5rem}.lunar-slider-group label{display:block;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:.5rem;text-align:center}.lunar-slider-controls{display:flex;align-items:center;gap:1rem}.lunar-slider-btn{width:40px;height:40px;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(10px);border-radius:8px;color:#FFD700;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lunar-slider-btn:hover:not(:disabled){border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(35,35,35,.6),rgba(20,20,20,.8));color:#fff}.lunar-slider-btn:disabled{opacity:.5;cursor:not-allowed}.lunar-slider{flex:1;height:6px;background:linear-gradient(90deg,rgba(255,215,0,.2),rgba(255,165,0,.4));border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lunar-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#FFD700,#FFA500);border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(255,215,0,.5)}.lunar-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#FFD700,#FFA500);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px rgba(255,215,0,.5)}.lunar-result-card{background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:2rem;margin-bottom:2rem}.lunar-result-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.lunar-result-emoji{font-size:4rem;filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}.lunar-result-info h4{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.7);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.lunar-result-info h3{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.lunar-result-badges{display:flex;flex-wrap:wrap;gap:.5rem}.lunar-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));color:#FFD700}.lunar-badge-archetype{border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));color:#fff}.lunar-badge-element{border-color:rgba(255,165,0,.5);background:linear-gradient(145deg,rgba(255,165,0,.2),rgba(255,140,0,.1));color:#FFA500}.lunar-badge-polarity{border-color:rgba(184,134,11,.5);background:linear-gradient(145deg,rgba(184,134,11,.2),rgba(146,107,9,.1));color:#D4AF37}.lunar-description{font-size:1.125rem;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:2rem}.lunar-traits-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.lunar-trait-category h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:.75rem}.lunar-trait-pills{display:flex;flex-wrap:wrap;gap:.5rem}.lunar-trait-pill{padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:600;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));color:rgba(255,255,255,.9);transition:all .3s ease}.lunar-trait-pill:hover{border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(35,35,35,.6),rgba(20,20,20,.8));color:#fff}.lunar-strength{border-color:rgba(34,197,94,.3);background:linear-gradient(145deg,rgba(34,197,94,.1),rgba(21,128,61,.05));color:#86efac}.lunar-challenge{border-color:rgba(239,68,68,.3);background:linear-gradient(145deg,rgba(239,68,68,.1),rgba(185,28,28,.05));color:#fca5a5}.lunar-lucky-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.lunar-lucky-group h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:1rem;text-align:center}.lunar-lucky-display{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.lunar-lucky-circle{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));display:flex;align-items:center;justify-content:center;font-weight:700;color:#FFD700;font-size:1.125rem;transition:all .3s ease}.lunar-lucky-circle:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(255,215,0,.4)}.lunar-color-chip{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));color:#FFD700;transition:all .3s ease}.lunar-color-chip:hover{border-color:rgba(255,215,0,.5);background:linear-gradient(145deg,rgba(35,35,35,.6),rgba(20,20,20,.8));color:#fff}.lunar-compatibility-section{margin-bottom:2rem}.lunar-compatibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.lunar-compatibility-category h4{font-size:1.125rem;font-weight:700;color:#FFD700;margin-bottom:1rem;text-align:center}.lunar-phase-list{display:flex;flex-direction:column;gap:.75rem}.lunar-phase-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,215,0,.2);background:linear-gradient(145deg,rgba(26,26,26,.3),rgba(15,15,15,.1));transition:all .3s ease}.lunar-phase-item:hover{border-color:rgba(255,215,0,.4);background:linear-gradient(145deg,rgba(35,35,35,.4),rgba(20,20,20,.2))}.lunar-phase-item.best{border-color:rgba(34,197,94,.3);background:linear-gradient(145deg,rgba(34,197,94,.1),rgba(21,128,61,.05))}.lunar-phase-item.good{border-color:rgba(255,215,0,.3);background:linear-gradient(145deg,rgba(40,40,30,.4),rgba(25,25,15,.2))}.lunar-phase-item.challenge{border-color:rgba(239,68,68,.3);background:linear-gradient(145deg,rgba(239,68,68,.1),rgba(185,28,28,.05))}.lunar-phase-emoji{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(255,215,0,.3))}.lunar-phase-name{flex:1;font-weight:600;color:rgba(255,255,255,.9)}.lunar-compatibility-score{font-weight:700;color:#FFD700;font-size:.9rem}.lunar-guidance-section{margin-bottom:2rem}.lunar-guidance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.lunar-guidance-card{padding:1.5rem;border-radius:12px;border:1px solid rgba(255,215,0,.2);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(10px)}.lunar-guidance-card h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:.75rem}.lunar-guidance-card p{color:rgba(255,255,255,.8);line-height:1.5}.lunar-phases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.lunar-phase-card{padding:1.5rem;border-radius:16px;border:1px solid rgba(255,215,0,.2);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(20px);cursor:pointer;transition:all .3s ease}.lunar-phase-card:hover{border-color:rgba(255,215,0,.4);background:linear-gradient(145deg,rgba(35,35,35,.6),rgba(20,20,20,.8));transform:translateY(-4px);box-shadow:0 10px 30px rgba(255,215,0,.15)}.lunar-phase-card.selected{border-color:#FFD700;background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));box-shadow:0 0 30px rgba(255,215,0,.3)}.lunar-phase-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.lunar-phase-info h4{font-size:1.25rem;font-weight:700;color:#FFD700;margin-bottom:.25rem}.lunar-archetype{font-size:.875rem;color:rgba(255,255,255,.7);font-style:italic}.lunar-phase-description{color:rgba(255,255,255,.8);line-height:1.5;margin-bottom:1rem}.lunar-phase-badges{display:flex;gap:.5rem}.lunar-selected-phase{margin-top:2rem}.lunar-current-moon-card{backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:2rem;margin-bottom:2rem}.lunar-current-guidance,.lunar-current-moon-card{background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8))}.lunar-current-guidance{margin:2rem 0;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.lunar-current-guidance h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:.75rem}.lunar-current-guidance p{color:rgba(255,255,255,.8);line-height:1.5}.lunar-moon-events{margin-top:2rem}.lunar-events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.lunar-event-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,215,0,.2);background:linear-gradient(145deg,rgba(26,26,26,.6),rgba(15,15,15,.8));backdrop-filter:blur(10px);transition:all .3s ease}.lunar-event-card:hover{border-color:rgba(255,215,0,.4);background:linear-gradient(145deg,rgba(35,35,35,.6),rgba(20,20,20,.8))}.lunar-event-emoji{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.lunar-event-info h5{font-size:1rem;font-weight:700;color:#FFD700;margin-bottom:.5rem}.lunar-event-info p{color:rgba(255,255,255,.8);font-size:.9rem}.lunar-power-time{margin-top:2rem;padding:1.5rem;border-radius:12px;border:2px solid #ffd700;background:linear-gradient(145deg,rgba(40,40,30,.6),rgba(25,25,15,.8));backdrop-filter:blur(20px);text-align:center;box-shadow:0 0 30px rgba(255,215,0,.3)}.lunar-power-time h5{font-size:1.25rem;font-weight:700;color:#FFD700;margin-bottom:.75rem}.lunar-power-time p{color:rgba(255,255,255,.9);font-size:1.125rem;line-height:1.5}@media (max-width:768px){.lunar-content{padding:1rem .5rem}.lunar-title{font-size:2.5rem}.lunar-info-row{grid-template-columns:1fr;gap:1rem}.lunar-result-header{flex-direction:column;text-align:center;gap:1rem}.lunar-compatibility-grid,.lunar-events-grid,.lunar-guidance-cards,.lunar-phases-grid{grid-template-columns:1fr}}@media (max-width:480px){.lunar-section-nav{flex-direction:column;align-items:center}.lunar-nav-btn{width:100%;max-width:300px}.lunar-slider-controls{gap:.5rem}.lunar-slider-btn{width:35px;height:35px}}