.sunpath{background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:var(--radius-lg);overflow:hidden}.sunpath-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--shell-border)}.sunpath-title{font-family:var(--font-mono);font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--shell-text-bright)}.sunpath-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--shell-text);letter-spacing:.5px}.sunpath-canvas-wrap{padding:8px}.sunpath-canvas-stack{position:relative;width:100%;max-width:500px;aspect-ratio:1 / 1;margin:0 auto}.sunpath-canvas{width:100%;height:100%;border-radius:var(--radius);display:block}.sunpath-canvas-fg{position:absolute;top:0;left:0;pointer-events:none}.readout{background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.readout-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--shell-border)}.readout-title{font-family:var(--font-mono);font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--shell-text-bright)}.readout-location{font-family:var(--font-mono);font-size:11px;color:var(--shell-text);letter-spacing:.5px}.readout-tz{margin-left:8px;color:var(--lcd-green-dim)}.readout-lcd{flex:1;background:var(--lcd-bg);margin:8px;border-radius:var(--radius);padding:14px;border:1px solid rgba(26,40,16,.2);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(26,40,16,.04) 2px,rgba(26,40,16,.04) 4px);background-size:100% 4px}.readout-empty{font-family:var(--font-lcd);font-size:22px;color:var(--lcd-green-bright);text-align:center;padding:30px 10px}.readout-primary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.readout-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.readout-cell{padding:4px 0}.readout-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--lcd-green);margin-bottom:2px}.readout-value-lg{font-family:var(--font-lcd);font-size:36px;color:var(--lcd-green-bright);line-height:1}.readout-value{font-family:var(--font-lcd);font-size:22px;color:var(--lcd-green-bright);line-height:1.1}.readout-value-sm{font-family:var(--font-lcd);font-size:22px;color:var(--lcd-text)}.readout-sub{font-family:var(--font-mono);font-size:12px;color:var(--lcd-green);margin-top:2px}.readout-divider{height:1px;background:var(--lcd-grid-strong);margin:10px 0}.readout-note{font-family:var(--font-mono);font-size:11px;color:var(--lcd-green);font-style:italic;margin-top:8px}.readout-status{font-size:28px}.val-day{color:var(--sun-gold)!important}.val-night{color:#506888!important}.val-golden{color:#8a5a00!important}.readout-value-golden{color:#8a5a00!important;font-size:22px}@media(min-width:700px){.readout-primary{grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:10px}.readout-secondary{grid-template-columns:repeat(6,1fr)}}.shadow{background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:var(--radius-lg);overflow:hidden}.shadow-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--shell-border)}.shadow-title{font-family:var(--font-mono);font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--shell-text-bright)}.shadow-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--shell-text);letter-spacing:.5px}.shadow-canvas-wrap{padding:8px}.shadow-canvas{width:100%;max-width:500px;aspect-ratio:1 / 1;border-radius:var(--radius);display:block;margin:0 auto}