.color-legend{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.color-legend h4{color:#2c3e50;margin:0 0 15px;text-align:center}.legend-items{display:flex;flex-direction:column;gap:10px}.legend-item{align-items:center;display:flex;font-size:14px;gap:10px}.legend-color{border:2px solid #0000;border-radius:4px;height:20px;width:20px}.legend-color.auspicious{background:#10b981;border-color:#10b981}.legend-color.inauspicious{background:#ef4444;border-color:#ef4444}.legend-color.neutral{background:#6b7280;border-color:#6b7280}@media (min-width:768px){.legend-items{flex-direction:row;justify-content:space-around}}.nakshatra-page{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:100px 20px 20px}.error,.loading{font-size:18px;padding:40px;text-align:center}.error{color:#e74c3c}.nakshatra-navigation{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0}.nav-center{display:flex;gap:10px}.nav-button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;text-decoration:none}.nav-button:hover{background:#2980b9}.nav-button.home-btn{background:#e91e63}.nav-button.home-btn:hover{background:#c2185b}.nav-button.list-btn{background:#9c27b0}.nav-button.list-btn:hover{background:#7b1fa2}.nakshatra-header{margin-bottom:30px;text-align:center}.nakshatra-header h1{align-items:center;color:#2c3e50;display:flex;font-size:2.5em;gap:.5rem;justify-content:center;margin-bottom:20px}.nakshatra-symbol{font-size:1.2em;margin-right:.3rem}.nakshatra-properties{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:20px}.property{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;min-width:120px;padding:10px}.property .label{color:#666;font-size:14px;font-weight:700;margin-bottom:5px}.property .value{color:#e91e63;font-size:16px;font-weight:700}.year-navigation{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:20px;justify-content:center;margin-bottom:30px;padding:20px}.year-nav-button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.year-nav-button:hover:not(:disabled){background:#2980b9}.year-nav-button:disabled{background:#bdc3c7;cursor:not-allowed}.current-year{color:#2c3e50;font-size:24px;font-weight:700}.nakshatra-periods h2{color:#2c3e50;margin-bottom:20px;text-align:center}.nakshatra-periods p{color:#666;margin-bottom:30px;text-align:center}.periods-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.period-card{align-items:center;background:#fff;border:1px solid #ddd;border-left:4px solid #8b5cf6;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;padding:20px}.period-card.auspicious{background:linear-gradient(135deg,#f0fdf4,#fff);border-left-color:#10b981}.period-card.inauspicious{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:#ef4444}.period-card.neutral{background:linear-gradient(135deg,#f9fafb,#fff);border-left-color:#6b7280}.period-date{align-items:center;display:flex;flex-direction:column;margin-right:20px;min-width:70px}.period-date .day{color:#e91e63;font-size:24px;font-weight:700;line-height:1}.period-date .month{color:#3498db;font-size:14px;font-weight:700;margin:2px 0;text-transform:uppercase}.period-date .weekday{color:#666;font-size:12px;text-transform:uppercase}.period-content{flex:1 1}.period-title{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:8px}.period-timing{color:#666;font-size:14px}.period-timing div{margin-bottom:2px}.nakshatra-badge{background:#e91e63;border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:8px 12px}.nakshatra-details{margin-top:40px}.characteristics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.char-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;transition:transform .3s ease}.char-card:hover{transform:translateY(-2px)}.char-card.positive{background:linear-gradient(135deg,#fff,#f8fff9);border-left-color:#27ae60}.char-card.negative{background:linear-gradient(135deg,#fff,#fff8f8);border-left-color:#e74c3c}.char-card h4{color:#2c3e50;font-size:16px;font-weight:700;margin:0 0 12px}.char-card p{color:#555;font-size:14px;line-height:1.6;margin:0}.properties-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px}.properties-summary h3{color:#2c3e50;font-size:20px;margin:0 0 20px;text-align:center}.properties-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.prop-item{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;gap:5px;padding:15px}.prop-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.prop-value{color:#e91e63;font-size:16px;font-weight:700}@media (max-width:768px){.characteristics-grid{gap:15px;grid-template-columns:1fr}.properties-grid{gap:10px;grid-template-columns:1fr}.char-card{padding:15px}.properties-summary{padding:20px}}.footer-note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:14px;margin-top:40px;padding:20px}.footer-note p{margin:5px 0}.no-periods{color:#666;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.nakshatra-page{padding:10px}.nakshatra-navigation{flex-direction:column;gap:10px}.nav-center{justify-content:center;order:-1}.nakshatra-properties{flex-direction:column;gap:15px}.property{min-width:auto;width:100%}.period-card,.year-navigation{flex-direction:column;gap:15px}.period-card{text-align:center}.period-date{margin-right:0}.nakshatra-header h1{font-size:2em}}