.transit-container{min-height:100vh;background:#fdfbf7;font-family:var(--font-body);overflow:hidden;max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative}.transit-container:after,.transit-container:before{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.18;animation:float 22s ease-in-out infinite;pointer-events:none}.transit-container:before{top:10%;left:10%;width:500px;height:500px;background:linear-gradient(135deg,#d4af37,#7c3aed)}.transit-container:after{bottom:10%;right:10%;width:600px;height:600px;background:linear-gradient(135deg,#7c3aed,#b8972e);animation-delay:7s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}@media (min-width:640px){.transit-container{padding:3rem 2rem}}@media (min-width:1024px){.transit-container{padding:4rem 3rem}}.transit-content{max-width:1400px;margin:0 auto}.transit-header{text-align:center;margin-bottom:2.5rem}.transit-title{font-family:Georgia,Times New Roman,serif;font-weight:700;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#d4af37,#b8972e);font-size:2.25rem;color:var(--color-gray-900);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}@media (min-width:640px){.transit-title{font-size:3rem}}@media (min-width:1024px){.transit-title{font-size:3.5rem}}.transit-subtitle{font-size:.95rem;max-width:800px;margin:0 auto;line-height:1.6;color:#555}@media (min-width:640px){.transit-subtitle{font-size:1.05rem}}@media (min-width:1024px){.transit-subtitle{font-size:1.15rem}}.transit-section{margin-bottom:4rem}.section-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-gray-700);text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--color-gold);position:relative;justify-content:center}@media (min-width:640px){.section-title{font-size:1.75rem}}@media (min-width:1024px){.section-title{font-size:2rem}}.section-title:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:150px;height:3px;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-dark))}.transit-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.transit-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.transit-grid{grid-template-columns:repeat(3,1fr)}}.transit-card{position:relative;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.25);border-radius:1.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.08);display:flex;flex-direction:column}.transit-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.transit-card .accent{height:5px;margin:1.5rem 1.5rem 1rem;width:calc(100% - 3rem);display:block;border-radius:2px}.transit-card.current{border:2px solid #d4af37!important;box-shadow:0 0 0 5px rgba(212,175,55,.3),0 16px 40px rgba(212,175,55,.25)!important}.transit-card.current .accent{background:linear-gradient(90deg,#d4af37,#b8972e)}.cardBody{padding:1.5rem 1.75rem;display:flex;gap:1rem;align-items:flex-start;flex:1}.cardBody.info-section{padding-top:0;display:block;flex:none}.iconBox{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.titleGroup h3{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;margin:0;color:#111}.titleGroup .desc{font-size:.875rem;color:#555;margin-top:.25rem}.liveBadge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(212,175,55,.2);color:#b8972e;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid rgba(212,175,55,.4);margin-top:.5rem}.pulseDot{width:9px;height:9px;background:#d4af37;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.infoRow{display:flex;justify-content:space-between;margin-bottom:.75rem}.infoRow:last-child{margin-bottom:0}.infoLabel{font-weight:600;color:#666;font-size:.875rem}.infoValue{font-family:Courier New,monospace;font-weight:700;color:#111;font-size:.875rem;text-align:right}.transit-card .footer{padding:1rem 1.75rem;border-top:1px solid rgba(212,175,55,.2);text-align:center;background:rgba(255,255,255,.6);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#666;font-weight:600}.countdown-grid-cards{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.countdown-grid-cards{grid-template-columns:repeat(2,1fr)}}.countdown-value{font-size:1rem;font-weight:800;color:#d4af37;font-family:Courier New,monospace}.planet-selector-wrapper{margin-bottom:2rem;display:flex;justify-content:center}.planet-selector{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1.5rem;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.25);border-radius:1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.08)}.planet-selector-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(255,255,255,.8);border:1.5px solid #e5e7eb;border-radius:.875rem;font-size:.925rem;font-weight:600;color:#444;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.planet-selector-btn:hover{background:#f9fafb;border-color:#d4af37;color:#b8972e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,175,55,.2)}.planet-selector-btn.active{background:linear-gradient(135deg,#d4af37,#b8972e);border-color:#d4af37;color:white;box-shadow:0 4px 16px rgba(212,175,55,.4)}.planet-symbol-small{font-size:1.25rem;line-height:1}.upcoming-transits-section{margin-top:2rem}.upcoming-section-title{font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#111;background:linear-gradient(135deg,#d4af37,#b8972e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upcoming-transit-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width:640px){.upcoming-transit-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.upcoming-transit-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.upcoming-transit-grid{grid-template-columns:repeat(4,1fr)}}.empty-state-card-new{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.25);border-radius:1.5rem;padding:3rem 2rem;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.08)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-text{font-size:1rem;color:#666;font-weight:500;margin:0}.countdown-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.countdown-grid{grid-template-columns:repeat(2,1fr)}}.countdown-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative;overflow:hidden}.countdown-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-gold),var(--color-indigo));opacity:0;transition:opacity .3s ease}.countdown-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.countdown-card:hover:before{opacity:1}.countdown-card.venus{background:linear-gradient(135deg,#fff5f5,#ffe4e6);border-color:#fda4af}.countdown-card.moon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.countdown-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}@media (min-width:640px){.countdown-title{font-size:1.75rem}}.countdown-title.venus{color:#be123c}.countdown-title.moon{color:#6d28d9}.countdown-date{font-size:1rem;font-weight:500;text-align:center;margin-bottom:1.5rem}@media (min-width:640px){.countdown-date{font-size:1.125rem}}.countdown-date.venus{color:#9f1239}.countdown-date.moon{color:#5b21b6}.countdown-timer{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;text-align:center;padding:1rem;border-radius:var(--radius-md);letter-spacing:.05em}@media (min-width:640px){.countdown-timer{font-size:1.5rem;padding:1.25rem}}.countdown-timer.venus{background:rgba(255,255,255,.7);border:2px solid #fda4af;color:#be123c}.countdown-timer.moon{background:rgba(255,255,255,.7);border:2px solid #c4b5fd;color:#6d28d9}.transit-card.countdown-card-new{border-radius:1rem}.transit-card.countdown-card-new .cardBody{padding:.9rem 1rem;gap:.6rem;align-items:flex-start}.transit-card.countdown-card-new .iconBox{width:44px;height:44px;border-radius:.75rem;margin-top:.125rem}.transit-card.countdown-card-new .titleGroup h3{font-size:1.125rem;margin-bottom:.125rem}.transit-card.countdown-card-new .titleGroup .desc{font-size:.8rem;margin-top:.125rem}.transit-card.countdown-card-new .liveBadge{padding:.25rem .5rem;font-size:.65rem}.transit-card.countdown-card-new .cardBody.info-section{padding:0 1rem .9rem}.transit-card.countdown-card-new .infoLabel{font-size:.8rem}.transit-card.countdown-card-new .infoValue{font-size:.82rem}.transit-card.countdown-card-new .countdown-value{font-size:.95rem;font-weight:700}.transit-table-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-lg);transition:all .3s ease;overflow:hidden}@media (min-width:768px){.transit-table-card{padding:2rem}}@media (max-width:640px){.transit-table-card{padding:1rem;border-radius:var(--radius-md)}}.transit-table-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15)}.table-scroll-container{overflow-x:auto;border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;position:relative;max-width:100%}@media (max-width:1024px){.table-scroll-container{margin:0 -1rem;padding:0 1rem;max-width:calc(100% + 2rem)}}@media (max-width:640px){.table-scroll-container{border-radius:0;margin:0 -1rem;padding:0 1rem;max-width:calc(100% + 2rem)}}.transit-table{width:100%;min-width:700px;border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden}@media (max-width:768px){.transit-table{min-width:600px}}@media (max-width:640px){.transit-table{min-width:550px;font-size:.8125rem}}.transit-table thead{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.transit-table th{text-align:center;padding:1rem;font-weight:700;color:var(--color-gray-700);font-size:.875rem;border-bottom:2px solid #bfdbfe;white-space:nowrap;font-family:var(--font-body)}@media (min-width:640px){.transit-table th{padding:1.25rem;font-size:1rem}}@media (min-width:1024px){.transit-table th{font-size:1.125rem}}@media (max-width:640px){.transit-table th{padding:.75rem .5rem;font-size:.75rem}}.transit-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background-color .2s ease}.transit-table tbody tr:nth-child(2n){background:var(--color-gray-50)}.transit-table tbody tr:hover{background:#eff6ff}.transit-table td{padding:1rem;text-align:center;color:var(--color-gray-600);font-size:.875rem}@media (min-width:640px){.transit-table td{padding:1.25rem;font-size:.9375rem}}@media (max-width:640px){.transit-table td{padding:.75rem .5rem;font-size:.75rem}}.planet-cell{display:flex;align-items:center;justify-content:center;gap:.5rem}.planet-symbol{font-size:1.5rem}@media (min-width:640px){.planet-symbol{font-size:1.75rem}}@media (max-width:640px){.planet-symbol{font-size:1.25rem}}.planet-name{font-weight:600;color:var(--color-gray-800);white-space:nowrap;font-size:.9375rem}@media (min-width:640px){.planet-name{font-size:1rem}}.sign-badge{display:inline-block;background:#dbeafe;color:#1e40af;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap}@media (min-width:640px){.sign-badge{padding:.5rem 1rem;font-size:.9375rem}}@media (max-width:640px){.sign-badge{padding:.25rem .5rem;font-size:.75rem}}.planet-tabs-container{width:100%;overflow-x:auto;margin-bottom:2rem;padding-top:.5rem}.planet-tabs{display:flex;gap:.75rem;border-bottom:2px solid var(--color-gray-200);padding-bottom:1rem;min-width:-moz-max-content;min-width:max-content}.planet-tab{padding:.75rem 1.5rem;font-weight:500;border-radius:var(--radius-md);transition:all .2s ease;font-size:.875rem;white-space:nowrap;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);cursor:pointer}@media (min-width:640px){.planet-tab{padding:1rem 2rem;font-size:1rem}}.planet-tab:hover{color:var(--color-indigo);background:#eff6ff}.planet-tab.active{background:linear-gradient(135deg,var(--color-indigo),var(--color-purple));color:var(--color-white);border-color:var(--color-indigo);box-shadow:var(--shadow-md);transform:scale(1.05)}.upcoming-table{width:100%;min-width:500px;border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden}@media (max-width:640px){.upcoming-table{min-width:450px;font-size:.8125rem}}.upcoming-table thead{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.upcoming-table th{text-align:center;padding:1rem;font-weight:700;color:var(--color-gray-700);font-size:.875rem;border-bottom:2px solid #bbf7d0;white-space:nowrap;font-family:var(--font-body)}@media (min-width:640px){.upcoming-table th{padding:1.25rem;font-size:1rem}}@media (max-width:640px){.upcoming-table th{padding:.75rem .5rem;font-size:.75rem}}.upcoming-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background-color .2s ease}.upcoming-table tbody tr:nth-child(2n){background:var(--color-gray-50)}.upcoming-table tbody tr:hover{background:#f0fdf4}.upcoming-table td{padding:1rem;text-align:center;font-size:.875rem}@media (min-width:640px){.upcoming-table td{padding:1.25rem;font-size:.9375rem}}@media (max-width:640px){.upcoming-table td{padding:.75rem .5rem;font-size:.75rem}}.upcoming-sign-badge{display:inline-block;background:#dcfce7;color:#166534;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap}@media (min-width:640px){.upcoming-sign-badge{padding:.5rem 1rem;font-size:.9375rem}}@media (max-width:640px){.upcoming-sign-badge{padding:.25rem .5rem;font-size:.75rem}}.transit-date{color:var(--color-gray-700);font-weight:500;white-space:nowrap}.transit-time{color:var(--color-gray-600);white-space:nowrap}.empty-state{text-align:center;padding:3rem 2rem}.empty-state-card{padding:2rem;background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg)}.empty-state-text{color:var(--color-gray-500);font-size:1rem;font-style:normal}@media (min-width:640px){.empty-state-text{font-size:1.125rem}}.planet-tab-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-gray-800);text-align:center;margin-bottom:1.5rem}@media (min-width:640px){.planet-tab-title{font-size:1.75rem}}@media (min-width:1024px){.planet-tab-title{font-size:2rem}}.timeframe-filters{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:.75rem;background:rgba(255,255,255,.85);border:1.5px solid rgba(212,175,55,.35);color:#444;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.05);backdrop-filter:blur(10px)}.filter-btn:hover{background:#fffaf0;border-color:#d4af37;color:#b8972e;transform:translateY(-2px);box-shadow:0 6px 18px rgba(212,175,55,.25)}.filter-btn.active{background:linear-gradient(135deg,#d4af37,#b8972e);color:#fff;border-color:#d4af37;box-shadow:0 0 12px rgba(212,175,55,.35);transform:scale(1.03)}