:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{background:linear-gradient(145deg,#0a0a14,#141423);min-height:100vh}body{margin:0;min-height:100vh;overflow-x:hidden}#root{max-width:1280px;margin:0 auto;padding:clamp(1rem,3vw,2rem);text-align:center;width:100%;box-sizing:border-box;position:relative;z-index:1}#root:before{content:"";position:absolute;top:0;left:0;right:0;height:200vh;background:radial-gradient(1px 1px at 25% 15%,white,transparent),radial-gradient(1px 1px at 50% 25%,white,transparent),radial-gradient(1px 1px at 75% 35%,white,transparent),radial-gradient(1.5px 1.5px at 20% 45%,white,transparent),radial-gradient(1.5px 1.5px at 45% 55%,white,transparent),radial-gradient(1.5px 1.5px at 70% 65%,white,transparent),radial-gradient(2px 2px at 30% 75%,white,transparent),radial-gradient(2px 2px at 55% 85%,white,transparent),radial-gradient(2px 2px at 80% 95%,white,transparent);opacity:.3;animation:space-drift 60s linear infinite;pointer-events:none;z-index:0}#root:after{content:"";position:absolute;top:0;left:0;right:0;height:200vh;background:radial-gradient(circle at 30% 20%,rgba(100,108,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(64,179,255,.1) 0%,transparent 50%);filter:blur(8px);mix-blend-mode:screen;animation:nebula 20s ease infinite;pointer-events:none;z-index:0;background-attachment:fixed}.container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:clamp(1rem,3vw,2rem);width:100%;box-sizing:border-box;position:relative;z-index:1}.comet{position:fixed;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 20px 2px #fffc,0 0 40px 5px #646cff66;top:15%;right:25%;opacity:.9;z-index:0;pointer-events:none}.comet:before{content:"";position:absolute;top:50%;right:0;width:200px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(100,108,255,.4),transparent);transform:translateY(-50%) rotate(15deg) translate(5px);filter:blur(1px)}.comet:after{content:"";position:absolute;top:50%;right:0;width:400px;height:20px;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(100,108,255,.1),transparent);transform:translateY(-50%) rotate(15deg) translate(5px);filter:blur(4px)}@keyframes space-drift{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes nebula{0%,to{opacity:.8;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.05) rotate(2deg)}}h1{font-size:clamp(1.8rem,5vw,2.5rem);color:#646cff;margin-bottom:clamp(1rem,4vw,2rem)}.info{max-width:600px;width:100%;margin:clamp(1rem,4vw,2rem) auto;line-height:1.6;color:#888;font-size:clamp(.9rem,2.5vw,1.1rem);text-align:center;padding:0 1rem;box-sizing:border-box}.countdown-container{text-align:center;padding:clamp(1rem,5vw,2.5rem);background:#0f0f1eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:clamp(10px,3vw,20px);margin:1rem;box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden;border:1px solid rgba(100,108,255,.2);max-width:100%;box-sizing:border-box}.countdown-container:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,108,255,.1),transparent);animation:shine 8s infinite}@keyframes shine{to{left:200%}}.countdown{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.dual-countdown{display:flex;gap:1rem;align-items:stretch;justify-content:center;flex-wrap:wrap}.count-card{background:#ffffff05;border:1px solid rgba(100,108,255,.06);padding:12px;border-radius:10px;min-width:260px;box-shadow:0 6px 20px #0000004d}.count-card h3{margin:0 0 8px;color:#cfe3ff}.countdown.small{gap:.5rem}.passed{color:#ffb3b3;font-weight:700;padding:6px 0}.time-unit{display:flex;flex-direction:column;align-items:center;background:#0003;padding:1rem;border-radius:15px;min-width:100px;transition:transform .3s ease;flex:1;min-width:90px}.time-unit:hover{transform:translateY(-5px)}.number{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#646cff;text-shadow:0 0 10px rgba(100,108,255,.5);font-family:Space Mono,monospace}.label{font-size:clamp(.8rem,2vw,1rem);color:#888;margin-top:.5rem;text-transform:uppercase;letter-spacing:2px}.progress-container{width:100%;height:10px;background:#ffffff1a;border-radius:5px;margin:2rem 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#646cff,#9089fc);transition:width .5s ease}.comet-info{background:#0003;padding:1.5rem;border-radius:10px;margin-top:2rem}.perihelion-date{margin-top:.75rem;color:#cfe3ff;font-weight:600;font-size:.95rem}.comet-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.stat-item{padding:1rem;background:#646cff1a;border-radius:8px}.stat-label{font-size:.9rem;color:#888;margin-bottom:.5rem}.stat-value{font-size:1.2rem;color:#646cff;font-weight:700}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle var(--twinkle-duration, 3s) ease-in-out infinite;animation-delay:var(--twinkle-delay, 0s);width:var(--star-size, 2px);height:var(--star-size, 2px);opacity:var(--star-opacity, .7);box-shadow:0 0 3px #fffc}.shooting-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:shoot 3s linear infinite;opacity:0}.shooting-star:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:50px;height:1px;background:linear-gradient(90deg,#fff,transparent)}.shooting-star:nth-child(1){top:10%;left:-10%;animation-delay:0s}.shooting-star:nth-child(2){top:20%;left:-10%;animation-delay:1s}.shooting-star:nth-child(3){top:30%;left:-10%;animation-delay:2s}@keyframes shoot{0%{transform:translate(0) translateY(0);opacity:1}to{transform:translate(100vw) translateY(100vh);opacity:0}}@keyframes twinkle{0%,to{opacity:var(--star-opacity, .7);transform:scale(1)}50%{opacity:.2;transform:scale(.8)}}.comet-info{text-align:left;color:#dfe9ff}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;align-items:start}.panel{background:linear-gradient(180deg,#ffffff05,#646cff05);border:1px solid rgba(100,108,255,.06);padding:12px 14px;border-radius:8px}.panel h4{margin:0 0 .5rem;color:#bcd1ff;font-size:1rem}.icon{vertical-align:middle;margin-right:8px;opacity:.95}.panel h4 .icon{margin-right:10px}.icon--id{stroke:#9fb6ff}.icon--orbit{stroke:#8ef}.icon--planet{stroke:#9fb6ff}.icon--visibility{stroke:#bcd1ff}.icon--physical{stroke:#ffd3a6}.icon--speed{stroke:#ffd87a}.icon--science{stroke:#b2ffda}.panel:hover{transform:translateY(-4px);transition:transform .22s ease}.icon{transform-origin:center;transition:transform .3s ease}.panel:hover .icon{transform:rotate(-12deg) scale(1.05)}.approaches{list-style:none;padding:0;margin:0}.approaches li{padding:6px 0;color:#dfe9ff;border-bottom:1px dashed rgba(255,255,255,.03);font-size:.95rem}.visibility-list .visibility-item{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.02)}.vis-label{font-weight:700;color:#9fb6ff}.vis-dates{font-size:.9rem;color:#a6b8d9}.vis-note{font-size:.85rem;color:#97a7c6;margin-top:4px}.panel.long{grid-column:1 / -1}@media (max-width: 640px){.countdown{gap:.5rem}.time-unit{min-width:70px;padding:.75rem}.info-grid{grid-template-columns:1fr}.orbit-svg{max-width:100%}.dual-countdown{flex-direction:column}}