html{text-size-adjust:100%}:root{--bg-deep:#07080d;--bg-card:#0d0f17;--bg-card-hover:#111422;--border:#1a1d2e;--border-subtle:#13152166;--text-primary:#e8e6f0;--text-secondary:#8b89a0;--text-dim:#55536a;--accent-sun:#f5a623;--accent-sun-glow:#f5a62333;--accent-moon:#c4cfe8;--accent-blue:#4a7dff;--accent-green:#3dd68c;--accent-red:#ff6b6b;--accent-amber:#e8a44a;--twilight-day:#4a8ec7;--twilight-civil:#2a5a8c;--twilight-nautical:#1a3560;--twilight-astro:#0e1e3a;--twilight-night:#070b16;--accent-brand:#4a7dff;--font-display:"Manrope", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);font-family:var(--font-body);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1px 1px at 10% 20%,#ffffff26,#0000),radial-gradient(1px 1px at 20%,#ffffff1a,#0000),radial-gradient(1px 1px at 30% 70%,#ffffff1f,#0000),radial-gradient(1px 1px at 40% 30%,#ffffff14,#0000),radial-gradient(1px 1px at 50% 80%,#ffffff1a,#0000),radial-gradient(1px 1px at 60% 10%,#ffffff26,#0000),radial-gradient(1px 1px at 70% 60%,#ffffff14,#0000),radial-gradient(1px 1px at 80% 40%,#ffffff1f,#0000),radial-gradient(1px 1px at 90% 90%,#ffffff1a,#0000),radial-gradient(1px 1px at 15% 85%,#ffffff12,#0000),radial-gradient(1px 1px at 25% 15%,#ffffff17,#0000),radial-gradient(1px 1px at 35% 45%,#ffffff0f,#0000),radial-gradient(1px 1px at 45% 95%,#ffffff1c,#0000),radial-gradient(1px 1px at 55% 25%,#ffffff14,#0000),radial-gradient(1px 1px at 65% 75%,#ffffff21,#0000),radial-gradient(1px 1px at 75% 5%,#ffffff12,#0000),radial-gradient(1px 1px at 85% 55%,#ffffff1a,#0000),radial-gradient(1px 1px at 95% 35%,#ffffff17,#0000),radial-gradient(1px 1px at 5% 65%,#ffffff1c,#0000),radial-gradient(1px 1px,#ffffff0f,#0000);position:fixed;inset:0}.dashboard{z-index:1;max-width:1400px;margin:0 auto;padding:32px 24px;position:relative}.header{text-align:center;margin-bottom:32px;animation:.6s fadeInDown}.header h1{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:.4em;font-family:Space Grotesk,system-ui,sans-serif;font-size:2.2rem;font-weight:400;display:flex}.header h1 .brand-dot{color:#fff6;background:var(--accent-brand);text-indent:-9999px;border-radius:50%;width:10px;height:10px;font-size:1em;line-height:0;display:inline-block;overflow:hidden}.header h1 .brand-logo{filter:brightness(0)invert();height:.75em}.header-meta{color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;margin-top:8px;font-size:.7rem}.header-meta .location{color:var(--text-secondary)}.header-meta .separator{opacity:.3;margin:0 8px}.header-controls{flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex}.header-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-body);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;text-decoration:none;transition:all .2s;display:inline-flex}.header-btn:hover{border-color:var(--border);color:var(--text-primary)}.header-btn svg{width:14px;height:14px}.header-btn.active{border-color:var(--accent-blue);color:var(--accent-blue)}.score-banner{background:var(--bg-card);border:1px solid var(--border-subtle);border-image:linear-gradient(135deg, var(--border), var(--accent-blue), var(--border)) 1;border-radius:16px;align-items:center;gap:28px;margin-bottom:24px;padding:28px 36px;display:flex;position:relative}.score-circle{background:conic-gradient(var(--accent-green) 0%, var(--accent-blue) 50%, var(--border) 50%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.score-circle-inner{background:var(--bg-card);width:78px;height:78px;font-family:var(--font-display);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;font-weight:300;display:flex}.score-text h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.3rem;font-weight:400}.score-text p{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.score-info-btn{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-dim);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:400;transition:all .18s;display:flex;position:absolute;top:16px;right:16px}.score-info-btn:hover{color:var(--text-primary);border-color:var(--accent-blue)}.score-breakdown-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:110px 1fr auto;align-items:baseline;gap:16px;padding:14px 0;display:grid}.score-breakdown-row:last-of-type{border-bottom:none}.score-breakdown-label{font-family:var(--font-display);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.95rem}.score-breakdown-detail{color:var(--text-secondary);font-size:.8rem;line-height:1.45}.score-breakdown-detail .formula{font-family:var(--font-mono);color:var(--text-dim);margin-top:4px;font-size:.72rem;display:block}.score-breakdown-value{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;font-size:1.1rem}.score-breakdown-value .max{color:var(--text-dim);font-size:.8rem}.score-breakdown-total{border-top:1px solid var(--border);grid-template-columns:110px 1fr auto;align-items:baseline;gap:16px;margin-top:16px;padding-top:16px;display:grid}.score-breakdown-total .score-breakdown-label{color:var(--accent-blue)}.score-breakdown-total .score-breakdown-value{font-size:1.4rem}.score-breakdown-footnote{color:var(--text-dim);margin-top:18px;font-size:.75rem;line-height:1.5}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.full-width{grid-column:1/-1}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:24px;animation:.5s both fadeIn}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:hover{background:var(--bg-card-hover);border-color:#252840}.card-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:16px;font-size:.7rem;display:flex}.icon{font-size:.85rem}.twilight-strip-container{margin-bottom:20px}.twilight-strip{border-radius:8px;height:32px;display:flex;position:relative;overflow:hidden}.tw-segment{justify-content:center;align-items:center;height:100%;transition:width .4s;display:flex}.tw-day{background:var(--twilight-day)}.tw-civil{background:var(--twilight-civil)}.tw-nautical{background:var(--twilight-nautical)}.tw-astro{background:var(--twilight-astro)}.tw-night{background:var(--twilight-night)}.tw-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;font-size:.55rem}.tw-boundary-tick{z-index:4;background:#ffffff47;width:1px;position:absolute;top:6px;bottom:6px;transform:translate(-50%)}.tw-boundary-major{background:#ffffff57;top:0;bottom:0}.tw-boundary-midpoint{background:repeating-linear-gradient(#ffffff61 0 3px,#0000 3px 6px);top:4px;bottom:4px}.tw-boundary-dark{background:#3dd68c94;width:2px;top:0;bottom:0}.tw-segment:first-child{border-radius:8px 0 0 8px}.tw-segment:last-of-type{border-radius:0 8px 8px 0}.tw-now-marker{background:var(--accent-green);z-index:10;width:2px;position:absolute;top:-6px;bottom:-6px;transform:translate(-50%)}.tw-now-marker:before{content:"NOW";color:var(--accent-green);letter-spacing:.08em;font-size:.55rem;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.tw-now-marker:after{content:"";background:var(--accent-green);border-radius:50%;width:7px;height:7px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.tw-time-markers{height:18px;margin-top:4px;position:relative}.tw-marker{font-size:.6rem;font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;position:absolute;transform:translate(-50%)}.tw-marker--start{transform:none}.tw-marker--end{transform:translate(-100%)}.twilight-times{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.tw-time-block{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:10px;padding:12px}.tw-stage{font-family:var(--font-display);letter-spacing:0;margin-bottom:12px;font-size:1.04rem;font-weight:800;line-height:1.15}.tw-civil-color{color:#5e9fd4}.tw-nautical-color{color:#4f7fbd}.tw-astro-color{color:#7f96c8}.tw-night-color{color:#e8e6f0a8}.tw-range{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;margin-bottom:2px;font-size:.78rem}.tw-range-line{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:3px;display:flex}.tw-range-line .tw-range{text-align:right;margin-bottom:0}.tw-range-label{color:var(--text-dim);letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:700}#tw-darkness-duration{color:var(--text-dim)}#tw-darkness-duration.has-darkness{color:var(--accent-green);font-weight:600}.tw-sun-angle{color:var(--text-dim);margin-top:4px;font-size:.6rem}.darkness-window{white-space:nowrap;background:#3dd68c0a;border:1px solid #3dd68c1f;border-radius:10px;align-items:baseline;gap:.4em;margin-top:14px;padding:10px 16px;display:flex}.dw-label{color:var(--text-secondary);font-size:.875rem}.dw-label strong{color:var(--accent-green)}.dw-hours{font-family:var(--font-mono);color:var(--accent-green);font-size:.875rem}.sun-panel{grid-template-columns:auto 1fr;align-items:start;gap:28px;display:grid}.sun-image-container{border:2px solid #f5a62326;border-radius:50%;flex-shrink:0;width:160px;height:160px;position:relative;overflow:hidden}.sun-image-container img{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;position:relative}.sun-image-container img[src=""]{display:none}.sun-loading{color:var(--text-dim);z-index:3;background:#07080db3;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;inset:0}.sun-placeholder{background:radial-gradient(circle at 55% 45%,#f5c842 0%,#f5a623 30%,#e8851a 60%,#c4600e 80%,#8b3a06 100%);border-radius:50%;width:100%;height:100%}.sun-details{min-width:0}.sky-arc{margin-bottom:16px}.sky-arc svg{width:100%;height:auto}.sun-times{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.time-block .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.time-block .value{font-family:var(--font-mono);color:var(--text-primary);margin-top:3px;font-size:1.05rem}.time-block .value.subtle{color:var(--text-secondary)}.sun-stats{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.sun-stat{color:var(--text-dim);font-size:.72rem}.sun-stat strong{color:var(--text-secondary);font-weight:500}.sun-timestamp{color:var(--text-dim);margin-top:8px;font-size:.6rem}.moon-panel{grid-template-columns:auto 1fr;gap:28px;display:grid}.moon-visual{text-align:center;flex-shrink:0}.moon-sphere{background:radial-gradient(circle at 65% 40%,#e8e6f0 0%,#c4cfe8 30%,#8b89a0 65%,#3a3850 100%);border-radius:50%;width:130px;height:130px;margin:0 auto 12px;position:relative;box-shadow:0 0 30px #c4cfe826}.moon-sphere:before{content:"";background:radial-gradient(circle at 30% 35%,#00000014 0%,#0000 50%),radial-gradient(circle at 60% 55%,#0000000f 0%,#0000 40%),radial-gradient(circle at 45% 70%,#0000000d 0%,#0000 35%);border-radius:50%;position:absolute;inset:15%}.moon-sphere:after{content:"";border-radius:50%;position:absolute;inset:0}.moon-visual canvas{border-radius:50%;width:130px;height:130px;box-shadow:0 0 30px #c4cfe826}.moon-visual #moon-image-link~.moon-sphere{display:none}#sun-image-link,#moon-image-link{cursor:pointer;margin:0 auto 12px;display:block}#moon-image-link{width:130px;height:130px}#moon-image-link canvas{display:block}#sun-image-link img{transition:opacity .2s}#sun-image-link:hover img,#moon-image-link:hover canvas{opacity:.85}.moon-overlay{z-index:1000;cursor:pointer;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}.moon-overlay.active{display:flex}.moon-overlay canvas{border-radius:50%;width:512px;max-width:min(90vw,90vh);height:512px;max-height:min(90vw,90vh);box-shadow:0 0 60px #c4cfe833}.moon-overlay-info{font-family:var(--font-display);color:var(--accent-moon);text-align:center;font-size:1.2rem}.sun-overlay{z-index:1000;cursor:pointer;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}.sun-overlay.active{display:flex}.sun-overlay img{width:600px;max-width:min(90vw,90vh);height:auto;max-height:min(90vw,90vh);box-shadow:0 0 60px var(--accent-sun-glow);border-radius:50%}.sun-overlay-info{font-family:var(--font-display);color:var(--accent-sun);text-align:center;font-size:1.2rem}.moon-phase-name{font-family:var(--font-display);color:var(--accent-moon);font-size:1.1rem;font-weight:400}.moon-illumination{color:var(--text-dim);margin-top:3px;font-size:.75rem}.moon-details{min-width:0}.moon-times-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.moon-warning{color:var(--accent-amber);background:#e8a44a0f;border:1px solid #e8a44a1f;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.75rem}.warn-icon{margin-right:6px}.moon-upcoming{gap:16px;margin-top:14px;display:flex}.moon-event{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:8px;flex:1;align-items:center;gap:10px;padding:8px 12px;display:flex}.mini-moon{border:1px solid #c4cfe84d;border-radius:50%;width:24px;height:24px}.mini-moon.full{background:var(--accent-moon);border-color:var(--accent-moon)}.mini-moon.new{border-color:var(--text-dim);background:#1a1d2e}.event-info .event-label{color:var(--text-dim);font-size:.65rem}.event-info .event-date{color:var(--text-primary);font-size:.8rem}.planets-table{border-collapse:collapse;width:100%}.planets-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;text-align:left;border-bottom:1px solid var(--border);padding:8px 10px;font-size:.6rem}.planets-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:10px;font-size:.8rem}.planets-table tr:last-child td{border-bottom:none}.planets-table tr:hover td{background:#ffffff04}.planet-name-cell{align-items:center;gap:10px;display:flex}.planet-dot{border-radius:50%;width:10px;height:10px}.planet-dot.venus{background:#f0e6d0}.planet-dot.mars{background:#e85d45}.planet-dot.jupiter{background:#d4a66a}.planet-dot.saturn{background:#c9b87a}.planet-dot.mercury{background:#a8a0b0}.planet-dot.uranus{background:#9fe0e6}.planet-dot.neptune{background:#4f6cd4}.planet-name{font-family:var(--font-display);font-size:1rem;font-weight:500}.planet-constellation{color:var(--text-dim);font-size:.65rem;display:block}.planet-time{font-family:var(--font-mono);font-size:.8rem}.mag-bright{color:var(--accent-green)}.mag-moderate{color:var(--accent-amber)}.mag-dim{color:var(--text-dim)}.visibility-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:3px 8px;font-size:.65rem;font-weight:600}.vis-excellent{color:var(--accent-green);background:#3dd68c1a}.vis-good{color:var(--accent-amber);background:#e8a44a1a}.vis-fair{color:var(--accent-amber);opacity:.8;background:#e8a44a0f}.vis-poor{color:var(--accent-red);background:#ff6b6b14}.meteor-list{flex-direction:column;gap:12px;display:flex}.meteor-card{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff04;border-radius:12px;flex-direction:column;gap:12px;padding:18px 20px;transition:all .2s;display:flex}.meteor-card:hover{border-color:var(--border);background:#ffffff08}.meteor-card.active{background:linear-gradient(135deg,#3dd68c08,#3dd68c03);border-color:#2a4a3a}.meteor-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.meteor-card-top h4{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;display:flex}.meteor-status-pill{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:.62rem;font-weight:600}.meteor-status-pill.at-peak,.meteor-status-pill.is-active{color:var(--accent-green);background:#3dd68c1f}.meteor-status-pill.is-upcoming{color:var(--accent-amber);background:#e8a44a1a}.meteor-status-pill.is-inactive{color:var(--text-dim);background:#ffffff0a}.meteor-card-mid{grid-template-columns:64px 1fr;align-items:center;gap:18px;display:grid}.meteor-zhr-ring{flex-shrink:0;width:64px;height:64px}.meteor-timeline{height:32px;position:relative}.meteor-timeline-bar{background:var(--border-subtle);border-radius:2px;height:4px;position:absolute;top:14px;left:0;right:0}.meteor-timeline-active{background:linear-gradient(90deg,#3dd68c26,#3dd68c80,#3dd68c26);border-radius:2px;height:4px;position:absolute;top:14px}.meteor-timeline-peak{background:var(--accent-green);width:2px;height:16px;position:absolute;top:8px;box-shadow:0 0 6px #3dd68c99}.meteor-timeline-peak:after{content:"PEAK";letter-spacing:.08em;color:var(--accent-green);font-size:.55rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.meteor-timeline-today{background:var(--accent-amber);border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;transform:translate(-50%);box-shadow:0 0 8px #e8a44a99}.meteor-timeline-labels{color:var(--text-dim);justify-content:space-between;margin-top:22px;font-size:.62rem;display:flex}.meteor-card-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.meteor-code-chip{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.6rem;font-weight:600;font-family:var(--font-mono);background:#ffffff0a;border-radius:3px;padding:2px 8px}.meteor-status{border-radius:50%;width:8px;height:8px;margin-top:7px}.meteor-status.active-now{background:var(--accent-green);animation:2s infinite pulse;box-shadow:0 0 8px #3dd68c66}.meteor-status.upcoming{background:var(--accent-amber)}.meteor-status.inactive{background:var(--text-dim);opacity:.3}.meteor-status-label{text-transform:uppercase;border-radius:3px;margin-left:8px;padding:2px 7px;font-size:.6rem;font-weight:600}.meteor-status-label.at-peak{color:var(--accent-green);background:#3dd68c1f}.meteor-status-label.is-active{color:var(--accent-green);background:#3dd68c14}.meteor-status-label.is-upcoming{color:var(--accent-amber);background:#e8a44a1a}.meteor-info h4{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.85rem;display:flex}.shower-name{font-family:var(--font-display);font-size:1.25rem;font-weight:500}.meteor-description{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;line-height:1.55}.meteor-meta{flex-wrap:wrap;gap:16px;display:flex}.meteor-meta span{color:var(--text-dim);font-size:.72rem}.meteor-meta span strong{color:var(--text-secondary)}.meteor-zhr{text-align:right}.zhr-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.4rem;font-weight:300}.zhr-label{color:var(--text-dim);text-transform:uppercase;font-size:.6rem}.meteor-conditions{border-radius:4px;margin-top:6px;padding:2px 8px;font-size:.7rem;display:inline-block}.meteor-dates{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:6px;font-size:.75rem;display:flex}.meteor-dates strong{color:var(--text-secondary)}.peak-date{color:var(--accent-sun);font-weight:500}.meteor-sol{color:var(--text-dim);font-size:.65rem;font-family:var(--font-mono);margin-top:2px;display:block}.meteor-parent{color:var(--accent-blue);background:#4a7dff0f;border-radius:4px;padding:2px 8px;font-size:.7rem;display:inline-block}.speed-badge{text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:.6rem;font-weight:600}.speed-slow{color:var(--accent-blue);background:#4a7dff1a}.speed-med{color:var(--accent-amber);background:#e8a44a1a}.speed-fast{color:var(--accent-red);background:#ff6b6b1a}.zhr-badge{text-transform:uppercase;border-radius:3px;padding:2px 7px;font-size:.6rem;font-weight:600}.zhr-high{color:var(--accent-green);background:#3dd68c1f}.zhr-med{color:var(--accent-amber);background:#e8a44a1a}.zhr-low{color:var(--text-secondary);opacity:.6;background:#ffffff0a}.shower-major-tag{color:var(--accent-green);vertical-align:middle;background:#3dd68c1a;border-radius:3px;margin-left:6px;padding:2px 7px;font-size:.6rem;font-weight:600}.meteor-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.meteor-search{border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.78rem;font-family:var(--font-body);background:#ffffff0a;border-radius:8px;outline:none;width:220px;padding:7px 14px;transition:border-color .2s}.meteor-search:focus{border-color:var(--accent-blue)}.meteor-search::placeholder{color:var(--text-dim)}.meteor-filter-btn{border:1px solid var(--border-subtle);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-size:.7rem;transition:all .2s}.meteor-filter-btn:hover{border-color:var(--accent-blue);color:var(--text-secondary)}.meteor-filter-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a7dff14}.meteor-filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.meteor-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.6rem}.meteor-filter-field{align-items:center;gap:6px;display:inline-flex}.meteor-filter-select{border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.7rem;font-family:var(--font-body);cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%237a8499' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") right 9px center no-repeat;border-radius:6px;outline:none;padding:5px 26px 5px 10px;transition:all .2s}.meteor-filter-select:hover{border-color:var(--accent-blue);color:var(--text-primary)}.meteor-filter-select:focus{border-color:var(--accent-blue)}.meteor-filter-select.filter-set{border-color:var(--accent-blue);color:var(--accent-blue);background-color:#4a7dff14}.meteor-filter-select option{background:var(--bg-elevated,#1a1f2e);color:var(--text-primary)}.meteor-filter-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 10px;font-size:.7rem;transition:all .2s}.meteor-filter-clear:hover{border-color:var(--accent-red);color:var(--accent-red)}.meteor-count{color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono);margin-bottom:10px}.meteor-view-divider{background:var(--border-subtle);width:1px;height:20px;margin:0 4px}.meteor-view-btn{border:1px solid var(--border-subtle);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:5px 8px;transition:all .2s}.meteor-view-btn svg{width:14px;height:14px}.meteor-view-btn:hover{border-color:var(--accent-blue);color:var(--text-secondary)}.meteor-view-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a7dff14}.meteor-list.grid-view{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.meteor-list.grid-view .meteor-card{gap:10px;padding:14px 16px}.grid-view .shower-name{font-size:1.05rem}.grid-view .meteor-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.73rem;line-height:1.5;display:-webkit-box;overflow:hidden}.no-results-msg{text-align:center;color:var(--text-dim);padding:40px;font-size:.85rem}.modal-overlay{backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#04050ad9;justify-content:center;align-items:center;padding:24px;transition:all .25s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal-overlay.open .modal-content{opacity:1;transform:none}.modal-content{background:var(--bg-card);border:1px solid var(--border);opacity:0;border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:32px;transition:all .3s;position:relative;overflow-y:auto;transform:translateY(12px)scale(.97)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-close{border:1px solid var(--border-subtle);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-primary);border-color:var(--border)}.modal-header{margin-bottom:20px;padding-right:40px}.modal-header h2{font-family:var(--font-display);margin-bottom:6px;font-size:1.8rem;font-weight:500;line-height:1.2}.modal-codes{color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono)}.modal-status-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.modal-detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.modal-detail-item{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:10px;padding:12px 14px}.detail-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.65rem}.detail-value{color:var(--text-primary);font-size:.9rem;font-weight:400}.detail-value.highlight{color:var(--accent-sun);font-weight:500}.modal-description{color:var(--text-secondary);margin-bottom:20px;font-size:.88rem;line-height:1.7}.modal-description-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.65rem}.modal-parent{color:var(--accent-blue);background:#4a7dff14;border-radius:6px;margin-top:4px;padding:4px 10px;font-size:.75rem;display:inline-block}.location-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;padding:28px;position:relative}.location-modal h3{font-family:var(--font-display);margin-bottom:16px;font-size:1.4rem;font-weight:500}.location-modal label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:12px;margin-bottom:4px;font-size:.7rem;display:block}.location-modal input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-size:.85rem;font-family:var(--font-mono);background:#ffffff0a;border-radius:8px;outline:none;padding:8px 12px;transition:border-color .2s}.location-modal input:focus{border-color:var(--accent-blue)}.location-modal .btn-row{gap:8px;margin-top:16px;display:flex}.location-modal .btn{cursor:pointer;font-size:.78rem;font-family:var(--font-body);border:none;border-radius:8px;padding:8px 18px;transition:all .2s}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#5a8aff}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a}.btn-secondary:hover{border-color:var(--border);color:var(--text-primary);background:#ffffff0f}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width<=960px){.dashboard{padding:24px 18px}.grid{grid-template-columns:1fr}.sun-panel,.moon-panel{text-align:center;grid-template-columns:1fr;justify-items:center;gap:20px}.sun-image-container{width:140px;height:140px}.twilight-times,.meteor-list.grid-view{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.dashboard{padding:18px 14px}.header{margin-bottom:22px}.header h1{flex-wrap:wrap;font-size:1.7rem}.header-meta{letter-spacing:.08em;font-size:.8rem;line-height:1.7}.header-meta .separator{display:none}.header-meta .location,.header-meta #location-coords,.header-meta #current-date{display:block}.header-controls{gap:10px;margin-top:14px}.header-btn{min-height:44px;padding:10px 16px;font-size:.9rem}.header-btn svg{width:16px;height:16px}.score-banner{text-align:center;flex-direction:column;gap:16px;margin-bottom:18px;padding:22px 18px}.score-circle{width:80px;height:80px}.score-circle-inner{width:70px;height:70px;font-size:2rem}.score-text h3{font-size:1.2rem}.score-text p{font-size:.95rem;line-height:1.55}.score-info-btn{width:44px;height:44px;font-size:1.1rem;top:10px;right:10px}.score-breakdown-row,.score-breakdown-total{grid-template-columns:1fr auto}.score-breakdown-label{grid-area:1/1}.score-breakdown-value{grid-area:1/2}.score-breakdown-detail{grid-area:2/1/auto/-1}.card{border-radius:12px;padding:18px 16px}.card-label{letter-spacing:.08em;margin-bottom:14px;font-size:.85rem}.icon{font-size:1rem}.twilight-strip{height:38px}.tw-label{font-size:.6rem}.tw-marker{font-size:.72rem}.tw-stage{font-size:1rem}.tw-range{font-size:.9rem}.tw-range-line{display:block}.tw-range-line .tw-range{text-align:left;margin-top:3px;display:block}.tw-sun-angle{font-size:.72rem}.tw-time-block{padding:10px}.dw-label,.dw-hours{font-size:.875rem}.sun-image-container{width:180px;height:180px}.moon-visual canvas,.moon-sphere,#moon-image-link{width:170px;height:170px}.sun-times,.moon-times-grid{grid-template-columns:repeat(3,1fr);width:100%}.time-block .label{font-size:.78rem}.time-block .value{font-size:1.15rem}.sun-stat{font-size:.9rem}.sun-timestamp{font-size:.75rem}.moon-phase-name{font-size:1.25rem}.moon-illumination{font-size:.9rem}.event-info .event-label{font-size:.78rem}.event-info .event-date{font-size:.95rem}.planets-table,.planets-table thead,.planets-table tbody,.planets-table tr,.planets-table td{width:100%;display:block}.planets-table thead{display:none}.planets-table tr{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:10px;margin-bottom:12px;padding:14px 16px}.planets-table tr:hover td{background:0 0}.planets-table td{border:none;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;font-size:.95rem;display:flex}.planets-table td[data-label]:before{content:attr(data-label);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-family:var(--font-body);flex-shrink:0}.planets-table td:first-child{border-bottom:1px solid var(--border-subtle);margin-bottom:6px;padding-bottom:10px}.planets-table td:first-child:before{display:none}.planet-name-cell{justify-content:flex-start;width:100%}.planet-name{font-size:1.15rem}.planet-constellation{font-size:.8rem}.planet-time{font-size:.95rem}.visibility-badge{padding:4px 10px;font-size:.75rem}.meteor-controls{gap:8px}.meteor-search{width:100%;min-height:44px;padding:12px 14px;font-size:1rem}.meteor-filter-btn{min-height:44px;padding:12px 16px;font-size:.85rem}.meteor-view-btn{min-width:44px;min-height:44px;padding:12px}.meteor-view-btn svg{width:16px;height:16px}.meteor-view-divider{height:24px}.meteor-count{font-size:.85rem}.meteor-card{padding:16px}.shower-name{font-size:1.15rem}.meteor-description{font-size:.92rem;line-height:1.55}.meteor-meta span,.meteor-dates{font-size:.85rem}.meteor-sol{font-size:.78rem}.meteor-parent{padding:4px 10px;font-size:.82rem}.speed-badge,.zhr-badge,.meteor-code-chip,.shower-major-tag{padding:3px 9px;font-size:.72rem}.meteor-status-pill{padding:4px 12px;font-size:.75rem}.meteor-timeline-labels{font-size:.75rem}.meteor-list.grid-view{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal-content{border-radius:14px;max-height:92vh;padding:22px 18px}.modal-header h2{font-size:1.5rem}.modal-codes{font-size:.85rem}.modal-detail-grid{grid-template-columns:1fr;gap:10px}.modal-detail-item{padding:12px 14px}.detail-label{font-size:.78rem}.detail-value{font-size:1rem}.modal-description{font-size:.95rem;line-height:1.65}.modal-description-label{font-size:.78rem}.modal-parent{font-size:.85rem}.modal-close{width:40px;height:40px;font-size:1.3rem;top:12px;right:12px}.location-modal{padding:22px 18px}.location-modal h3{font-size:1.3rem}.location-modal label{font-size:.82rem}.location-modal input{min-height:44px;padding:12px 14px;font-size:1rem}.location-modal .btn{flex:1;min-height:44px;padding:12px 18px;font-size:.95rem}.location-modal .btn-row{gap:10px}footer{margin-top:32px;font-size:.75rem}.sky-arc svg text{font-size:8px}.sky-arc{width:100%;max-width:360px}.meteor-show-more{border:1px solid var(--border-subtle);width:100%;color:var(--accent-blue);font-family:var(--font-body);cursor:pointer;background:#4a7dff0f;border-radius:10px;min-height:44px;margin:12px 0 4px;padding:14px 16px;font-size:.95rem;transition:background .15s,border-color .15s;display:block}.meteor-show-more:hover,.meteor-show-more:active{border-color:var(--accent-blue);background:#4a7dff1f}}@media (width<=420px){.dashboard{padding:14px 10px}.header h1{letter-spacing:.06em;font-size:1.5rem}.header-meta #location-coords{display:none}.header-controls{flex-direction:row;gap:8px}.header-btn{flex:1;justify-content:center;width:auto}.card{padding:16px 14px}.twilight-times{grid-template-columns:1fr 1fr;gap:8px}.tw-time-block{padding:9px 10px}.tw-range{font-size:.82rem}.sun-times,.moon-times-grid{grid-template-columns:repeat(3,1fr);gap:8px}.time-block .value{font-size:1rem}.moon-upcoming{flex-direction:column;gap:10px}.meteor-controls{gap:6px}.meteor-filter-btn{min-height:44px;padding:12px 14px;font-size:.82rem}.modal-content{max-height:94vh;padding:18px 14px}.modal-header h2{font-size:1.3rem}}footer{text-align:center;border-top:1px solid var(--border-subtle);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:48px;padding-top:24px;font-size:.65rem}footer a{color:var(--text-dim);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}footer a:hover{border-bottom-color:var(--text-dim)}.loading-placeholder{color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem}.loading-dot{animation:1.2s infinite pulse;display:inline-block}