Add constellation offset trend statistics

public/css/style.css

@@ -897,6 +897,10 @@ footer a:hover    { color: var(--gold); }
     width: 7rem;
 }
 
+.sun-constellations-form select {
+    min-width: 12rem;
+}
+
 .sun-constellations-table-wrap {
     overflow-x: auto;
 }
@@ -910,6 +914,89 @@ footer a:hover    { color: var(--gold); }
     white-space: nowrap;
 }
 
+.sun-constellations-stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+    gap: 0.75rem;
+    margin: 1.25rem 0;
+}
+
+.sun-constellations-stats-grid div {
+    background: rgba(79, 195, 216, 0.06);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 0.9rem 1rem;
+}
+
+.sun-constellations-stats-grid span {
+    display: block;
+    color: var(--text-dim);
+    font-size: 0.75rem;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+}
+
+.sun-constellations-stats-grid strong {
+    display: block;
+    color: var(--gold-pale);
+    margin-top: 0.3rem;
+}
+
+.sun-constellations-year-details summary {
+    color: var(--cyan);
+    cursor: pointer;
+    margin-bottom: 1rem;
+}
+
+.sun-constellations-chart-wrap {
+    background: rgba(3, 8, 18, 0.45);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    margin: 1.25rem 0;
+    padding: 0.8rem;
+}
+
+.sun-constellations-chart {
+    display: block;
+    height: auto;
+    overflow: visible;
+    width: 100%;
+}
+
+.sun-chart-grid {
+    stroke: rgba(180, 210, 235, 0.16);
+    stroke-width: 1;
+}
+
+.sun-chart-line {
+    fill: none;
+    stroke: var(--cyan);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    stroke-width: 2.5;
+}
+
+.sun-chart-moving-average {
+    fill: none;
+    stroke: var(--gold);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    stroke-width: 3;
+}
+
+.sun-chart-marker {
+    fill: var(--gold-pale);
+    stroke: #07101d;
+    stroke-width: 1.5;
+}
+
+.sun-chart-axis-label {
+    fill: var(--text-dim);
+    font-family: 'Space Mono', monospace;
+    font-size: 11px;
+}
+
+
 @media (max-width: 560px) {
     .sun-constellations-form {
         align-items: stretch;