@roxyapi/ui 0.3.0 → 0.4.0

package/dist/components/natal-chart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/natal-chart.ts", "../../src/tokens/index.ts", "../../src/utils/base-styles.ts", "../../src/utils/degree.ts", "../../src/utils/format.ts", "../../src/utils/string.ts"],
-  "sourcesContent": ["import { css, html, LitElement, nothing, svg } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport {\n\tASPECT_SYMBOL,\n\tPLANET_GLYPH,\n\tSIGN_GLYPH,\n\tSIGNS_ORDER,\n} from '../tokens/index.js';\nimport type { NatalChartResponse } from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport {\n\tarcMidpoint,\n\tlongitudeToSignPosition,\n\tnormalizeLongitude,\n\toppositePoint,\n\tpolarToCartesian,\n} from '../utils/degree.js';\nimport {\n\tASPECT_CLASS,\n\tformatNumber,\n\tnormalizeAspect,\n} from '../utils/format.js';\nimport { capitalize } from '../utils/string.js';\n\ntype PlanetEntry = NatalChartResponse['planets'][number];\ntype AspectEntry = NatalChartResponse['aspects'][number];\n\nconst SIZE = 420;\nconst CENTER = SIZE / 2;\nconst OUTER_R = 164;\nconst SIGN_R = 146;\nconst HOUSE_R = 120;\nconst PLANET_R = 96;\nconst ANGLE_TICK_R = 178;\nconst ANGLE_LABEL_R = 196;\n\n/**\n * Western natal chart wheel. Renders the 12 zodiac signs, 12 houses, planet\n * markers, and aspect lines from a /astrology/natal-chart response.\n */\n@customElement('roxy-natal-chart')\nexport class RoxyNatalChart extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.wrap {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.title {\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-primary, #0f172a);\n\t\t\t}\n\n\t\t\t.meta {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 360px;\n\t\t\t\theight: auto;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\n\t\t\t.wheel-line {\n\t\t\t\tfill: none;\n\t\t\t\tstroke: var(--roxy-border, #e4e4e7);\n\t\t\t}\n\n\t\t\t.sign-glyph {\n\t\t\t\tfill: var(--roxy-secondary, #475569);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.planet-glyph {\n\t\t\t\tfill: var(--roxy-accent, #f59e0b);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.planet-deg {\n\t\t\t\tfill: var(--roxy-fg, #0a0a0a);\n\t\t\t\tfont-size: 7px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.planet-deg .retro {\n\t\t\t\tfill: var(--roxy-danger, #dc2626);\n\t\t\t}\n\n\t\t\t.house-num {\n\t\t\t\tfill: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: 9px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.cusp-deg {\n\t\t\t\tfill: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: 6px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.tick {\n\t\t\t\tstroke: var(--roxy-border, #e4e4e7);\n\t\t\t}\n\t\t\t.tick-major {\n\t\t\t\tstroke: var(--roxy-secondary, #475569);\n\t\t\t}\n\n\t\t\t.aspect {\n\t\t\t\tstroke-width: 0.8;\n\t\t\t\tfill: none;\n\t\t\t\topacity: 0.55;\n\t\t\t}\n\t\t\t.aspect-trine,\n\t\t\t.aspect-sextile {\n\t\t\t\tstroke: var(--roxy-success, #16a34a);\n\t\t\t}\n\t\t\t.aspect-square,\n\t\t\t.aspect-opposition {\n\t\t\t\tstroke: var(--roxy-danger, #dc2626);\n\t\t\t}\n\t\t\t.aspect-conjunction {\n\t\t\t\tstroke: var(--roxy-accent-fg, #b45309);\n\t\t\t}\n\t\t\t.aspect-other {\n\t\t\t\tstroke: var(--roxy-muted, #71717a);\n\t\t\t\topacity: 0.4;\n\t\t\t}\n\n\t\t\t.angle-marker {\n\t\t\t\tfill: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t\tletter-spacing: 0.04em;\n\t\t\t}\n\t\t\t.angle-tick {\n\t\t\t\tstroke: var(--roxy-accent-fg, #b45309);\n\t\t\t\tstroke-width: 1.5;\n\t\t\t}\n\n\t\t\t.legend {\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.legend-swatch {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin-right: 4px;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\n\t\t\t.tablist {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 2px;\n\t\t\t\tborder-bottom: 2px solid var(--roxy-border, #e4e4e7);\n\t\t\t}\n\t\t\t.tab {\n\t\t\t\tpadding: var(--roxy-space-xs, 0.25rem) var(--roxy-space-md, 1rem);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tbackground: none;\n\t\t\t\tborder: none;\n\t\t\t\tborder-bottom: 2px solid transparent;\n\t\t\t\tmargin-bottom: -2px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-family: inherit;\n\t\t\t\ttransition: color var(--roxy-motion-duration, 200ms) var(--roxy-motion-easing, ease);\n\t\t\t}\n\t\t\t.tab[aria-selected='true'] {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tborder-bottom-color: var(--roxy-accent, #f59e0b);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.tab:hover:not([aria-selected='true']) {\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.grid-scroll {\n\t\t\t\toverflow-x: auto;\n\t\t\t\t-webkit-overflow-scrolling: touch;\n\t\t\t}\n\t\t\ttable.aspect-grid {\n\t\t\t\tborder-collapse: collapse;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\t\t\ttable.aspect-grid th,\n\t\t\ttable.aspect-grid td {\n\t\t\t\twidth: 1.6rem;\n\t\t\t\theight: 1.6rem;\n\t\t\t\ttext-align: center;\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\ttable.aspect-grid th {\n\t\t\t\tcolor: var(--roxy-secondary, #475569);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\ttable.aspect-grid td.cell {\n\t\t\t\tcursor: default;\n\t\t\t}\n\t\t\ttable.aspect-grid td.empty {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 18%, transparent);\n\t\t\t}\n\t\t\ttable.aspect-grid td .asp {\n\t\t\t\tfont-size: 0.95em;\n\t\t\t\tline-height: 1;\n\t\t\t}\n\t\t\ttable.aspect-grid td.aspect-trine .asp,\n\t\t\ttable.aspect-grid td.aspect-sextile .asp {\n\t\t\t\tcolor: var(--roxy-success, #16a34a);\n\t\t\t}\n\t\t\ttable.aspect-grid td.aspect-square .asp,\n\t\t\ttable.aspect-grid td.aspect-opposition .asp {\n\t\t\t\tcolor: var(--roxy-danger, #dc2626);\n\t\t\t}\n\t\t\ttable.aspect-grid td.aspect-conjunction .asp {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t}\n\t\t\ttable.aspect-grid td.aspect-other .asp {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t}\n\n\t\t\t.details {\n\t\t\t\tmargin-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.pill-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tmargin-bottom: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\n\t\t\t.pill {\n\t\t\t\tpadding: 2px 8px;\n\t\t\t\tborder-radius: var(--roxy-radius-sm, 4px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-fg, #0f172a) 8%, transparent);\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t}\n\n\t\t\t.pill--success {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-success, #16a34a) 15%, transparent);\n\t\t\t\tcolor: var(--roxy-success, #16a34a);\n\t\t\t}\n\n\t\t\t.pill--danger {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-danger, #dc2626) 15%, transparent);\n\t\t\t\tcolor: var(--roxy-danger, #dc2626);\n\t\t\t}\n\n\t\t\t.pill--muted {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent);\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.summary {\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tmargin: var(--roxy-space-md, 1rem) 0;\n\t\t\t}\n\n\t\t\t.em-grid {\n\t\t\t\tborder-collapse: collapse;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.em-grid th,\n\t\t\t.em-grid td {\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding: 3px 5px;\n\t\t\t\ttext-align: center;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t\t.em-grid th {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.04em;\n\t\t\t}\n\t\t\t.em-grid th[scope='row'] {\n\t\t\t\ttext-align: left;\n\t\t\t}\n\t\t\t.em-grid td {\n\t\t\t\tcolor: var(--roxy-accent, #f59e0b);\n\t\t\t\tfont-size: 0.95em;\n\t\t\t\tline-height: 1.4;\n\t\t\t\tmin-width: 1.4rem;\n\t\t\t}\n\t\t\t.em-grid .em-total {\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 25%, transparent);\n\t\t\t}\n\n\t\t\t.interpretations {\n\t\t\t\tmargin-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.interpretations h3 {\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t\tmargin: 0 0 var(--roxy-space-sm, 0.5rem);\n\t\t\t}\n\t\t\t.interp-card {\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tmargin-bottom: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\t\t\t.interp-card summary {\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t}\n\t\t\t.interp-card summary small {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tmargin-left: 0.5em;\n\t\t\t\tfont-weight: 400;\n\t\t\t}\n\t\t\t.interp-body {\n\t\t\t\tmargin-top: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.interp-keywords {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: 0.25rem;\n\t\t\t\tmargin-top: 0.5rem;\n\t\t\t}\n\t\t\t.interp-keywords .kw {\n\t\t\t\tpadding: 1px 8px;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NatalChartResponse | null = null;\n\n\t@property({ type: String, attribute: 'house-system', reflect: true })\n\thouseSystem: 'placidus' | 'whole-sign' | 'equal' | 'koch' = 'placidus';\n\n\t/** Which view is showing: the wheel or the planet-by-planet aspect grid. */\n\t@state()\n\tprivate view: 'wheel' | 'grid' = 'wheel';\n\n\tprivate getPlanets(): PlanetEntry[] {\n\t\treturn this.data?.planets ?? [];\n\t}\n\n\tprivate getAscendant(): number {\n\t\treturn this.data?.ascendant?.longitude ?? 0;\n\t}\n\n\tprivate getMidheaven(): number | null {\n\t\tconst m = this.data?.midheaven?.longitude;\n\t\treturn typeof m === 'number' ? m : null;\n\t}\n\n\tprivate toAngle(lon: number): number {\n\t\treturn 180 + this.getAscendant() - lon;\n\t}\n\n\trender() {\n\t\tif (!this.data)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No chart data</div>`;\n\t\tconst planets = this.getPlanets();\n\t\tconst aspects = this.data.aspects ?? [];\n\t\tconst view = this.view;\n\n\t\treturn html`<div class=\"wrap\">\n\t\t\t<header>\n\t\t\t\t<h2 class=\"title\">Natal chart</h2>\n\t\t\t\t${\n\t\t\t\t\tthis.data.birthDetails\n\t\t\t\t\t\t? html`<div class=\"meta\">\n\t\t\t\t\t\t\t${[this.data.birthDetails.date, this.data.birthDetails.time]\n\t\t\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t\t\t\t.join(' \u00B7 ')}\n\t\t\t\t\t\t</div>`\n\t\t\t\t\t\t: nothing\n\t\t\t\t}\n\t\t\t</header>\n\t\t\t<div\n\t\t\t\tclass=\"tablist\"\n\t\t\t\trole=\"tablist\"\n\t\t\t\taria-label=\"Natal chart views\"\n\t\t\t\t@keydown=${this.onTabKeyDown}\n\t\t\t>\n\t\t\t\t${(['wheel', 'grid'] as const).map(\n\t\t\t\t\t(t) => html`<button\n\t\t\t\t\t\tclass=\"tab\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\tid=\"tab-${t}\"\n\t\t\t\t\t\taria-selected=${view === t ? 'true' : 'false'}\n\t\t\t\t\t\taria-controls=\"panel-${t}\"\n\t\t\t\t\t\ttabindex=${view === t ? '0' : '-1'}\n\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\tthis.view = t;\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t${t === 'wheel' ? 'Wheel' : 'Aspect grid'}\n\t\t\t\t\t</button>`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div id=\"panel-${view}\" role=\"tabpanel\" aria-labelledby=\"tab-${view}\">\n\t\t\t\t${view === 'wheel' ? this.renderWheel(planets, aspects) : this.renderAspectGrid(planets, aspects)}\n\t\t\t</div>\n\t\t\t<div class=\"legend\">\n\t\t\t\t<span>${planets.length} planets</span>\n\t\t\t\t<span>${aspects.length} aspects</span>\n\t\t\t\t${\n\t\t\t\t\tthis.data.houseSystem\n\t\t\t\t\t\t? html`<span>${this.data.houseSystem} houses</span>`\n\t\t\t\t\t\t: nothing\n\t\t\t\t}\n\t\t\t\t<span><span class=\"legend-swatch\" style=\"background: var(--roxy-success)\"></span>harmonious</span>\n\t\t\t\t<span><span class=\"legend-swatch\" style=\"background: var(--roxy-danger)\"></span>challenging</span>\n\t\t\t</div>\n\t\t\t${this.renderDetails()}\n\t\t\t${this.renderInterpretations()}\n\t\t</div>`;\n\t}\n\n\tprivate onTabKeyDown(e: KeyboardEvent) {\n\t\tif (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n\t\te.preventDefault();\n\t\tthis.view = this.view === 'wheel' ? 'grid' : 'wheel';\n\t\tconst next = this.view;\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.shadowRoot\n\t\t\t\t?.querySelector<HTMLButtonElement>(`#tab-${next}`)\n\t\t\t\t?.focus();\n\t\t});\n\t}\n\n\tprivate renderWheel(planets: PlanetEntry[], aspects: AspectEntry[]) {\n\t\treturn html`<svg\n\t\t\tviewBox=\"0 0 ${SIZE} ${SIZE}\"\n\t\t\trole=\"img\"\n\t\t\taria-label=\"Natal chart wheel with twelve houses, planets, and aspects\"\n\t\t>\n\t\t\t<title>Natal chart wheel</title>\n\t\t\t<desc>\n\t\t\t\tTwelve zodiac sign segments around a circular wheel. Planet glyphs are\n\t\t\t\tplaced at their ecliptic longitudes. Aspect lines connect related planets.\n\t\t\t</desc>\n\t\t\t<circle class=\"wheel-line\" cx=${CENTER} cy=${CENTER} r=${OUTER_R} stroke-width=\"1.5\" />\n\t\t\t<circle class=\"wheel-line\" cx=${CENTER} cy=${CENTER} r=${SIGN_R - 14} stroke-width=\"0.8\" />\n\t\t\t<circle class=\"wheel-line\" cx=${CENTER} cy=${CENTER} r=${HOUSE_R} stroke-width=\"1\" />\n\t\t\t<circle class=\"wheel-line\" cx=${CENTER} cy=${CENTER} r=${PLANET_R - 16} stroke-width=\"0.5\" />\n\t\t\t${this.renderTicks()} ${this.renderSpokes()} ${this.renderSigns()}\n\t\t\t${this.renderHouseNumbers()} ${this.renderCuspDegrees()}\n\t\t\t${this.renderAspects(planets, aspects)} ${this.renderPlanets(planets)}\n\t\t\t${this.renderAngles()}\n\t\t</svg>`;\n\t}\n\n\t/**\n\t * Planet-by-planet aspect grid: the lower-triangular matrix astrologers read\n\t * alongside the wheel. Each filled cell shows the aspect glyph colored by\n\t * nature, with the exact orb in the SVG-free `<title>` tooltip.\n\t */\n\tprivate renderAspectGrid(planets: PlanetEntry[], aspects: AspectEntry[]) {\n\t\tconst names = planets.map((p) => capitalize(p.name));\n\t\t// Lookup aspects by unordered planet pair.\n\t\tconst byPair = new Map<string, AspectEntry>();\n\t\tfor (const a of aspects) {\n\t\t\tconst k = [capitalize(a.planet1), capitalize(a.planet2)].sort().join('|');\n\t\t\tbyPair.set(k, a);\n\t\t}\n\t\tif (names.length === 0)\n\t\t\treturn html`<p class=\"roxy-empty\" role=\"status\">No planets to grid</p>`;\n\n\t\treturn html`<div class=\"grid-scroll\">\n\t\t\t<table class=\"aspect-grid\" aria-label=\"Planet by planet aspect grid\">\n\t\t\t\t<thead>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th></th>\n\t\t\t\t\t\t${names.slice(0, -1).map((n) => {\n\t\t\t\t\t\t\tconst g = PLANET_GLYPH[n] ?? n.slice(0, 2);\n\t\t\t\t\t\t\treturn html`<th scope=\"col\" title=${n}>${g}</th>`;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t${names.slice(1).map((rowName, ri) => {\n\t\t\t\t\t\tconst rowGlyph = PLANET_GLYPH[rowName] ?? rowName.slice(0, 2);\n\t\t\t\t\t\t// Row i (1-based) pairs with columns 0..i-1.\n\t\t\t\t\t\treturn html`<tr>\n\t\t\t\t\t\t\t<th scope=\"row\" title=${rowName}>${rowGlyph}</th>\n\t\t\t\t\t\t\t${names.slice(0, ri + 1).map((colName) => {\n\t\t\t\t\t\t\t\tconst a = byPair.get([rowName, colName].sort().join('|'));\n\t\t\t\t\t\t\t\tif (!a) return html`<td class=\"empty\"></td>`;\n\t\t\t\t\t\t\t\tconst name = normalizeAspect(a);\n\t\t\t\t\t\t\t\tconst sym =\n\t\t\t\t\t\t\t\t\tASPECT_SYMBOL[name] ??\n\t\t\t\t\t\t\t\t\tASPECT_SYMBOL[name.replace(/-/g, '')] ??\n\t\t\t\t\t\t\t\t\tname.slice(0, 3);\n\t\t\t\t\t\t\t\tconst cls = ASPECT_CLASS[name] ?? 'aspect-other';\n\t\t\t\t\t\t\t\tconst orb = formatNumber(a.orb, 1);\n\t\t\t\t\t\t\t\treturn html`<td class=${`cell ${cls}`} title=${`${rowName} ${name} ${colName}${orb ? ` (orb ${orb}\u00B0)` : ''}`}>\n\t\t\t\t\t\t\t\t\t<span class=\"asp\">${sym}</span>\n\t\t\t\t\t\t\t\t</td>`;\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t${names.slice(ri + 1, -1).map(() => html`<td class=\"empty\"></td>`)}\n\t\t\t\t\t\t</tr>`;\n\t\t\t\t\t})}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>`;\n\t}\n\n\tprivate renderAngles() {\n\t\tconst asc = this.getAscendant();\n\t\tconst mc = this.getMidheaven();\n\t\t// ASC/DESC and MC/IC are exact axes; DESC and IC are the opposite points.\n\t\tconst items = [\n\t\t\tthis.renderAngleMark(asc, 'ASC'),\n\t\t\tthis.renderAngleMark(oppositePoint(asc), 'DSC'),\n\t\t];\n\t\tif (mc !== null) {\n\t\t\titems.push(this.renderAngleMark(mc, 'MC'));\n\t\t\titems.push(this.renderAngleMark(oppositePoint(mc), 'IC'));\n\t\t}\n\t\tconst pof = this.data?.partOfFortune?.longitude;\n\t\tif (typeof pof === 'number') {\n\t\t\titems.push(this.renderAngleMark(normalizeLongitude(pof), 'PoF'));\n\t\t}\n\t\tconst vertex = this.data?.vertex?.longitude;\n\t\tif (typeof vertex === 'number') {\n\t\t\titems.push(this.renderAngleMark(normalizeLongitude(vertex), 'Vtx'));\n\t\t}\n\t\treturn items;\n\t}\n\n\tprivate renderAngleMark(longitude: number, label: string) {\n\t\tconst angle = this.toAngle(longitude);\n\t\tconst tickInner = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\tconst tickOuter = polarToCartesian(CENTER, CENTER, ANGLE_TICK_R, angle);\n\t\tconst labelPos = polarToCartesian(CENTER, CENTER, ANGLE_LABEL_R, angle);\n\t\treturn svg`\n\t\t\t<g>\n\t\t\t\t<line class=\"angle-tick\" x1=${tickInner.x} y1=${tickInner.y} x2=${tickOuter.x} y2=${tickOuter.y} />\n\t\t\t\t<text class=\"angle-marker\" x=${labelPos.x} y=${labelPos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${label}</text>\n\t\t\t</g>\n\t\t`;\n\t}\n\n\tprivate renderSpokes() {\n\t\t// Draw a spoke at each real house cusp longitude so Placidus / Koch\n\t\t// unequal houses render correctly. Fall back to 12 equal spokes from the\n\t\t// Ascendant only when the response carries no houses array.\n\t\tconst houses = this.data?.houses ?? [];\n\t\tconst cuspLongitudes =\n\t\t\thouses.length === 12\n\t\t\t\t? houses.map((h) => h.longitude)\n\t\t\t\t: Array.from({ length: 12 }, (_, i) => this.getAscendant() + i * 30);\n\t\treturn cuspLongitudes.map((lon) => {\n\t\t\tconst angle = this.toAngle(lon);\n\t\t\tconst start = polarToCartesian(CENTER, CENTER, HOUSE_R, angle);\n\t\t\tconst end = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\t\treturn svg`<line class=\"wheel-line\" x1=${start.x} y1=${start.y} x2=${end.x} y2=${end.y} stroke-width=\"0.8\" />`;\n\t\t});\n\t}\n\n\tprivate renderSigns() {\n\t\treturn SIGNS_ORDER.map((sign, i) => {\n\t\t\tconst angle = this.toAngle(i * 30 + 15);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, SIGN_R, angle);\n\t\t\treturn svg`<text class=\"sign-glyph\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${SIGN_GLYPH[sign]}</text>`;\n\t\t});\n\t}\n\n\tprivate renderHouseNumbers() {\n\t\tconst houses = this.data?.houses ?? [];\n\t\t// Place each house number at the angular midpoint between its cusp and\n\t\t// the next, so the label sits inside the house even when houses are\n\t\t// unequal. Fall back to equal 30-degree sectors when houses are absent.\n\t\tif (houses.length === 12) {\n\t\t\treturn houses.map((house, i) => {\n\t\t\t\tconst next = houses[(i + 1) % 12];\n\t\t\t\tconst mid = arcMidpoint(\n\t\t\t\t\thouse.longitude,\n\t\t\t\t\tnext ? next.longitude : house.longitude + 30,\n\t\t\t\t);\n\t\t\t\tconst pos = polarToCartesian(\n\t\t\t\t\tCENTER,\n\t\t\t\t\tCENTER,\n\t\t\t\t\tHOUSE_R - 12,\n\t\t\t\t\tthis.toAngle(mid),\n\t\t\t\t);\n\t\t\t\treturn svg`<text class=\"house-num\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${house.number}</text>`;\n\t\t\t});\n\t\t}\n\t\tconst ascSignIndex = Math.floor(this.getAscendant() / 30);\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst angle = this.toAngle(i * 30 + 15);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, HOUSE_R - 12, angle);\n\t\t\tconst houseNum = ((i - ascSignIndex + 12) % 12) + 1;\n\t\t\treturn svg`<text class=\"house-num\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${houseNum}</text>`;\n\t\t});\n\t}\n\n\t/**\n\t * Degree ticks on the outer zodiac band: a short mark every 5 degrees and a\n\t * longer one on each 30-degree sign cusp, so the wheel reads like a\n\t * reference-grade chart rather than a bare ring of glyphs.\n\t */\n\tprivate renderTicks() {\n\t\tconst ticks = [];\n\t\tfor (let deg = 0; deg < 360; deg += 5) {\n\t\t\tconst angle = this.toAngle(deg);\n\t\t\tconst isMajor = deg % 30 === 0;\n\t\t\tconst inner = isMajor ? SIGN_R - 14 : OUTER_R - 5;\n\t\t\tconst a = polarToCartesian(CENTER, CENTER, inner, angle);\n\t\t\tconst b = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\t\tticks.push(\n\t\t\t\tsvg`<line class=${isMajor ? 'tick tick-major' : 'tick'} x1=${a.x} y1=${a.y} x2=${b.x} y2=${b.y} stroke-width=${isMajor ? 1 : 0.5} />`,\n\t\t\t);\n\t\t}\n\t\treturn ticks;\n\t}\n\n\t/**\n\t * Degree-and-minute label printed next to each house cusp on the wheel, so\n\t * the exact cusp position is readable without leaving the chart.\n\t */\n\tprivate renderCuspDegrees() {\n\t\tconst houses = this.data?.houses ?? [];\n\t\tif (houses.length !== 12) return nothing;\n\t\treturn houses.map((house) => {\n\t\t\tconst angle = this.toAngle(house.longitude);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, HOUSE_R + 9, angle);\n\t\t\tconst sp = longitudeToSignPosition(house.longitude);\n\t\t\treturn svg`<text class=\"cusp-deg\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${sp.degree}\u00B0${String(sp.minute).padStart(2, '0')}'</text>`;\n\t\t});\n\t}\n\n\tprivate renderPlanets(planets: PlanetEntry[]) {\n\t\treturn planets.map((p) => {\n\t\t\tif (!Number.isFinite(p.longitude)) return nothing;\n\t\t\tconst angle = this.toAngle(p.longitude);\n\t\t\tconst glyphPos = polarToCartesian(CENTER, CENTER, PLANET_R, angle);\n\t\t\tconst degPos = polarToCartesian(CENTER, CENTER, PLANET_R - 13, angle);\n\t\t\tconst glyph = PLANET_GLYPH[capitalize(p.name)] ?? p.name.slice(0, 2);\n\t\t\tconst sp = longitudeToSignPosition(p.longitude);\n\t\t\tconst retro = p.isRetrograde === true;\n\t\t\tconst degLabel = `${sp.degree}\u00B0${String(sp.minute).padStart(2, '0')}'`;\n\t\t\treturn svg`<g>\n\t\t\t\t<text class=\"planet-glyph\" x=${glyphPos.x} y=${glyphPos.y} text-anchor=\"middle\" dominant-baseline=\"central\"><title>${p.name}${retro ? ' retrograde' : ''} - ${degLabel} ${p.sign ?? ''}</title>${glyph}</text>\n\t\t\t\t<text class=\"planet-deg\" x=${degPos.x} y=${degPos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${degLabel}${retro ? svg`<tspan class=\"retro\"> \u211E</tspan>` : nothing}</text>\n\t\t\t</g>`;\n\t\t});\n\t}\n\n\tprivate renderDetails() {\n\t\tconst summary = this.data?.summary;\n\t\tconst ai = this.data?.aspectsInterpretation;\n\t\tif (!summary && !ai) return nothing;\n\n\t\tconst retrogrades = summary?.retrogradePlanets ?? [];\n\n\t\treturn html`<div class=\"details\">\n\t\t\t${\n\t\t\t\tsummary?.dominantElement || summary?.dominantModality\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t${summary.dominantElement ? html`<span class=\"pill\">Dominant element: ${summary.dominantElement}</span>` : nothing}\n\t\t\t\t\t\t${summary.dominantModality ? html`<span class=\"pill\">Dominant modality: ${summary.dominantModality}</span>` : nothing}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\tai\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t<span class=\"pill pill--success\">Harmonious ${ai.harmonious}</span>\n\t\t\t\t\t\t<span class=\"pill pill--danger\">Challenging ${ai.challenging}</span>\n\t\t\t\t\t\t<span class=\"pill pill--muted\">Neutral ${ai.neutral}</span>\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\tretrogrades.length > 0\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t${retrogrades.map((p) => {\n\t\t\t\t\t\t\tconst glyph = PLANET_GLYPH[p] ?? p.slice(0, 2);\n\t\t\t\t\t\t\treturn html`<span class=\"pill pill--muted\">${glyph} ${p} R</span>`;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${ai?.summary ? html`<p class=\"summary\">${ai.summary}</p>` : nothing}\n\t\t\t${this.renderElementModalityGrid()}\n\t\t</div>`;\n\t}\n\n\t/**\n\t * Element by modality grid: the 4x3 cross-tab astrologers read for chart\n\t * balance. Each planet is placed by its sign into one cell (Fire/Earth/Air/\n\t * Water row, Cardinal/Fixed/Mutable column). Derived purely from the planet\n\t * signs, with row, column, and grand totals.\n\t */\n\tprivate renderElementModalityGrid() {\n\t\tconst planets = this.getPlanets();\n\t\tif (planets.length === 0) return nothing;\n\t\tconst ELEMENTS = ['Fire', 'Earth', 'Air', 'Water'] as const;\n\t\tconst MODALITIES = ['Cardinal', 'Fixed', 'Mutable'] as const;\n\t\tconst order = SIGNS_ORDER as readonly string[];\n\n\t\tconst cells: Record<string, Record<string, string[]>> = {};\n\t\tfor (const el of ELEMENTS)\n\t\t\tcells[el] = { Cardinal: [], Fixed: [], Mutable: [] };\n\t\tfor (const p of planets) {\n\t\t\tconst idx = order.indexOf(capitalize(p.sign ?? ''));\n\t\t\tif (idx < 0) continue;\n\t\t\tconst el = ELEMENTS[idx % 4];\n\t\t\tconst mod = MODALITIES[idx % 3];\n\t\t\tconst glyph =\n\t\t\t\tPLANET_GLYPH[capitalize(p.name)] ?? capitalize(p.name).slice(0, 2);\n\t\t\tcells[el]?.[mod]?.push(glyph);\n\t\t}\n\n\t\treturn html`<table class=\"em-grid\" aria-label=\"Element and modality distribution\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th></th>\n\t\t\t\t\t${MODALITIES.map((m) => html`<th scope=\"col\">${m.slice(0, 3)}</th>`)}\n\t\t\t\t\t<th scope=\"col\">Total</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t${ELEMENTS.map((el) => {\n\t\t\t\t\tconst rowTotal = MODALITIES.reduce(\n\t\t\t\t\t\t(s, m) => s + (cells[el]?.[m]?.length ?? 0),\n\t\t\t\t\t\t0,\n\t\t\t\t\t);\n\t\t\t\t\treturn html`<tr>\n\t\t\t\t\t\t<th scope=\"row\">${el}</th>\n\t\t\t\t\t\t${MODALITIES.map(\n\t\t\t\t\t\t\t(m) => html`<td>${(cells[el]?.[m] ?? []).join(' ')}</td>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<td class=\"em-total\">${rowTotal}</td>\n\t\t\t\t\t</tr>`;\n\t\t\t\t})}\n\t\t\t\t<tr>\n\t\t\t\t\t<th scope=\"row\">Total</th>\n\t\t\t\t\t${MODALITIES.map(\n\t\t\t\t\t\t(m) =>\n\t\t\t\t\t\t\thtml`<td class=\"em-total\">${ELEMENTS.reduce((s, el) => s + (cells[el]?.[m]?.length ?? 0), 0)}</td>`,\n\t\t\t\t\t)}\n\t\t\t\t\t<td class=\"em-total\">${planets.length}</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>`;\n\t}\n\n\tprivate renderInterpretations() {\n\t\tconst planets = this.getPlanets().filter((p) => p.interpretation);\n\t\tif (planets.length === 0) return nothing;\n\t\treturn html`<section class=\"interpretations\">\n\t\t\t<h3>Planet readings</h3>\n\t\t\t${planets.map((p, idx) => {\n\t\t\t\tconst interp = p.interpretation!;\n\t\t\t\tconst glyph = PLANET_GLYPH[capitalize(p.name)] ?? '';\n\t\t\t\tconst deg = formatNumber(p.degree ?? 0, 1);\n\t\t\t\treturn html`<details class=\"interp-card\" name=\"natal-planet-readings\" ?open=${idx === 0}>\n\t\t\t\t\t<summary>${glyph} ${p.name} <small>${p.sign ?? ''} ${deg}</small></summary>\n\t\t\t\t\t<div class=\"interp-body\">\n\t\t\t\t\t\t${interp.summary ? html`<p class=\"interp-summary\">${interp.summary}</p>` : nothing}\n\t\t\t\t\t\t${interp.detailed ? html`<p class=\"interp-detail\">${interp.detailed}</p>` : nothing}\n\t\t\t\t\t\t${\n\t\t\t\t\t\t\tinterp.keywords?.length\n\t\t\t\t\t\t\t\t? html`<div class=\"interp-keywords\">${interp.keywords.map((k) => html`<span class=\"kw\">${k}</span>`)}</div>`\n\t\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</details>`;\n\t\t\t})}\n\t\t</section>`;\n\t}\n\n\tprivate renderAspects(planets: PlanetEntry[], aspects: AspectEntry[]) {\n\t\tconst planetMap = new Map<string, number>();\n\t\tfor (const p of planets) {\n\t\t\tif (typeof p.longitude !== 'number') continue;\n\t\t\tconst name = capitalize(p.name);\n\t\t\tif (name) planetMap.set(name, p.longitude);\n\t\t}\n\t\treturn aspects.map((a) => {\n\t\t\tconst l1 = planetMap.get(capitalize(a.planet1));\n\t\t\tconst l2 = planetMap.get(capitalize(a.planet2));\n\t\t\tif (l1 === undefined || l2 === undefined) return nothing;\n\t\t\tconst p1 = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 18,\n\t\t\t\tthis.toAngle(l1),\n\t\t\t);\n\t\t\tconst p2 = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 18,\n\t\t\t\tthis.toAngle(l2),\n\t\t\t);\n\t\t\tconst aspectName = normalizeAspect(a);\n\t\t\tconst aspectClass = ASPECT_CLASS[aspectName] ?? 'aspect-other';\n\t\t\tconst orbLabel = formatNumber(a.orb, 1);\n\t\t\treturn svg`<line class=${`aspect ${aspectClass}`} x1=${p1.x} y1=${p1.y} x2=${p2.x} y2=${p2.y}><title>${a.planet1} ${aspectName || ''} ${a.planet2}${orbLabel ? ` (orb ${orbLabel}\u00B0)` : ''}</title></line>`;\n\t\t});\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-natal-chart': RoxyNatalChart;\n\t}\n}\n", "/**\n * Symbol constants used across components. Single source of truth so chart\n * wheels, card headers, hexagram displays, and panchang tables stay visually\n * consistent.\n */\n\nexport const PLANET_GLYPH: Record<string, string> = {\n\tSun: '\u2609',\n\tMoon: '\u263D',\n\tMercury: '\u263F',\n\tVenus: '\u2640',\n\tEarth: '\u2641',\n\tMars: '\u2642',\n\tJupiter: '\u2643',\n\tSaturn: '\u2644',\n\tUranus: '\u2645',\n\tNeptune: '\u2646',\n\tPluto: '\u2647',\n\tRahu: '\u260A',\n\tKetu: '\u260B',\n\tAscendant: 'Asc',\n\tLagna: 'La',\n\tNorthNode: '\u260A',\n\tSouthNode: '\u260B',\n\t'North node': '\u260A',\n\t'South node': '\u260B',\n\tChiron: '\u26B7',\n\tLilith: '\u26B8',\n\t'Black moon lilith': '\u26B8',\n};\n\nexport const PLANET_ABBR: Record<string, string> = {\n\tSun: 'Su',\n\tMoon: 'Mo',\n\tMercury: 'Me',\n\tVenus: 'Ve',\n\tMars: 'Ma',\n\tJupiter: 'Ju',\n\tSaturn: 'Sa',\n\tUranus: 'Ur',\n\tNeptune: 'Ne',\n\tPluto: 'Pl',\n\tRahu: 'Ra',\n\tKetu: 'Ke',\n\tAscendant: 'Asc',\n\tLagna: 'La',\n};\n\nexport const SIGN_GLYPH: Record<string, string> = {\n\tAries: '\u2648',\n\tTaurus: '\u2649',\n\tGemini: '\u264A',\n\tCancer: '\u264B',\n\tLeo: '\u264C',\n\tVirgo: '\u264D',\n\tLibra: '\u264E',\n\tScorpio: '\u264F',\n\tSagittarius: '\u2650',\n\tCapricorn: '\u2651',\n\tAquarius: '\u2652',\n\tPisces: '\u2653',\n};\n\nexport const SIGN_ABBR: Record<string, string> = {\n\tAries: 'Ar',\n\tTaurus: 'Ta',\n\tGemini: 'Ge',\n\tCancer: 'Cn',\n\tLeo: 'Le',\n\tVirgo: 'Vi',\n\tLibra: 'Li',\n\tScorpio: 'Sc',\n\tSagittarius: 'Sg',\n\tCapricorn: 'Cp',\n\tAquarius: 'Aq',\n\tPisces: 'Pi',\n};\n\nexport const SIGNS_ORDER = [\n\t'Aries',\n\t'Taurus',\n\t'Gemini',\n\t'Cancer',\n\t'Leo',\n\t'Virgo',\n\t'Libra',\n\t'Scorpio',\n\t'Sagittarius',\n\t'Capricorn',\n\t'Aquarius',\n\t'Pisces',\n] as const;\n\n/**\n * Lowercase rashi keys in canonical zodiac order. Derived from `SIGNS_ORDER`\n * so the two stay in lockstep. The /vedic-astrology/birth-chart response\n * carries planet buckets keyed by these names.\n */\nexport const RASHI_KEYS = SIGNS_ORDER.map((s) =>\n\ts.toLowerCase(),\n) as readonly Lowercase<(typeof SIGNS_ORDER)[number]>[];\n\n/** Aspect symbols. Used by synastry and natal chart aspect tables. */\nexport const ASPECT_SYMBOL: Record<string, string> = {\n\tconjunction: '\u260C',\n\topposition: '\u260D',\n\ttrine: '\u25B3',\n\tsquare: '\u25A1',\n\tsextile: '\u2731',\n\tquincunx: '\u22BB',\n\tsemisextile: '\u22BC',\n};\n\n/** Trigrams used by I Ching hexagrams. Eight trigrams compose 64 hexagrams. */\nexport const TRIGRAM_GLYPH: Record<string, string> = {\n\theaven: '\u2630',\n\tlake: '\u2631',\n\tfire: '\u2632',\n\tthunder: '\u2633',\n\twind: '\u2634',\n\twater: '\u2635',\n\tmountain: '\u2636',\n\tearth: '\u2637',\n\tHeaven: '\u2630',\n\tLake: '\u2631',\n\tFire: '\u2632',\n\tThunder: '\u2633',\n\tWind: '\u2634',\n\tWater: '\u2635',\n\tMountain: '\u2636',\n\tEarth: '\u2637',\n};\n\n/** Moon phase emoji set. Used by moon phase card. */\nexport const MOON_PHASE_EMOJI: Record<string, string> = {\n\t'new moon': '\uD83C\uDF11',\n\t'waxing crescent': '\uD83C\uDF12',\n\t'first quarter': '\uD83C\uDF13',\n\t'waxing gibbous': '\uD83C\uDF14',\n\t'full moon': '\uD83C\uDF15',\n\t'waning gibbous': '\uD83C\uDF16',\n\t'last quarter': '\uD83C\uDF17',\n\t'waning crescent': '\uD83C\uDF18',\n};\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n`;\n", "/**\n * Math helpers for converting raw ecliptic longitude decimals into the\n * sign / degree / minute / second triplet used across chart components.\n */\n\nimport { SIGNS_ORDER } from '../tokens/index.js';\n\nexport interface SignPosition {\n\tsign: string;\n\tsignIndex: number;\n\tdegree: number;\n\tminute: number;\n\tsecond: number;\n}\n\n/**\n * Wrap longitude into [0, 360) so negative or out-of-range values still\n * resolve to a real sign. Robust to wonky upstream data.\n */\nexport function normalizeLongitude(lon: number): number {\n\tconst wrapped = lon % 360;\n\treturn wrapped < 0 ? wrapped + 360 : wrapped;\n}\n\n/**\n * Convert decimal ecliptic longitude (0-360) into sign/degree/minute/second.\n * Used by every chart wheel and aspect table.\n */\nexport function longitudeToSignPosition(longitude: number): SignPosition {\n\tconst lon = normalizeLongitude(longitude);\n\tconst signIndex = Math.floor(lon / 30) % 12;\n\tconst within = lon % 30;\n\tconst degree = Math.floor(within);\n\tconst minuteFloat = (within - degree) * 60;\n\tconst minute = Math.floor(minuteFloat);\n\tconst second = Math.round((minuteFloat - minute) * 60);\n\treturn {\n\t\tsign: SIGNS_ORDER[signIndex] ?? 'Aries',\n\t\tsignIndex,\n\t\tdegree,\n\t\tminute,\n\t\tsecond,\n\t};\n}\n\n/** Compact display string like \"12\u00B0 Leo 34'\". Used in chart labels. */\nexport function formatSignPosition(longitude: number): string {\n\tconst { sign, degree, minute } = longitudeToSignPosition(longitude);\n\treturn `${degree}\u00B0 ${sign} ${String(minute).padStart(2, '0')}'`;\n}\n\n/**\n * The point diametrically opposite a longitude (e.g. Descendant from\n * Ascendant, IC from MC). Exact derivation, always 180 degrees away.\n */\nexport function oppositePoint(longitude: number): number {\n\treturn normalizeLongitude(longitude + 180);\n}\n\n/**\n * Midpoint of the forward arc from `start` to `end` (both ecliptic\n * longitudes). Handles the 360/0 wrap, so a house spanning 350 to 20 degrees\n * yields a midpoint of 5, not 185. Used to place house numbers between two\n * cusps regardless of how unequal the house is.\n */\nexport function arcMidpoint(start: number, end: number): number {\n\tconst s = normalizeLongitude(start);\n\tlet span = normalizeLongitude(end) - s;\n\tif (span < 0) span += 360;\n\treturn normalizeLongitude(s + span / 2);\n}\n\n/** Polar to cartesian for SVG wheel positioning. Angle in degrees, 0 at 3 o'clock. */\nexport function polarToCartesian(\n\tcx: number,\n\tcy: number,\n\tradius: number,\n\tangleDeg: number,\n): { x: number; y: number } {\n\tconst angleRad = (angleDeg * Math.PI) / 180;\n\treturn {\n\t\tx: cx + radius * Math.cos(angleRad),\n\t\ty: cy + radius * Math.sin(angleRad),\n\t};\n}\n", "/**\n * Display formatters for ISO timestamps and floats coming back from the API.\n * Every helper returns \"\" for nullish or unparseable input so it falls out of\n * template literals cleanly.\n */\n\nexport function formatTime(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tif (/^\\d{4}-\\d{2}-\\d{2}$/.test(input)) return '';\n\tconst bareTime = /^\\d{2}:\\d{2}(:\\d{2})?$/.test(input);\n\tconst iso = bareTime ? `1970-01-01T${input}` : input;\n\tconst d = new Date(iso);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleTimeString(undefined, {\n\t\thour: 'numeric',\n\t\tminute: '2-digit',\n\t\thour12: true,\n\t});\n}\n\nexport function formatDate(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tconst d = new Date(\n\t\t/^\\d{4}-\\d{2}-\\d{2}$/.test(input) ? `${input}T00:00:00` : input,\n\t);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleDateString(undefined, {\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\tyear: 'numeric',\n\t});\n}\n\nexport function formatTimeRange(\n\tt: { start?: string; end?: string } | undefined,\n): string {\n\tif (!t) return '';\n\tconst start = formatTime(t.start);\n\tconst end = formatTime(t.end);\n\tif (start && end) return `${start} - ${end}`;\n\treturn start || end || '';\n}\n\nexport function formatNumber(value: unknown, dp = 1): string {\n\tif (typeof value !== 'number' || !Number.isFinite(value)) return '';\n\treturn value.toFixed(dp).replace(/\\.?0+$/, '');\n}\n\nexport function formatPercent(value: unknown, dp = 1): string {\n\tconst n = formatNumber(value, dp);\n\treturn n ? `${n}%` : '';\n}\n\n/**\n * CSS class name per aspect type. Used by natal and synastry chart aspect\n * lines so the same color encoding (harmonious vs challenging) applies in\n * both wheels. Keys are lowercase canonical names, values are CSS class\n * suffixes the chart components define in their `:host` styles.\n */\nexport const ASPECT_CLASS: Record<string, string> = {\n\tconjunction: 'aspect-conjunction',\n\tsextile: 'aspect-sextile',\n\tsquare: 'aspect-square',\n\ttrine: 'aspect-trine',\n\topposition: 'aspect-opposition',\n};\n\n/**\n * Normalize the `type` field on an aspect entry to a lowercase, hyphen-separated\n * canonical name (`SEMI_SEXTILE` \u2192 `semi-sextile`). Accepts any aspect-shaped\n * object so both natal and synastry inter-aspect entries can share this.\n */\nexport function normalizeAspect(a: { type?: string }): string {\n\treturn (a.type ?? '').toLowerCase().replace(/_/g, '-');\n}\n", "/**\n * Shared string helpers used across components. Single source of truth so the\n * same formatting rules apply to every key/label/title that surfaces in the\n * shadow tree.\n *\n *  - `capitalize`: title-cases the first character, lowercases the rest. Used\n *    when matching API-supplied planet/sign names against the glyph maps in\n *    `tokens/index.ts`, which use canonical TitleCase keys.\n *  - `humanize`: turns an API key (`birth_date`, `birthDate`, `mahadasha-end`)\n *    into a label suitable for display (\"Birth date\", \"Mahadasha end\").\n */\n\nexport function capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { css, html, LitElement, nothing, svg } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport {\n\tASPECT_SYMBOL,\n\tPLANET_GLYPH,\n\tSIGN_GLYPH,\n\tSIGNS_ORDER,\n} from '../tokens/index.js';\nimport type { NatalChartResponse } from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport {\n\tarcMidpoint,\n\tlongitudeToSignPosition,\n\tnormalizeLongitude,\n\toppositePoint,\n\tpolarToCartesian,\n} from '../utils/degree.js';\nimport {\n\tASPECT_CLASS,\n\tformatNumber,\n\tnormalizeAspect,\n} from '../utils/format.js';\nimport { capitalize } from '../utils/string.js';\n\ntype PlanetEntry = NatalChartResponse['planets'][number];\ntype AspectEntry = NatalChartResponse['aspects'][number];\n\nconst SIZE = 420;\nconst CENTER = SIZE / 2;\nconst OUTER_R = 164;\nconst SIGN_R = 146;\nconst HOUSE_R = 120;\nconst PLANET_R = 96;\nconst ANGLE_TICK_R = 178;\nconst ANGLE_LABEL_R = 196;\n\n/**\n * Western natal chart wheel. Renders the 12 zodiac signs, 12 houses, planet\n * markers, and aspect lines from a /astrology/natal-chart response.\n */\n@customElement('roxy-natal-chart')\nexport class RoxyNatalChart extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.wrap {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.title {\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-primary, #0f172a);\n\t\t\t}\n\n\t\t\t.meta {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 560px;\n\t\t\t\taspect-ratio: 1 / 1;\n\t\t\t\theight: auto;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\n\t\t\t.wheel-line {\n\t\t\t\tfill: none;\n\t\t\t\tstroke: var(--roxy-border, #e4e4e7);\n\t\t\t}\n\n\t\t\t.sign-glyph {\n\t\t\t\tfill: var(--roxy-secondary, #475569);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.planet-glyph {\n\t\t\t\tfill: var(--roxy-accent, #f59e0b);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.planet-deg {\n\t\t\t\tfill: var(--roxy-fg, #0a0a0a);\n\t\t\t\tfont-size: 7px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t/* Below 480px the chart container shrinks to ~320px on phones.\n\t\t\t * Bump in-SVG text up proportionally so the 7px degree band\n\t\t\t * does not collapse below ~6px on screen.\n\t\t\t */\n\t\t\t@container (max-width: 480px) {\n\t\t\t\t.sign-glyph,\n\t\t\t\t.planet-glyph {\n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t}\n\t\t\t\t.planet-deg {\n\t\t\t\t\tfont-size: 10px;\n\t\t\t\t}\n\t\t\t\t.house-num {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.planet-deg .retro {\n\t\t\t\tfill: var(--roxy-danger, #dc2626);\n\t\t\t}\n\n\t\t\t.planet-leader {\n\t\t\t\tstroke: var(--roxy-accent, #f59e0b);\n\t\t\t\tstroke-width: 0.5;\n\t\t\t\topacity: 0.55;\n\t\t\t}\n\n\t\t\t.house-num {\n\t\t\t\tfill: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: 9px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.cusp-deg {\n\t\t\t\tfill: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: 6px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.tick {\n\t\t\t\tstroke: var(--roxy-border, #e4e4e7);\n\t\t\t}\n\t\t\t.tick-major {\n\t\t\t\tstroke: var(--roxy-secondary, #475569);\n\t\t\t}\n\n\t\t\t.aspect {\n\t\t\t\tstroke-width: 0.8;\n\t\t\t\tfill: none;\n\t\t\t\topacity: 0.55;\n\t\t\t}\n\t\t\t.aspect-trine,\n\t\t\t.aspect-sextile {\n\t\t\t\tstroke: var(--roxy-success, #16a34a);\n\t\t\t}\n\t\t\t.aspect-square,\n\t\t\t.aspect-opposition {\n\t\t\t\tstroke: var(--roxy-danger, #dc2626);\n\t\t\t}\n\t\t\t.aspect-conjunction {\n\t\t\t\tstroke: var(--roxy-accent-fg, #b45309);\n\t\t\t}\n\t\t\t.aspect-other {\n\t\t\t\tstroke: var(--roxy-muted, #71717a);\n\t\t\t\topacity: 0.4;\n\t\t\t}\n\n\t\t\t.angle-marker {\n\t\t\t\tfill: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t\tletter-spacing: 0.04em;\n\t\t\t}\n\t\t\t.angle-tick {\n\t\t\t\tstroke: var(--roxy-accent-fg, #b45309);\n\t\t\t\tstroke-width: 1.5;\n\t\t\t}\n\n\t\t\t.legend {\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.legend-swatch {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin-right: 4px;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\n\t\t\t.tablist {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 2px;\n\t\t\t\tborder-bottom: 2px solid var(--roxy-border, #e4e4e7);\n\t\t\t}\n\t\t\t.tab {\n\t\t\t\tpadding: var(--roxy-space-xs, 0.25rem) var(--roxy-space-md, 1rem);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tbackground: none;\n\t\t\t\tborder: none;\n\t\t\t\tborder-bottom: 2px solid transparent;\n\t\t\t\tmargin-bottom: -2px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-family: inherit;\n\t\t\t\ttransition: color var(--roxy-motion-duration, 200ms) var(--roxy-motion-easing, ease);\n\t\t\t}\n\t\t\t.tab[aria-selected='true'] {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tborder-bottom-color: var(--roxy-accent, #f59e0b);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.tab:hover:not([aria-selected='true']) {\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.grid-scroll {\n\t\t\t\toverflow-x: auto;\n\t\t\t\t-webkit-overflow-scrolling: touch;\n\t\t\t}\n\t\t\ttable.aspect-grid {\n\t\t\t\tborder-collapse: collapse;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\t\t\ttable.aspect-grid th,\n\t\t\ttable.aspect-grid td {\n\t\t\t\twidth: 1.6rem;\n\t\t\t\theight: 1.6rem;\n\t\t\t\ttext-align: center;\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\ttable.aspect-grid th {\n\t\t\t\tcolor: var(--roxy-secondary, #475569);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\ttable.aspect-grid td.cell {\n\t\t\t\tcursor: default;\n\t\t\t}\n\t\t\ttable.aspect-grid td.empty {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 18%, transparent);\n\t\t\t}\n\t\t\ttable.aspect-grid td .asp {\n\t\t\t\tfont-size: 0.95em;\n\t\t\t\tline-height: 1;\n\t\t\t}\n\t\t\ttable.aspect-grid td.aspect-trine .asp,\n\t\t\ttable.aspect-grid td.aspect-sextile .asp {\n\t\t\t\tcolor: var(--roxy-success, #16a34a);\n\t\t\t}\n\t\t\ttable.aspect-grid td.aspect-square .asp,\n\t\t\ttable.aspect-grid td.aspect-opposition .asp {\n\t\t\t\tcolor: var(--roxy-danger, #dc2626);\n\t\t\t}\n\t\t\ttable.aspect-grid td.aspect-conjunction .asp {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t}\n\t\t\ttable.aspect-grid td.aspect-other .asp {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t}\n\n\t\t\t.details {\n\t\t\t\tmargin-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.pill-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tmargin-bottom: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\n\t\t\t.pill {\n\t\t\t\tpadding: 2px 8px;\n\t\t\t\tborder-radius: var(--roxy-radius-sm, 4px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-fg, #0f172a) 8%, transparent);\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t}\n\n\t\t\t.pill--success {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-success, #16a34a) 15%, transparent);\n\t\t\t\tcolor: var(--roxy-success, #16a34a);\n\t\t\t}\n\n\t\t\t.pill--danger {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-danger, #dc2626) 15%, transparent);\n\t\t\t\tcolor: var(--roxy-danger, #dc2626);\n\t\t\t}\n\n\t\t\t.pill--muted {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent);\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.summary {\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tmargin: var(--roxy-space-md, 1rem) 0;\n\t\t\t}\n\n\t\t\t.em-grid {\n\t\t\t\tborder-collapse: collapse;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t.em-grid th,\n\t\t\t.em-grid td {\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding: 3px 5px;\n\t\t\t\ttext-align: center;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t\t.em-grid th {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.04em;\n\t\t\t}\n\t\t\t.em-grid th[scope='row'] {\n\t\t\t\ttext-align: left;\n\t\t\t}\n\t\t\t.em-grid td {\n\t\t\t\tcolor: var(--roxy-accent, #f59e0b);\n\t\t\t\tfont-size: 0.95em;\n\t\t\t\tline-height: 1.4;\n\t\t\t\tmin-width: 1.4rem;\n\t\t\t}\n\t\t\t.em-grid .em-total {\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 25%, transparent);\n\t\t\t}\n\n\t\t\t.interpretations {\n\t\t\t\tmargin-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.interpretations h3 {\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t\tmargin: 0 0 var(--roxy-space-sm, 0.5rem);\n\t\t\t}\n\t\t\t.interp-card {\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tmargin-bottom: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\t\t\t.interp-card summary {\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t}\n\t\t\t.interp-card summary small {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tmargin-left: 0.5em;\n\t\t\t\tfont-weight: 400;\n\t\t\t}\n\t\t\t.interp-body {\n\t\t\t\tmargin-top: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.interp-keywords {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: 0.25rem;\n\t\t\t\tmargin-top: 0.5rem;\n\t\t\t}\n\t\t\t.interp-keywords .kw {\n\t\t\t\tpadding: 1px 8px;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NatalChartResponse | null = null;\n\n\t@property({ type: String, attribute: 'house-system', reflect: true })\n\thouseSystem: 'placidus' | 'whole-sign' | 'equal' | 'koch' = 'placidus';\n\n\t/** Which view is showing: the wheel or the planet-by-planet aspect grid. */\n\t@state()\n\tprivate view: 'wheel' | 'grid' = 'wheel';\n\n\tprivate getPlanets(): PlanetEntry[] {\n\t\treturn this.data?.planets ?? [];\n\t}\n\n\tprivate getAscendant(): number {\n\t\treturn this.data?.ascendant?.longitude ?? 0;\n\t}\n\n\tprivate getMidheaven(): number | null {\n\t\tconst m = this.data?.midheaven?.longitude;\n\t\treturn typeof m === 'number' ? m : null;\n\t}\n\n\tprivate toAngle(lon: number): number {\n\t\treturn 180 + this.getAscendant() - lon;\n\t}\n\n\trender() {\n\t\tif (!this.data)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No chart data</div>`;\n\t\tconst planets = this.getPlanets();\n\t\tconst aspects = this.data.aspects ?? [];\n\t\tconst view = this.view;\n\n\t\treturn html`<div class=\"wrap\">\n\t\t\t<header>\n\t\t\t\t<h2 class=\"title\">Natal chart</h2>\n\t\t\t\t${\n\t\t\t\t\tthis.data.birthDetails\n\t\t\t\t\t\t? html`<div class=\"meta\">\n\t\t\t\t\t\t\t${[this.data.birthDetails.date, this.data.birthDetails.time]\n\t\t\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t\t\t\t.join(' \u00B7 ')}\n\t\t\t\t\t\t</div>`\n\t\t\t\t\t\t: nothing\n\t\t\t\t}\n\t\t\t</header>\n\t\t\t<div\n\t\t\t\tclass=\"tablist\"\n\t\t\t\trole=\"tablist\"\n\t\t\t\taria-label=\"Natal chart views\"\n\t\t\t\t@keydown=${this.onTabKeyDown}\n\t\t\t>\n\t\t\t\t${(['wheel', 'grid'] as const).map(\n\t\t\t\t\t(t) => html`<button\n\t\t\t\t\t\tclass=\"tab\"\n\t\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t\tid=\"tab-${t}\"\n\t\t\t\t\t\taria-selected=${view === t ? 'true' : 'false'}\n\t\t\t\t\t\taria-controls=\"panel-${t}\"\n\t\t\t\t\t\ttabindex=${view === t ? '0' : '-1'}\n\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\tthis.view = t;\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t${t === 'wheel' ? 'Wheel' : 'Aspect grid'}\n\t\t\t\t\t</button>`,\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div id=\"panel-${view}\" role=\"tabpanel\" aria-labelledby=\"tab-${view}\">\n\t\t\t\t${view === 'wheel' ? this.renderWheel(planets, aspects) : this.renderAspectGrid(planets, aspects)}\n\t\t\t</div>\n\t\t\t<div class=\"legend\">\n\t\t\t\t<span>${planets.length} planets</span>\n\t\t\t\t<span>${aspects.length} aspects</span>\n\t\t\t\t${\n\t\t\t\t\tthis.data.houseSystem\n\t\t\t\t\t\t? html`<span>${this.data.houseSystem} houses</span>`\n\t\t\t\t\t\t: nothing\n\t\t\t\t}\n\t\t\t\t<span><span class=\"legend-swatch\" style=\"background: var(--roxy-success)\"></span>harmonious</span>\n\t\t\t\t<span><span class=\"legend-swatch\" style=\"background: var(--roxy-danger)\"></span>challenging</span>\n\t\t\t</div>\n\t\t\t${this.renderDetails()}\n\t\t\t${this.renderInterpretations()}\n\t\t</div>`;\n\t}\n\n\tprivate onTabKeyDown(e: KeyboardEvent) {\n\t\tif (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;\n\t\te.preventDefault();\n\t\tthis.view = this.view === 'wheel' ? 'grid' : 'wheel';\n\t\tconst next = this.view;\n\t\trequestAnimationFrame(() => {\n\t\t\tthis.shadowRoot\n\t\t\t\t?.querySelector<HTMLButtonElement>(`#tab-${next}`)\n\t\t\t\t?.focus();\n\t\t});\n\t}\n\n\tprivate renderWheel(planets: PlanetEntry[], aspects: AspectEntry[]) {\n\t\treturn html`<svg\n\t\t\tviewBox=\"0 0 ${SIZE} ${SIZE}\"\n\t\t\trole=\"img\"\n\t\t\taria-label=\"Natal chart wheel with twelve houses, planets, and aspects\"\n\t\t>\n\t\t\t<title>Natal chart wheel</title>\n\t\t\t<desc>\n\t\t\t\tTwelve zodiac sign segments around a circular wheel. Planet glyphs are\n\t\t\t\tplaced at their ecliptic longitudes. Aspect lines connect related planets.\n\t\t\t</desc>\n\t\t\t<circle class=\"wheel-line\" cx=${CENTER} cy=${CENTER} r=${OUTER_R} stroke-width=\"1.5\" />\n\t\t\t<circle class=\"wheel-line\" cx=${CENTER} cy=${CENTER} r=${SIGN_R - 14} stroke-width=\"0.8\" />\n\t\t\t<circle class=\"wheel-line\" cx=${CENTER} cy=${CENTER} r=${HOUSE_R} stroke-width=\"1\" />\n\t\t\t<circle class=\"wheel-line\" cx=${CENTER} cy=${CENTER} r=${PLANET_R - 16} stroke-width=\"0.5\" />\n\t\t\t${this.renderTicks()} ${this.renderSpokes()} ${this.renderSigns()}\n\t\t\t${this.renderHouseNumbers()} ${this.renderCuspDegrees()}\n\t\t\t${this.renderAspects(planets, aspects)} ${this.renderPlanets(planets)}\n\t\t\t${this.renderAngles()}\n\t\t</svg>`;\n\t}\n\n\t/**\n\t * Planet-by-planet aspect grid: the lower-triangular matrix astrologers read\n\t * alongside the wheel. Each filled cell shows the aspect glyph colored by\n\t * nature, with the exact orb in the SVG-free `<title>` tooltip.\n\t */\n\tprivate renderAspectGrid(planets: PlanetEntry[], aspects: AspectEntry[]) {\n\t\tconst names = planets.map((p) => capitalize(p.name));\n\t\t// Lookup aspects by unordered planet pair.\n\t\tconst byPair = new Map<string, AspectEntry>();\n\t\tfor (const a of aspects) {\n\t\t\tconst k = [capitalize(a.planet1), capitalize(a.planet2)].sort().join('|');\n\t\t\tbyPair.set(k, a);\n\t\t}\n\t\tif (names.length === 0)\n\t\t\treturn html`<p class=\"roxy-empty\" role=\"status\">No planets to grid</p>`;\n\n\t\treturn html`<div class=\"grid-scroll\">\n\t\t\t<table class=\"aspect-grid\" aria-label=\"Planet by planet aspect grid\">\n\t\t\t\t<thead>\n\t\t\t\t\t<tr>\n\t\t\t\t\t\t<th></th>\n\t\t\t\t\t\t${names.slice(0, -1).map((n) => {\n\t\t\t\t\t\t\tconst g = PLANET_GLYPH[n] ?? n.slice(0, 2);\n\t\t\t\t\t\t\treturn html`<th scope=\"col\" title=${n}>${g}</th>`;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody>\n\t\t\t\t\t${names.slice(1).map((rowName, ri) => {\n\t\t\t\t\t\tconst rowGlyph = PLANET_GLYPH[rowName] ?? rowName.slice(0, 2);\n\t\t\t\t\t\t// Row i (1-based) pairs with columns 0..i-1.\n\t\t\t\t\t\treturn html`<tr>\n\t\t\t\t\t\t\t<th scope=\"row\" title=${rowName}>${rowGlyph}</th>\n\t\t\t\t\t\t\t${names.slice(0, ri + 1).map((colName) => {\n\t\t\t\t\t\t\t\tconst a = byPair.get([rowName, colName].sort().join('|'));\n\t\t\t\t\t\t\t\tif (!a) return html`<td class=\"empty\"></td>`;\n\t\t\t\t\t\t\t\tconst name = normalizeAspect(a);\n\t\t\t\t\t\t\t\tconst sym =\n\t\t\t\t\t\t\t\t\tASPECT_SYMBOL[name] ??\n\t\t\t\t\t\t\t\t\tASPECT_SYMBOL[name.replace(/-/g, '')] ??\n\t\t\t\t\t\t\t\t\tname.slice(0, 3);\n\t\t\t\t\t\t\t\tconst cls = ASPECT_CLASS[name] ?? 'aspect-other';\n\t\t\t\t\t\t\t\tconst orb = formatNumber(a.orb, 1);\n\t\t\t\t\t\t\t\treturn html`<td class=${`cell ${cls}`} title=${`${rowName} ${name} ${colName}${orb ? ` (orb ${orb}\u00B0)` : ''}`}>\n\t\t\t\t\t\t\t\t\t<span class=\"asp\">${sym}</span>\n\t\t\t\t\t\t\t\t</td>`;\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t${names.slice(ri + 1, -1).map(() => html`<td class=\"empty\"></td>`)}\n\t\t\t\t\t\t</tr>`;\n\t\t\t\t\t})}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t</div>`;\n\t}\n\n\tprivate renderAngles() {\n\t\tconst asc = this.getAscendant();\n\t\tconst mc = this.getMidheaven();\n\t\t// ASC/DESC and MC/IC are exact axes; DESC and IC are the opposite points.\n\t\tconst items = [\n\t\t\tthis.renderAngleMark(asc, 'ASC'),\n\t\t\tthis.renderAngleMark(oppositePoint(asc), 'DSC'),\n\t\t];\n\t\tif (mc !== null) {\n\t\t\titems.push(this.renderAngleMark(mc, 'MC'));\n\t\t\titems.push(this.renderAngleMark(oppositePoint(mc), 'IC'));\n\t\t}\n\t\tconst pof = this.data?.partOfFortune?.longitude;\n\t\tif (typeof pof === 'number') {\n\t\t\titems.push(this.renderAngleMark(normalizeLongitude(pof), 'PoF'));\n\t\t}\n\t\tconst vertex = this.data?.vertex?.longitude;\n\t\tif (typeof vertex === 'number') {\n\t\t\titems.push(this.renderAngleMark(normalizeLongitude(vertex), 'Vtx'));\n\t\t}\n\t\treturn items;\n\t}\n\n\tprivate renderAngleMark(longitude: number, label: string) {\n\t\t// Tick AND label share the same angle so the label sits right at the\n\t\t// tip of the arrow, where a practitioner expects to find it. The label\n\t\t// halo at radius ANGLE_LABEL_R is clear of the wheel rim, so there is\n\t\t// no overlap with house dividers despite the shared angle.\n\t\tconst angle = this.toAngle(longitude);\n\t\tconst tickInner = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\tconst tickOuter = polarToCartesian(CENTER, CENTER, ANGLE_TICK_R, angle);\n\t\tconst labelPos = polarToCartesian(CENTER, CENTER, ANGLE_LABEL_R, angle);\n\t\treturn svg`\n\t\t\t<g>\n\t\t\t\t<line class=\"angle-tick\" x1=${tickInner.x} y1=${tickInner.y} x2=${tickOuter.x} y2=${tickOuter.y} />\n\t\t\t\t<text class=\"angle-marker\" x=${labelPos.x} y=${labelPos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${label}</text>\n\t\t\t</g>\n\t\t`;\n\t}\n\n\tprivate renderSpokes() {\n\t\t// Draw a spoke at each real house cusp longitude so Placidus / Koch\n\t\t// unequal houses render correctly. Fall back to 12 equal spokes from the\n\t\t// Ascendant only when the response carries no houses array.\n\t\tconst houses = this.data?.houses ?? [];\n\t\tconst cuspLongitudes =\n\t\t\thouses.length === 12\n\t\t\t\t? houses.map((h) => h.longitude)\n\t\t\t\t: Array.from({ length: 12 }, (_, i) => this.getAscendant() + i * 30);\n\t\treturn cuspLongitudes.map((lon) => {\n\t\t\tconst angle = this.toAngle(lon);\n\t\t\tconst start = polarToCartesian(CENTER, CENTER, HOUSE_R, angle);\n\t\t\tconst end = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\t\treturn svg`<line class=\"wheel-line\" x1=${start.x} y1=${start.y} x2=${end.x} y2=${end.y} stroke-width=\"0.8\" />`;\n\t\t});\n\t}\n\n\tprivate renderSigns() {\n\t\treturn SIGNS_ORDER.map((sign, i) => {\n\t\t\tconst angle = this.toAngle(i * 30 + 15);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, SIGN_R, angle);\n\t\t\treturn svg`<text class=\"sign-glyph\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${SIGN_GLYPH[sign]}</text>`;\n\t\t});\n\t}\n\n\tprivate renderHouseNumbers() {\n\t\tconst houses = this.data?.houses ?? [];\n\t\t// Place each house number at the angular midpoint between its cusp and\n\t\t// the next, so the label sits inside the house even when houses are\n\t\t// unequal. Fall back to equal 30-degree sectors when houses are absent.\n\t\tif (houses.length === 12) {\n\t\t\treturn houses.map((house, i) => {\n\t\t\t\tconst next = houses[(i + 1) % 12];\n\t\t\t\tconst mid = arcMidpoint(\n\t\t\t\t\thouse.longitude,\n\t\t\t\t\tnext ? next.longitude : house.longitude + 30,\n\t\t\t\t);\n\t\t\t\tconst pos = polarToCartesian(\n\t\t\t\t\tCENTER,\n\t\t\t\t\tCENTER,\n\t\t\t\t\tHOUSE_R - 12,\n\t\t\t\t\tthis.toAngle(mid),\n\t\t\t\t);\n\t\t\t\treturn svg`<text class=\"house-num\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${house.number}</text>`;\n\t\t\t});\n\t\t}\n\t\tconst ascSignIndex = Math.floor(this.getAscendant() / 30);\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst angle = this.toAngle(i * 30 + 15);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, HOUSE_R - 12, angle);\n\t\t\tconst houseNum = ((i - ascSignIndex + 12) % 12) + 1;\n\t\t\treturn svg`<text class=\"house-num\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${houseNum}</text>`;\n\t\t});\n\t}\n\n\t/**\n\t * Degree ticks on the outer zodiac band: a short mark every 5 degrees and a\n\t * longer one on each 30-degree sign cusp, so the wheel reads like a\n\t * reference-grade chart rather than a bare ring of glyphs.\n\t */\n\tprivate renderTicks() {\n\t\tconst ticks = [];\n\t\tfor (let deg = 0; deg < 360; deg += 5) {\n\t\t\tconst angle = this.toAngle(deg);\n\t\t\tconst isMajor = deg % 30 === 0;\n\t\t\tconst inner = isMajor ? SIGN_R - 14 : OUTER_R - 5;\n\t\t\tconst a = polarToCartesian(CENTER, CENTER, inner, angle);\n\t\t\tconst b = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\t\tticks.push(\n\t\t\t\tsvg`<line class=${isMajor ? 'tick tick-major' : 'tick'} x1=${a.x} y1=${a.y} x2=${b.x} y2=${b.y} stroke-width=${isMajor ? 1 : 0.5} />`,\n\t\t\t);\n\t\t}\n\t\treturn ticks;\n\t}\n\n\t/**\n\t * Degree-and-minute label printed next to each house cusp on the wheel, so\n\t * the exact cusp position is readable without leaving the chart.\n\t */\n\tprivate renderCuspDegrees() {\n\t\tconst houses = this.data?.houses ?? [];\n\t\tif (houses.length !== 12) return nothing;\n\t\treturn houses.map((house) => {\n\t\t\tconst angle = this.toAngle(house.longitude);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, HOUSE_R + 9, angle);\n\t\t\tconst sp = longitudeToSignPosition(house.longitude);\n\t\t\treturn svg`<text class=\"cusp-deg\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${sp.degree}\u00B0${String(sp.minute).padStart(2, '0')}'</text>`;\n\t\t});\n\t}\n\n\tprivate renderPlanets(planets: PlanetEntry[]) {\n\t\t// Stellium-aware angular fan-out. Conjunctions within 8\u00B0 are the norm\n\t\t// in professional natal charts (Sun-Mercury-Venus cluster, outer-planet\n\t\t// stacks). To keep every glyph legible without losing precision, sort\n\t\t// by longitude and push later members forward in angle until they\n\t\t// clear a minimum separation, then draw a thin leader line from each\n\t\t// displaced glyph back to the planet's true position on the outer\n\t\t// rim. Conventional approach used by professional Western natal\n\t\t// software; preserves both readability and astronomical accuracy.\n\t\tconst MIN_SEPARATION = 7;\n\t\ttype Placed = {\n\t\t\tp: PlanetEntry;\n\t\t\ttrueLon: number;\n\t\t\tdisplayLon: number;\n\t\t};\n\t\tconst sorted: Placed[] = planets\n\t\t\t.filter((p) => Number.isFinite(p.longitude))\n\t\t\t.map((p) => ({\n\t\t\t\tp,\n\t\t\t\ttrueLon: normalizeLongitude(p.longitude),\n\t\t\t\tdisplayLon: normalizeLongitude(p.longitude),\n\t\t\t}))\n\t\t\t.sort((a, b) => a.trueLon - b.trueLon);\n\t\t// Forward sweep: clamp each to at least prev + MIN_SEPARATION.\n\t\tfor (let i = 1; i < sorted.length; i++) {\n\t\t\tconst prev = sorted[i - 1];\n\t\t\tconst cur = sorted[i];\n\t\t\tif (!prev || !cur) continue;\n\t\t\tconst wanted = prev.displayLon + MIN_SEPARATION;\n\t\t\tif (cur.displayLon < wanted) cur.displayLon = wanted;\n\t\t}\n\t\t// If the cluster overshot 360\u00B0, slide everything back equally so the\n\t\t// stack stays anchored near the original longitudes.\n\t\tconst last = sorted[sorted.length - 1];\n\t\tif (last && last.displayLon > 360) {\n\t\t\tconst shift = last.displayLon - 360;\n\t\t\tfor (const s of sorted) s.displayLon -= shift;\n\t\t}\n\t\treturn sorted.map(({ p, trueLon, displayLon }) => {\n\t\t\tconst trueAngle = this.toAngle(trueLon);\n\t\t\tconst displayAngle = this.toAngle(displayLon);\n\t\t\tconst glyphPos = polarToCartesian(CENTER, CENTER, PLANET_R, displayAngle);\n\t\t\tconst degPos = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 13,\n\t\t\t\tdisplayAngle,\n\t\t\t);\n\t\t\tconst rimPos = polarToCartesian(CENTER, CENTER, OUTER_R - 4, trueAngle);\n\t\t\tconst leaderInner = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R + 8,\n\t\t\t\tdisplayAngle,\n\t\t\t);\n\t\t\tconst glyph = PLANET_GLYPH[capitalize(p.name)] ?? p.name.slice(0, 2);\n\t\t\tconst sp = longitudeToSignPosition(p.longitude);\n\t\t\tconst retro = p.isRetrograde === true;\n\t\t\tconst degLabel = `${sp.degree}\u00B0${String(sp.minute).padStart(2, '0')}'`;\n\t\t\tconst offset = Math.abs(displayLon - trueLon) > 0.5;\n\t\t\treturn svg`<g>\n\t\t\t\t${\n\t\t\t\t\toffset\n\t\t\t\t\t\t? svg`<line class=\"planet-leader\" x1=${rimPos.x} y1=${rimPos.y} x2=${leaderInner.x} y2=${leaderInner.y} />`\n\t\t\t\t\t\t: nothing\n\t\t\t\t}\n\t\t\t\t<text class=\"planet-glyph\" x=${glyphPos.x} y=${glyphPos.y} text-anchor=\"middle\" dominant-baseline=\"central\"><title>${p.name}${retro ? ' retrograde' : ''} - ${degLabel} ${p.sign ?? ''}</title>${glyph}</text>\n\t\t\t\t<text class=\"planet-deg\" x=${degPos.x} y=${degPos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${degLabel}${retro ? svg`<tspan class=\"retro\"> \u211E</tspan>` : nothing}</text>\n\t\t\t</g>`;\n\t\t});\n\t}\n\n\tprivate renderDetails() {\n\t\tconst summary = this.data?.summary;\n\t\tconst ai = this.data?.aspectsInterpretation;\n\t\tif (!summary && !ai) return nothing;\n\n\t\tconst retrogrades = summary?.retrogradePlanets ?? [];\n\n\t\treturn html`<div class=\"details\">\n\t\t\t${\n\t\t\t\tsummary?.dominantElement || summary?.dominantModality\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t${summary.dominantElement ? html`<span class=\"pill\">Dominant element: ${summary.dominantElement}</span>` : nothing}\n\t\t\t\t\t\t${summary.dominantModality ? html`<span class=\"pill\">Dominant modality: ${summary.dominantModality}</span>` : nothing}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\tai\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t<span class=\"pill pill--success\">Harmonious ${ai.harmonious}</span>\n\t\t\t\t\t\t<span class=\"pill pill--danger\">Challenging ${ai.challenging}</span>\n\t\t\t\t\t\t<span class=\"pill pill--muted\">Neutral ${ai.neutral}</span>\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\tretrogrades.length > 0\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t${retrogrades.map((p) => {\n\t\t\t\t\t\t\tconst glyph = PLANET_GLYPH[p] ?? p.slice(0, 2);\n\t\t\t\t\t\t\treturn html`<span class=\"pill pill--muted\">${glyph} ${p} R</span>`;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${ai?.summary ? html`<p class=\"summary\">${ai.summary}</p>` : nothing}\n\t\t\t${this.renderElementModalityGrid()}\n\t\t</div>`;\n\t}\n\n\t/**\n\t * Element by modality grid: the 4x3 cross-tab astrologers read for chart\n\t * balance. Each planet is placed by its sign into one cell (Fire/Earth/Air/\n\t * Water row, Cardinal/Fixed/Mutable column). Derived purely from the planet\n\t * signs, with row, column, and grand totals.\n\t */\n\tprivate renderElementModalityGrid() {\n\t\tconst planets = this.getPlanets();\n\t\tif (planets.length === 0) return nothing;\n\t\tconst ELEMENTS = ['Fire', 'Earth', 'Air', 'Water'] as const;\n\t\tconst MODALITIES = ['Cardinal', 'Fixed', 'Mutable'] as const;\n\t\tconst order = SIGNS_ORDER as readonly string[];\n\n\t\tconst cells: Record<string, Record<string, string[]>> = {};\n\t\tfor (const el of ELEMENTS)\n\t\t\tcells[el] = { Cardinal: [], Fixed: [], Mutable: [] };\n\t\tfor (const p of planets) {\n\t\t\tconst idx = order.indexOf(capitalize(p.sign ?? ''));\n\t\t\tif (idx < 0) continue;\n\t\t\tconst el = ELEMENTS[idx % 4];\n\t\t\tconst mod = MODALITIES[idx % 3];\n\t\t\tconst glyph =\n\t\t\t\tPLANET_GLYPH[capitalize(p.name)] ?? capitalize(p.name).slice(0, 2);\n\t\t\tcells[el]?.[mod]?.push(glyph);\n\t\t}\n\n\t\treturn html`<table class=\"em-grid\" aria-label=\"Element and modality distribution\">\n\t\t\t<thead>\n\t\t\t\t<tr>\n\t\t\t\t\t<th></th>\n\t\t\t\t\t${MODALITIES.map((m) => html`<th scope=\"col\">${m.slice(0, 3)}</th>`)}\n\t\t\t\t\t<th scope=\"col\">Total</th>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t${ELEMENTS.map((el) => {\n\t\t\t\t\tconst rowTotal = MODALITIES.reduce(\n\t\t\t\t\t\t(s, m) => s + (cells[el]?.[m]?.length ?? 0),\n\t\t\t\t\t\t0,\n\t\t\t\t\t);\n\t\t\t\t\treturn html`<tr>\n\t\t\t\t\t\t<th scope=\"row\">${el}</th>\n\t\t\t\t\t\t${MODALITIES.map(\n\t\t\t\t\t\t\t(m) => html`<td>${(cells[el]?.[m] ?? []).join(' ')}</td>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<td class=\"em-total\">${rowTotal}</td>\n\t\t\t\t\t</tr>`;\n\t\t\t\t})}\n\t\t\t\t<tr>\n\t\t\t\t\t<th scope=\"row\">Total</th>\n\t\t\t\t\t${MODALITIES.map(\n\t\t\t\t\t\t(m) =>\n\t\t\t\t\t\t\thtml`<td class=\"em-total\">${ELEMENTS.reduce((s, el) => s + (cells[el]?.[m]?.length ?? 0), 0)}</td>`,\n\t\t\t\t\t)}\n\t\t\t\t\t<td class=\"em-total\">${planets.length}</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>`;\n\t}\n\n\tprivate renderInterpretations() {\n\t\tconst planets = this.getPlanets().filter((p) => p.interpretation);\n\t\tif (planets.length === 0) return nothing;\n\t\treturn html`<section class=\"interpretations\">\n\t\t\t<h3>Planet readings</h3>\n\t\t\t${planets.map((p, idx) => {\n\t\t\t\tconst interp = p.interpretation!;\n\t\t\t\tconst glyph = PLANET_GLYPH[capitalize(p.name)] ?? '';\n\t\t\t\tconst deg = formatNumber(p.degree ?? 0, 1);\n\t\t\t\treturn html`<details class=\"interp-card\" name=\"natal-planet-readings\" ?open=${idx === 0}>\n\t\t\t\t\t<summary>${glyph} ${p.name} <small>${p.sign ?? ''} ${deg}</small></summary>\n\t\t\t\t\t<div class=\"interp-body\">\n\t\t\t\t\t\t${interp.summary ? html`<p class=\"interp-summary\">${interp.summary}</p>` : nothing}\n\t\t\t\t\t\t${interp.detailed ? html`<p class=\"interp-detail\">${interp.detailed}</p>` : nothing}\n\t\t\t\t\t\t${\n\t\t\t\t\t\t\tinterp.keywords?.length\n\t\t\t\t\t\t\t\t? html`<div class=\"interp-keywords\">${interp.keywords.map((k) => html`<span class=\"kw\">${k}</span>`)}</div>`\n\t\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</details>`;\n\t\t\t})}\n\t\t</section>`;\n\t}\n\n\tprivate renderAspects(planets: PlanetEntry[], aspects: AspectEntry[]) {\n\t\tconst planetMap = new Map<string, number>();\n\t\tfor (const p of planets) {\n\t\t\tif (typeof p.longitude !== 'number') continue;\n\t\t\tconst name = capitalize(p.name);\n\t\t\tif (name) planetMap.set(name, p.longitude);\n\t\t}\n\t\treturn aspects.map((a) => {\n\t\t\tconst l1 = planetMap.get(capitalize(a.planet1));\n\t\t\tconst l2 = planetMap.get(capitalize(a.planet2));\n\t\t\tif (l1 === undefined || l2 === undefined) return nothing;\n\t\t\tconst p1 = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 18,\n\t\t\t\tthis.toAngle(l1),\n\t\t\t);\n\t\t\tconst p2 = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 18,\n\t\t\t\tthis.toAngle(l2),\n\t\t\t);\n\t\t\tconst aspectName = normalizeAspect(a);\n\t\t\tconst aspectClass = ASPECT_CLASS[aspectName] ?? 'aspect-other';\n\t\t\tconst orbLabel = formatNumber(a.orb, 1);\n\t\t\treturn svg`<line class=${`aspect ${aspectClass}`} x1=${p1.x} y1=${p1.y} x2=${p2.x} y2=${p2.y}><title>${a.planet1} ${aspectName || ''} ${a.planet2}${orbLabel ? ` (orb ${orbLabel}\u00B0)` : ''}</title></line>`;\n\t\t});\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-natal-chart': RoxyNatalChart;\n\t}\n}\n", "/**\n * Symbol constants used across components. Single source of truth so chart\n * wheels, card headers, hexagram displays, and panchang tables stay visually\n * consistent.\n */\n\nexport const PLANET_GLYPH: Record<string, string> = {\n\tSun: '\u2609',\n\tMoon: '\u263D',\n\tMercury: '\u263F',\n\tVenus: '\u2640',\n\tEarth: '\u2641',\n\tMars: '\u2642',\n\tJupiter: '\u2643',\n\tSaturn: '\u2644',\n\tUranus: '\u2645',\n\tNeptune: '\u2646',\n\tPluto: '\u2647',\n\tRahu: '\u260A',\n\tKetu: '\u260B',\n\tAscendant: 'Asc',\n\tLagna: 'La',\n\tNorthNode: '\u260A',\n\tSouthNode: '\u260B',\n\t'North node': '\u260A',\n\t'South node': '\u260B',\n\tChiron: '\u26B7',\n\tLilith: '\u26B8',\n\t'Black moon lilith': '\u26B8',\n};\n\nexport const PLANET_ABBR: Record<string, string> = {\n\tSun: 'Su',\n\tMoon: 'Mo',\n\tMercury: 'Me',\n\tVenus: 'Ve',\n\tMars: 'Ma',\n\tJupiter: 'Ju',\n\tSaturn: 'Sa',\n\tUranus: 'Ur',\n\tNeptune: 'Ne',\n\tPluto: 'Pl',\n\tRahu: 'Ra',\n\tKetu: 'Ke',\n\tAscendant: 'Asc',\n\tLagna: 'La',\n};\n\nexport const SIGN_GLYPH: Record<string, string> = {\n\tAries: '\u2648',\n\tTaurus: '\u2649',\n\tGemini: '\u264A',\n\tCancer: '\u264B',\n\tLeo: '\u264C',\n\tVirgo: '\u264D',\n\tLibra: '\u264E',\n\tScorpio: '\u264F',\n\tSagittarius: '\u2650',\n\tCapricorn: '\u2651',\n\tAquarius: '\u2652',\n\tPisces: '\u2653',\n};\n\nexport const SIGN_ABBR: Record<string, string> = {\n\tAries: 'Ar',\n\tTaurus: 'Ta',\n\tGemini: 'Ge',\n\tCancer: 'Cn',\n\tLeo: 'Le',\n\tVirgo: 'Vi',\n\tLibra: 'Li',\n\tScorpio: 'Sc',\n\tSagittarius: 'Sg',\n\tCapricorn: 'Cp',\n\tAquarius: 'Aq',\n\tPisces: 'Pi',\n};\n\nexport const SIGNS_ORDER = [\n\t'Aries',\n\t'Taurus',\n\t'Gemini',\n\t'Cancer',\n\t'Leo',\n\t'Virgo',\n\t'Libra',\n\t'Scorpio',\n\t'Sagittarius',\n\t'Capricorn',\n\t'Aquarius',\n\t'Pisces',\n] as const;\n\n/**\n * Lowercase rashi keys in canonical zodiac order. Derived from `SIGNS_ORDER`\n * so the two stay in lockstep. The /vedic-astrology/birth-chart response\n * carries planet buckets keyed by these names.\n */\nexport const RASHI_KEYS = SIGNS_ORDER.map((s) =>\n\ts.toLowerCase(),\n) as readonly Lowercase<(typeof SIGNS_ORDER)[number]>[];\n\n/** Aspect symbols. Used by synastry and natal chart aspect tables. */\nexport const ASPECT_SYMBOL: Record<string, string> = {\n\tconjunction: '\u260C',\n\topposition: '\u260D',\n\ttrine: '\u25B3',\n\tsquare: '\u25A1',\n\tsextile: '\u2731',\n\tquincunx: '\u22BB',\n\tsemisextile: '\u22BC',\n};\n\n/** Trigrams used by I Ching hexagrams. Eight trigrams compose 64 hexagrams. */\nexport const TRIGRAM_GLYPH: Record<string, string> = {\n\theaven: '\u2630',\n\tlake: '\u2631',\n\tfire: '\u2632',\n\tthunder: '\u2633',\n\twind: '\u2634',\n\twater: '\u2635',\n\tmountain: '\u2636',\n\tearth: '\u2637',\n\tHeaven: '\u2630',\n\tLake: '\u2631',\n\tFire: '\u2632',\n\tThunder: '\u2633',\n\tWind: '\u2634',\n\tWater: '\u2635',\n\tMountain: '\u2636',\n\tEarth: '\u2637',\n};\n\n/** Moon phase emoji set. Used by moon phase card. */\nexport const MOON_PHASE_EMOJI: Record<string, string> = {\n\t'new moon': '\uD83C\uDF11',\n\t'waxing crescent': '\uD83C\uDF12',\n\t'first quarter': '\uD83C\uDF13',\n\t'waxing gibbous': '\uD83C\uDF14',\n\t'full moon': '\uD83C\uDF15',\n\t'waning gibbous': '\uD83C\uDF16',\n\t'last quarter': '\uD83C\uDF17',\n\t'waning crescent': '\uD83C\uDF18',\n};\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n\n\t/* Force the text-style variant on every Unicode glyph in the component.\n\t * macOS and iOS substitute coloured emoji glyphs for the planetary and\n\t * gender Unicode code points (Mars, Venus, Mercury, etc.) when the\n\t * system colour-emoji font wins font selection. The text-style variant\n\t * keeps glyphs monochrome so they inherit the surrounding fill colour\n\t * and match the brand palette consistently across platforms.\n\t *\n\t * font-variant-emoji is part of CSS Fonts 4 (Safari 17+, Chrome 134+,\n\t * Firefox 139+). On older browsers the rule is silently ignored.\n\t */\n\t:host {\n\t\tfont-variant-emoji: text;\n\t}\n`;\n", "/**\n * Math helpers for converting raw ecliptic longitude decimals into the\n * sign / degree / minute / second triplet used across chart components.\n */\n\nimport { SIGNS_ORDER } from '../tokens/index.js';\n\nexport interface SignPosition {\n\tsign: string;\n\tsignIndex: number;\n\tdegree: number;\n\tminute: number;\n\tsecond: number;\n}\n\n/**\n * Wrap longitude into [0, 360) so negative or out-of-range values still\n * resolve to a real sign. Robust to wonky upstream data.\n */\nexport function normalizeLongitude(lon: number): number {\n\tconst wrapped = lon % 360;\n\treturn wrapped < 0 ? wrapped + 360 : wrapped;\n}\n\n/**\n * Convert decimal ecliptic longitude (0-360) into sign/degree/minute/second.\n * Used by every chart wheel and aspect table.\n */\nexport function longitudeToSignPosition(longitude: number): SignPosition {\n\tconst lon = normalizeLongitude(longitude);\n\tconst signIndex = Math.floor(lon / 30) % 12;\n\tconst within = lon % 30;\n\tconst degree = Math.floor(within);\n\tconst minuteFloat = (within - degree) * 60;\n\tconst minute = Math.floor(minuteFloat);\n\tconst second = Math.round((minuteFloat - minute) * 60);\n\treturn {\n\t\tsign: SIGNS_ORDER[signIndex] ?? 'Aries',\n\t\tsignIndex,\n\t\tdegree,\n\t\tminute,\n\t\tsecond,\n\t};\n}\n\n/** Compact display string like \"12\u00B0 Leo 34'\". Used in chart labels. */\nexport function formatSignPosition(longitude: number): string {\n\tconst { sign, degree, minute } = longitudeToSignPosition(longitude);\n\treturn `${degree}\u00B0 ${sign} ${String(minute).padStart(2, '0')}'`;\n}\n\n/**\n * The point diametrically opposite a longitude (e.g. Descendant from\n * Ascendant, IC from MC). Exact derivation, always 180 degrees away.\n */\nexport function oppositePoint(longitude: number): number {\n\treturn normalizeLongitude(longitude + 180);\n}\n\n/**\n * Midpoint of the forward arc from `start` to `end` (both ecliptic\n * longitudes). Handles the 360/0 wrap, so a house spanning 350 to 20 degrees\n * yields a midpoint of 5, not 185. Used to place house numbers between two\n * cusps regardless of how unequal the house is.\n */\nexport function arcMidpoint(start: number, end: number): number {\n\tconst s = normalizeLongitude(start);\n\tlet span = normalizeLongitude(end) - s;\n\tif (span < 0) span += 360;\n\treturn normalizeLongitude(s + span / 2);\n}\n\n/** Polar to cartesian for SVG wheel positioning. Angle in degrees, 0 at 3 o'clock. */\nexport function polarToCartesian(\n\tcx: number,\n\tcy: number,\n\tradius: number,\n\tangleDeg: number,\n): { x: number; y: number } {\n\tconst angleRad = (angleDeg * Math.PI) / 180;\n\treturn {\n\t\tx: cx + radius * Math.cos(angleRad),\n\t\ty: cy + radius * Math.sin(angleRad),\n\t};\n}\n", "/**\n * Display formatters for ISO timestamps and floats coming back from the API.\n * Every helper returns \"\" for nullish or unparseable input so it falls out of\n * template literals cleanly.\n */\n\nexport function formatTime(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tif (/^\\d{4}-\\d{2}-\\d{2}$/.test(input)) return '';\n\tconst bareTime = /^\\d{2}:\\d{2}(:\\d{2})?$/.test(input);\n\tconst iso = bareTime ? `1970-01-01T${input}` : input;\n\tconst d = new Date(iso);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleTimeString(undefined, {\n\t\thour: 'numeric',\n\t\tminute: '2-digit',\n\t\thour12: true,\n\t});\n}\n\nexport function formatDate(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tconst d = new Date(\n\t\t/^\\d{4}-\\d{2}-\\d{2}$/.test(input) ? `${input}T00:00:00` : input,\n\t);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleDateString(undefined, {\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\tyear: 'numeric',\n\t});\n}\n\nexport function formatTimeRange(\n\tt: { start?: string; end?: string } | undefined,\n): string {\n\tif (!t) return '';\n\tconst start = formatTime(t.start);\n\tconst end = formatTime(t.end);\n\tif (start && end) return `${start} - ${end}`;\n\treturn start || end || '';\n}\n\nexport function formatNumber(value: unknown, dp = 1): string {\n\tif (typeof value !== 'number' || !Number.isFinite(value)) return '';\n\treturn value.toFixed(dp).replace(/\\.?0+$/, '');\n}\n\nexport function formatPercent(value: unknown, dp = 1): string {\n\tconst n = formatNumber(value, dp);\n\treturn n ? `${n}%` : '';\n}\n\n/**\n * CSS class name per aspect type. Used by natal and synastry chart aspect\n * lines so the same color encoding (harmonious vs challenging) applies in\n * both wheels. Keys are lowercase canonical names, values are CSS class\n * suffixes the chart components define in their `:host` styles.\n */\nexport const ASPECT_CLASS: Record<string, string> = {\n\tconjunction: 'aspect-conjunction',\n\tsextile: 'aspect-sextile',\n\tsquare: 'aspect-square',\n\ttrine: 'aspect-trine',\n\topposition: 'aspect-opposition',\n};\n\n/**\n * Normalize the `type` field on an aspect entry to a lowercase, hyphen-separated\n * canonical name (`SEMI_SEXTILE` \u2192 `semi-sextile`). Accepts any aspect-shaped\n * object so both natal and synastry inter-aspect entries can share this.\n */\nexport function normalizeAspect(a: { type?: string }): string {\n\treturn (a.type ?? '').toLowerCase().replace(/_/g, '-');\n}\n", "/**\n * Shared string helpers used across components. Single source of truth so the\n * same formatting rules apply to every key/label/title that surfaces in the\n * shadow tree.\n *\n *  - `capitalize`: title-cases the first character, lowercases the rest. Used\n *    when matching API-supplied planet/sign names against the glyph maps in\n *    `tokens/index.ts`, which use canonical TitleCase keys.\n *  - `humanize`: turns an API key (`birth_date`, `birthDate`, `mahadasha-end`)\n *    into a label suitable for display (\"Birth date\", \"Mahadasha end\").\n */\n\nexport function capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n"],
+  "mappings": "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",
   "names": ["css", "css"]
 }

package/dist/components/numerology-card.js

@@ -97,6 +97,20 @@ var baseStyles = css`
 		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
 		outline-offset: 2px;
 	}
+
+	/* Force the text-style variant on every Unicode glyph in the component.
+	 * macOS and iOS substitute coloured emoji glyphs for the planetary and
+	 * gender Unicode code points (Mars, Venus, Mercury, etc.) when the
+	 * system colour-emoji font wins font selection. The text-style variant
+	 * keeps glyphs monochrome so they inherit the surrounding fill colour
+	 * and match the brand palette consistently across platforms.
+	 *
+	 * font-variant-emoji is part of CSS Fonts 4 (Safari 17+, Chrome 134+,
+	 * Firefox 139+). On older browsers the rule is silently ignored.
+	 */
+	:host {
+		font-variant-emoji: text;
+	}
 `;
 
 // packages/ui/src/utils/string.ts

package/dist/components/numerology-card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/numerology-card.ts", "../../src/utils/base-styles.ts", "../../src/utils/string.ts"],
-  "sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type {\n\tCalculateExpressionResponse,\n\tCalculateLifePathResponse,\n\tCalculatePersonalYearResponse,\n\tGenerateNumerologyChartResponse,\n} from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { humanize } from '../utils/string.js';\n\ntype NumerologyData =\n\t| CalculateLifePathResponse\n\t| CalculateExpressionResponse\n\t| CalculatePersonalYearResponse\n\t| GenerateNumerologyChartResponse;\n\n/**\n * Numerology card. Renders /numerology/{life-path,expression,personal-year,chart}.\n * Use the `type` attribute to switch the layout.\n */\n@customElement('roxy-numerology-card')\nexport class RoxyNumerologyCard extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.card {\n\t\t\t\tbackground: var(--roxy-bg, #fff);\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\t\t\tbox-shadow: var(--roxy-shadow-sm);\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.hero {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.numeral {\n\t\t\t\tfont-size: 4rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t}\n\t\t\t.label {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.meaning {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.calc {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-family: var(--roxy-font-mono);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 30%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-radius: var(--roxy-radius-sm, 4px);\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t\toverflow-wrap: anywhere;\n\t\t\t}\n\n\t\t\t.chips {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\t\t\t.chips span {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);\n\t\t\t\tpadding: 2px 8px;\n\t\t\t\tborder-radius: var(--roxy-radius-full, 9999px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t}\n\n\t\t\t.cores {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));\n\t\t\t\tgap: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-top: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.cores .item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: baseline;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.cores .item span:first-child {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t\t.cores .item strong {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\n\t\t\t.karmic {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-warning, #ea580c) 12%, transparent);\n\t\t\t\tborder: 1px solid color-mix(in srgb, var(--roxy-warning, #ea580c) 32%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NumerologyData | null = null;\n\n\t@property({ type: String, reflect: true })\n\ttype: 'life-path' | 'expression' | 'personal-year' | 'chart' = 'life-path';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No numerology data</div>`;\n\n\t\tconst headerLabel = LABELS[this.type] ?? this.type;\n\n\t\tif ('coreNumbers' in d) return this.renderChart(d, headerLabel);\n\t\tif ('personalYear' in d) return this.renderPersonalYear(d, headerLabel);\n\t\treturn this.renderNumberCard(\n\t\t\td as CalculateLifePathResponse | CalculateExpressionResponse,\n\t\t\theaderLabel,\n\t\t);\n\t}\n\n\tprivate renderNumberCard(\n\t\td: CalculateLifePathResponse | CalculateExpressionResponse,\n\t\theaderLabel: string,\n\t) {\n\t\tconst keywords = d.meaning?.keywords ?? [];\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.number === 'number' ? html`<div class=\"numeral\">${d.number}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.meaning?.title ? html`<h2 class=\"title\">${d.meaning.title}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.meaning?.description ? html`<p class=\"meaning\">${d.meaning.description}</p>` : nothing}\n\t\t\t${d.calculation ? html`<pre class=\"calc\">${d.calculation}</pre>` : nothing}\n\t\t\t${\n\t\t\t\tkeywords.length > 0\n\t\t\t\t\t? html`<div class=\"chips\">\n\t\t\t\t\t\t${keywords.map((k) => html`<span>${k}</span>`)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\td.hasKarmicDebt && d.karmicDebtNumber\n\t\t\t\t\t? html`<div class=\"karmic\">\n\t\t\t\t\t\tKarmic debt ${d.karmicDebtNumber}.\n\t\t\t\t\t\t${karmicDebtText(d.karmicDebtMeaning)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n\n\tprivate renderPersonalYear(\n\t\td: CalculatePersonalYearResponse,\n\t\theaderLabel: string,\n\t) {\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.personalYear === 'number' ? html`<div class=\"numeral\">${d.personalYear}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.theme ? html`<h2 class=\"title\">${d.theme}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.forecast ? html`<p class=\"meaning\">${d.forecast}</p>` : nothing}\n\t\t\t${d.advice ? html`<p>${d.advice}</p>` : nothing}\n\t\t</article>`;\n\t}\n\n\tprivate renderChart(d: GenerateNumerologyChartResponse, headerLabel: string) {\n\t\tconst cores = Object.entries(d.coreNumbers).filter(\n\t\t\t([, v]) => v !== null && v !== undefined,\n\t\t);\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div>\n\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t${d.profile?.name ? html`<h2 class=\"title\">${d.profile.name}</h2>` : nothing}\n\t\t\t</div>\n\t\t\t${\n\t\t\t\tcores.length > 0\n\t\t\t\t\t? html`<div class=\"cores\">\n\t\t\t\t\t\t${cores.map(\n\t\t\t\t\t\t\t([k, v]) => html`<div class=\"item\">\n\t\t\t\t\t\t\t\t<span>${humanize(k)}</span>\n\t\t\t\t\t\t\t\t<strong>${v.number ?? ''}</strong>\n\t\t\t\t\t\t\t</div>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n}\n\nconst LABELS: Record<string, string> = {\n\t'life-path': 'Life Path',\n\texpression: 'Expression',\n\t'personal-year': 'Personal Year',\n\tchart: 'Numerology chart',\n};\n\ntype KarmicDebtMeaning = CalculateLifePathResponse['karmicDebtMeaning'];\n\nfunction karmicDebtText(value: KarmicDebtMeaning | undefined): string {\n\tif (!value) return '';\n\treturn [value.description, value.challenge, value.resolution]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-numerology-card': RoxyNumerologyCard;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n`;\n", "/**\n * Shared string helpers used across components. Single source of truth so the\n * same formatting rules apply to every key/label/title that surfaces in the\n * shadow tree.\n *\n *  - `capitalize`: title-cases the first character, lowercases the rest. Used\n *    when matching API-supplied planet/sign names against the glyph maps in\n *    `tokens/index.ts`, which use canonical TitleCase keys.\n *  - `humanize`: turns an API key (`birth_date`, `birthDate`, `mahadasha-end`)\n *    into a label suitable for display (\"Birth date\", \"Mahadasha end\").\n */\n\nexport function capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type {\n\tCalculateExpressionResponse,\n\tCalculateLifePathResponse,\n\tCalculatePersonalYearResponse,\n\tGenerateNumerologyChartResponse,\n} from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { humanize } from '../utils/string.js';\n\ntype NumerologyData =\n\t| CalculateLifePathResponse\n\t| CalculateExpressionResponse\n\t| CalculatePersonalYearResponse\n\t| GenerateNumerologyChartResponse;\n\n/**\n * Numerology card. Renders /numerology/{life-path,expression,personal-year,chart}.\n * Use the `type` attribute to switch the layout.\n */\n@customElement('roxy-numerology-card')\nexport class RoxyNumerologyCard extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.card {\n\t\t\t\tbackground: var(--roxy-bg, #fff);\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\t\t\tbox-shadow: var(--roxy-shadow-sm);\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.hero {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.numeral {\n\t\t\t\tfont-size: 4rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t}\n\t\t\t.label {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.meaning {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.calc {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-family: var(--roxy-font-mono);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 30%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-radius: var(--roxy-radius-sm, 4px);\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t\toverflow-wrap: anywhere;\n\t\t\t}\n\n\t\t\t.chips {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\t\t\t.chips span {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);\n\t\t\t\tpadding: 2px 8px;\n\t\t\t\tborder-radius: var(--roxy-radius-full, 9999px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t}\n\n\t\t\t.cores {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));\n\t\t\t\tgap: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-top: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.cores .item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: baseline;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.cores .item span:first-child {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t\t.cores .item strong {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\n\t\t\t.karmic {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-warning, #ea580c) 12%, transparent);\n\t\t\t\tborder: 1px solid color-mix(in srgb, var(--roxy-warning, #ea580c) 32%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NumerologyData | null = null;\n\n\t@property({ type: String, reflect: true })\n\ttype: 'life-path' | 'expression' | 'personal-year' | 'chart' = 'life-path';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No numerology data</div>`;\n\n\t\tconst headerLabel = LABELS[this.type] ?? this.type;\n\n\t\tif ('coreNumbers' in d) return this.renderChart(d, headerLabel);\n\t\tif ('personalYear' in d) return this.renderPersonalYear(d, headerLabel);\n\t\treturn this.renderNumberCard(\n\t\t\td as CalculateLifePathResponse | CalculateExpressionResponse,\n\t\t\theaderLabel,\n\t\t);\n\t}\n\n\tprivate renderNumberCard(\n\t\td: CalculateLifePathResponse | CalculateExpressionResponse,\n\t\theaderLabel: string,\n\t) {\n\t\tconst keywords = d.meaning?.keywords ?? [];\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.number === 'number' ? html`<div class=\"numeral\">${d.number}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.meaning?.title ? html`<h2 class=\"title\">${d.meaning.title}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.meaning?.description ? html`<p class=\"meaning\">${d.meaning.description}</p>` : nothing}\n\t\t\t${d.calculation ? html`<pre class=\"calc\">${d.calculation}</pre>` : nothing}\n\t\t\t${\n\t\t\t\tkeywords.length > 0\n\t\t\t\t\t? html`<div class=\"chips\">\n\t\t\t\t\t\t${keywords.map((k) => html`<span>${k}</span>`)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\td.hasKarmicDebt && d.karmicDebtNumber\n\t\t\t\t\t? html`<div class=\"karmic\">\n\t\t\t\t\t\tKarmic debt ${d.karmicDebtNumber}.\n\t\t\t\t\t\t${karmicDebtText(d.karmicDebtMeaning)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n\n\tprivate renderPersonalYear(\n\t\td: CalculatePersonalYearResponse,\n\t\theaderLabel: string,\n\t) {\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.personalYear === 'number' ? html`<div class=\"numeral\">${d.personalYear}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.theme ? html`<h2 class=\"title\">${d.theme}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.forecast ? html`<p class=\"meaning\">${d.forecast}</p>` : nothing}\n\t\t\t${d.advice ? html`<p>${d.advice}</p>` : nothing}\n\t\t</article>`;\n\t}\n\n\tprivate renderChart(d: GenerateNumerologyChartResponse, headerLabel: string) {\n\t\tconst cores = Object.entries(d.coreNumbers).filter(\n\t\t\t([, v]) => v !== null && v !== undefined,\n\t\t);\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div>\n\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t${d.profile?.name ? html`<h2 class=\"title\">${d.profile.name}</h2>` : nothing}\n\t\t\t</div>\n\t\t\t${\n\t\t\t\tcores.length > 0\n\t\t\t\t\t? html`<div class=\"cores\">\n\t\t\t\t\t\t${cores.map(\n\t\t\t\t\t\t\t([k, v]) => html`<div class=\"item\">\n\t\t\t\t\t\t\t\t<span>${humanize(k)}</span>\n\t\t\t\t\t\t\t\t<strong>${v.number ?? ''}</strong>\n\t\t\t\t\t\t\t</div>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n}\n\nconst LABELS: Record<string, string> = {\n\t'life-path': 'Life Path',\n\texpression: 'Expression',\n\t'personal-year': 'Personal Year',\n\tchart: 'Numerology chart',\n};\n\ntype KarmicDebtMeaning = CalculateLifePathResponse['karmicDebtMeaning'];\n\nfunction karmicDebtText(value: KarmicDebtMeaning | undefined): string {\n\tif (!value) return '';\n\treturn [value.description, value.challenge, value.resolution]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-numerology-card': RoxyNumerologyCard;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n\n\t/* Force the text-style variant on every Unicode glyph in the component.\n\t * macOS and iOS substitute coloured emoji glyphs for the planetary and\n\t * gender Unicode code points (Mars, Venus, Mercury, etc.) when the\n\t * system colour-emoji font wins font selection. The text-style variant\n\t * keeps glyphs monochrome so they inherit the surrounding fill colour\n\t * and match the brand palette consistently across platforms.\n\t *\n\t * font-variant-emoji is part of CSS Fonts 4 (Safari 17+, Chrome 134+,\n\t * Firefox 139+). On older browsers the rule is silently ignored.\n\t */\n\t:host {\n\t\tfont-variant-emoji: text;\n\t}\n`;\n", "/**\n * Shared string helpers used across components. Single source of truth so the\n * same formatting rules apply to every key/label/title that surfaces in the\n * shadow tree.\n *\n *  - `capitalize`: title-cases the first character, lowercases the rest. Used\n *    when matching API-supplied planet/sign names against the glyph maps in\n *    `tokens/index.ts`, which use canonical TitleCase keys.\n *  - `humanize`: turns an API key (`birth_date`, `birthDate`, `mahadasha-end`)\n *    into a label suitable for display (\"Birth date\", \"Mahadasha end\").\n */\n\nexport function capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n"],
+  "mappings": "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",
   "names": ["css", "css"]
 }

package/dist/components/panchang-table.d.ts

@@ -7,6 +7,7 @@ export declare class RoxyPanchangTable extends LitElement {
     data: PanchangData | null;
     detail: 'basic' | 'detailed';
     render(): import("lit").TemplateResult<1>;
+    private renderTransitionRow;
     private formatPart;
 }
 declare global {

package/dist/components/panchang-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panchang-table.d.ts","sourceRoot":"","sources":["../../src/components/panchang-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EACX,wBAAwB,EACxB,2BAA2B,EAC3B,MAAM,mBAAmB,CAAC;AAI3B,KAAK,YAAY,GAAG,wBAAwB,GAAG,2BAA2B,CAAC;AAG3E,qEAAqE;AACrE,qBACa,iBAAkB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BA6DX;IAGF,IAAI,EAAE,YAAY,GAAG,IAAI,CAAQ;IAGjC,MAAM,EAAE,OAAO,GAAG,UAAU,CAAc;IAE1C,MAAM;IAqHN,OAAO,CAAC,UAAU;CAmBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
+{"version":3,"file":"panchang-table.d.ts","sourceRoot":"","sources":["../../src/components/panchang-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EACX,wBAAwB,EACxB,2BAA2B,EAC3B,MAAM,mBAAmB,CAAC;AAI3B,KAAK,YAAY,GAAG,wBAAwB,GAAG,2BAA2B,CAAC;AAG3E,qEAAqE;AACrE,qBACa,iBAAkB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,4BA6DX;IAGF,IAAI,EAAE,YAAY,GAAG,IAAI,CAAQ;IAGjC,MAAM,EAAE,OAAO,GAAG,UAAU,CAAc;IAE1C,MAAM;IAuIN,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,UAAU;CAqBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}

package/dist/components/panchang-table.js

@@ -97,6 +97,20 @@ var baseStyles = css`
 		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
 		outline-offset: 2px;
 	}
+
+	/* Force the text-style variant on every Unicode glyph in the component.
+	 * macOS and iOS substitute coloured emoji glyphs for the planetary and
+	 * gender Unicode code points (Mars, Venus, Mercury, etc.) when the
+	 * system colour-emoji font wins font selection. The text-style variant
+	 * keeps glyphs monochrome so they inherit the surrounding fill colour
+	 * and match the brand palette consistently across platforms.
+	 *
+	 * font-variant-emoji is part of CSS Fonts 4 (Safari 17+, Chrome 134+,
+	 * Firefox 139+). On older browsers the rule is silently ignored.
+	 */
+	:host {
+		font-variant-emoji: text;
+	}
 `;
 
 // packages/ui/src/utils/format.ts
@@ -166,6 +180,7 @@ var RoxyPanchangTable = class extends LitElement {
       ["Yamaganda", detailed.yamaganda],
       ["Gulika", detailed.gulika]
     ] : [];
+    const transitions = detailed && "transitions" in detailed ? detailed.transitions : void 0;
     return html`<div class="wrap" aria-label="Panchang">
 			<header class="head">
 				<h2 class="title">Panchang</h2>
@@ -197,6 +212,17 @@ var RoxyPanchangTable = class extends LitElement {
 							</tr>` : nothing}
 				</tbody>
 			</table>
+			${transitions ? html`
+						<div class="section">Next transitions</div>
+						<table>
+							<tbody>
+								${this.renderTransitionRow("Tithi", transitions.tithi)}
+								${this.renderTransitionRow("Nakshatra", transitions.nakshatra)}
+								${this.renderTransitionRow("Yoga", transitions.yoga)}
+								${this.renderTransitionRow("Karana", transitions.karana)}
+							</tbody>
+						</table>
+					` : nothing}
 			${this.detail === "detailed" && (muhurtas.some((m) => !!m[1]) || inauspicious.some((m) => !!m[1])) ? html`
 						<div class="section">Auspicious muhurtas</div>
 						<table>
@@ -223,6 +249,15 @@ var RoxyPanchangTable = class extends LitElement {
 					` : nothing}
 		</div>`;
   }
+  renderTransitionRow(label, t) {
+    if (!t?.endsAt) return nothing;
+    const when = formatTime(t.endsAt);
+    const next = t.next ? ` \u2192 ${t.next}` : "";
+    return html`<tr>
+			<th>${label}</th>
+			<td>ends ${when}${next}</td>
+		</tr>`;
+  }
   formatPart(v) {
     if (!v) return "";
     if (typeof v === "string") return v;
@@ -230,7 +265,8 @@ var RoxyPanchangTable = class extends LitElement {
       const obj = v;
       const parts = [
         obj.name,
-        obj.lord ? `(${obj.lord})` : "",
+        obj.paksha ? `(${obj.paksha} paksha)` : "",
+        obj.lord ? `\xB7 ${obj.lord}` : "",
         obj.phase
       ].filter(Boolean);
       return parts.join(" ");

package/dist/components/panchang-table.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/panchang-table.ts", "../../src/utils/base-styles.ts", "../../src/utils/format.ts"],
-  "sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type {\n\tGetBasicPanchangResponse,\n\tGetDetailedPanchangResponse,\n} from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { formatDate, formatTime, formatTimeRange } from '../utils/format.js';\n\ntype PanchangData = GetBasicPanchangResponse | GetDetailedPanchangResponse;\ntype PanchangTime = GetDetailedPanchangResponse['rahuKaal'];\n\n/** Panchang table for /vedic-astrology/panchang/{basic,detailed}. */\n@customElement('roxy-panchang-table')\nexport class RoxyPanchangTable extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.wrap {\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tbackground: var(--roxy-bg, #fff);\n\t\t\t\toverflow: hidden;\n\t\t\t\tbox-shadow: var(--roxy-shadow-sm);\n\t\t\t}\n\t\t\t.head {\n\t\t\t\tpadding: var(--roxy-space-md, 1rem);\n\t\t\t\tborder-bottom: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-sm, 0.5rem);\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.date {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\ttable {\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-collapse: collapse;\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\ttbody tr:nth-child(odd) {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 24%, transparent);\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\ttext-align: left;\n\t\t\t\tvertical-align: top;\n\t\t\t}\n\t\t\tth {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\twidth: 38%;\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t\ttd {\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t}\n\t\t\t.section {\n\t\t\t\tborder-top: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: PanchangData | null = null;\n\n\t@property({ type: String, reflect: true })\n\tdetail: 'basic' | 'detailed' = 'detailed';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No panchang data</div>`;\n\t\tconst detailed = 'sunrise' in d ? d : null;\n\n\t\tconst fivefold: Array<[string, string]> = [\n\t\t\t['Tithi', this.formatPart(d.tithi)],\n\t\t\t['Nakshatra', this.formatPart(d.nakshatra)],\n\t\t\t['Yoga', this.formatPart(d.yoga)],\n\t\t\t['Karana', this.formatPart(d.karana)],\n\t\t];\n\t\tif (detailed) fivefold.push(['Vara', this.formatPart(detailed.vara)]);\n\n\t\tconst muhurtas: Array<[string, PanchangTime | undefined]> = detailed\n\t\t\t? [\n\t\t\t\t\t['Brahma Muhurta', detailed.brahmaMuhurta],\n\t\t\t\t\t['Abhijit Muhurta', detailed.abhijitMuhurta],\n\t\t\t\t\t['Vijaya Muhurta', detailed.vijayaMuhurta],\n\t\t\t\t\t['Godhuli Muhurta', detailed.godhuliMuhurta],\n\t\t\t\t\t['Nishita Muhurta', detailed.nishitaMuhurta],\n\t\t\t\t\t['Pratah Sandhya', detailed.pratahSandhya],\n\t\t\t\t\t['Sayahna Sandhya', detailed.sayahnaSandhya],\n\t\t\t\t]\n\t\t\t: [];\n\n\t\tconst inauspicious: Array<[string, PanchangTime | undefined]> = detailed\n\t\t\t? [\n\t\t\t\t\t['Rahu Kaal', detailed.rahuKaal],\n\t\t\t\t\t['Yamaganda', detailed.yamaganda],\n\t\t\t\t\t['Gulika', detailed.gulika],\n\t\t\t\t]\n\t\t\t: [];\n\n\t\treturn html`<div class=\"wrap\" aria-label=\"Panchang\">\n\t\t\t<header class=\"head\">\n\t\t\t\t<h2 class=\"title\">Panchang</h2>\n\t\t\t\t<span class=\"date\">${detailed ? formatDate(detailed.date) : ''}</span>\n\t\t\t</header>\n\t\t\t<table>\n\t\t\t\t<tbody>\n\t\t\t\t\t${fivefold.map(\n\t\t\t\t\t\t([k, v]) => html`<tr>\n\t\t\t\t\t\t\t<th>${k}</th>\n\t\t\t\t\t\t\t<td>${v}</td>\n\t\t\t\t\t\t</tr>`,\n\t\t\t\t\t)}\n\t\t\t\t\t${\n\t\t\t\t\t\tdetailed?.sunrise\n\t\t\t\t\t\t\t? html`<tr>\n\t\t\t\t\t\t\t\t<th>Sunrise</th>\n\t\t\t\t\t\t\t\t<td>${formatTime(detailed.sunrise)}</td>\n\t\t\t\t\t\t\t</tr>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tdetailed?.sunset\n\t\t\t\t\t\t\t? html`<tr>\n\t\t\t\t\t\t\t\t<th>Sunset</th>\n\t\t\t\t\t\t\t\t<td>${formatTime(detailed.sunset)}</td>\n\t\t\t\t\t\t\t</tr>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tdetailed?.moonrise\n\t\t\t\t\t\t\t? html`<tr>\n\t\t\t\t\t\t\t\t<th>Moonrise</th>\n\t\t\t\t\t\t\t\t<td>${formatTime(detailed.moonrise)}</td>\n\t\t\t\t\t\t\t</tr>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tdetailed?.moonset\n\t\t\t\t\t\t\t? html`<tr>\n\t\t\t\t\t\t\t\t<th>Moonset</th>\n\t\t\t\t\t\t\t\t<td>${formatTime(detailed.moonset)}</td>\n\t\t\t\t\t\t\t</tr>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t\t${\n\t\t\t\tthis.detail === 'detailed' &&\n\t\t\t\t(muhurtas.some((m) => !!m[1]) || inauspicious.some((m) => !!m[1]))\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<div class=\"section\">Auspicious muhurtas</div>\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t${muhurtas\n\t\t\t\t\t\t\t\t\t.filter(([, v]) => !!v)\n\t\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t\t([k, v]) => html`<tr>\n\t\t\t\t\t\t\t\t\t\t\t<th>${k}</th>\n\t\t\t\t\t\t\t\t\t\t\t<td>${formatTimeRange(v)}</td>\n\t\t\t\t\t\t\t\t\t\t</tr>`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t\t<div class=\"section\">Inauspicious periods</div>\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t${inauspicious\n\t\t\t\t\t\t\t\t\t.filter(([, v]) => !!v)\n\t\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t\t([k, v]) => html`<tr>\n\t\t\t\t\t\t\t\t\t\t\t<th>${k}</th>\n\t\t\t\t\t\t\t\t\t\t\t<td>${formatTimeRange(v)}</td>\n\t\t\t\t\t\t\t\t\t\t</tr>`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</div>`;\n\t}\n\n\tprivate formatPart(v: unknown): string {\n\t\tif (!v) return '';\n\t\tif (typeof v === 'string') return v;\n\t\tif (typeof v === 'object') {\n\t\t\tconst obj = v as {\n\t\t\t\tname?: string;\n\t\t\t\tlord?: string;\n\t\t\t\tphase?: string;\n\t\t\t\tend?: string;\n\t\t\t};\n\t\t\tconst parts = [\n\t\t\t\tobj.name,\n\t\t\t\tobj.lord ? `(${obj.lord})` : '',\n\t\t\t\tobj.phase,\n\t\t\t].filter(Boolean);\n\t\t\treturn parts.join(' ');\n\t\t}\n\t\treturn String(v);\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-panchang-table': RoxyPanchangTable;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n`;\n", "/**\n * Display formatters for ISO timestamps and floats coming back from the API.\n * Every helper returns \"\" for nullish or unparseable input so it falls out of\n * template literals cleanly.\n */\n\nexport function formatTime(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tif (/^\\d{4}-\\d{2}-\\d{2}$/.test(input)) return '';\n\tconst bareTime = /^\\d{2}:\\d{2}(:\\d{2})?$/.test(input);\n\tconst iso = bareTime ? `1970-01-01T${input}` : input;\n\tconst d = new Date(iso);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleTimeString(undefined, {\n\t\thour: 'numeric',\n\t\tminute: '2-digit',\n\t\thour12: true,\n\t});\n}\n\nexport function formatDate(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tconst d = new Date(\n\t\t/^\\d{4}-\\d{2}-\\d{2}$/.test(input) ? `${input}T00:00:00` : input,\n\t);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleDateString(undefined, {\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\tyear: 'numeric',\n\t});\n}\n\nexport function formatTimeRange(\n\tt: { start?: string; end?: string } | undefined,\n): string {\n\tif (!t) return '';\n\tconst start = formatTime(t.start);\n\tconst end = formatTime(t.end);\n\tif (start && end) return `${start} - ${end}`;\n\treturn start || end || '';\n}\n\nexport function formatNumber(value: unknown, dp = 1): string {\n\tif (typeof value !== 'number' || !Number.isFinite(value)) return '';\n\treturn value.toFixed(dp).replace(/\\.?0+$/, '');\n}\n\nexport function formatPercent(value: unknown, dp = 1): string {\n\tconst n = formatNumber(value, dp);\n\treturn n ? `${n}%` : '';\n}\n\n/**\n * CSS class name per aspect type. Used by natal and synastry chart aspect\n * lines so the same color encoding (harmonious vs challenging) applies in\n * both wheels. Keys are lowercase canonical names, values are CSS class\n * suffixes the chart components define in their `:host` styles.\n */\nexport const ASPECT_CLASS: Record<string, string> = {\n\tconjunction: 'aspect-conjunction',\n\tsextile: 'aspect-sextile',\n\tsquare: 'aspect-square',\n\ttrine: 'aspect-trine',\n\topposition: 'aspect-opposition',\n};\n\n/**\n * Normalize the `type` field on an aspect entry to a lowercase, hyphen-separated\n * canonical name (`SEMI_SEXTILE` \u2192 `semi-sextile`). Accepts any aspect-shaped\n * object so both natal and synastry inter-aspect entries can share this.\n */\nexport function normalizeAspect(a: { type?: string }): string {\n\treturn (a.type ?? '').toLowerCase().replace(/_/g, '-');\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type {\n\tGetBasicPanchangResponse,\n\tGetDetailedPanchangResponse,\n} from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { formatDate, formatTime, formatTimeRange } from '../utils/format.js';\n\ntype PanchangData = GetBasicPanchangResponse | GetDetailedPanchangResponse;\ntype PanchangTime = GetDetailedPanchangResponse['rahuKaal'];\n\n/** Panchang table for /vedic-astrology/panchang/{basic,detailed}. */\n@customElement('roxy-panchang-table')\nexport class RoxyPanchangTable extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.wrap {\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tbackground: var(--roxy-bg, #fff);\n\t\t\t\toverflow: hidden;\n\t\t\t\tbox-shadow: var(--roxy-shadow-sm);\n\t\t\t}\n\t\t\t.head {\n\t\t\t\tpadding: var(--roxy-space-md, 1rem);\n\t\t\t\tborder-bottom: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-sm, 0.5rem);\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.date {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\ttable {\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-collapse: collapse;\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\ttbody tr:nth-child(odd) {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 24%, transparent);\n\t\t\t}\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\ttext-align: left;\n\t\t\t\tvertical-align: top;\n\t\t\t}\n\t\t\tth {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\twidth: 38%;\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t\ttd {\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t}\n\t\t\t.section {\n\t\t\t\tborder-top: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: PanchangData | null = null;\n\n\t@property({ type: String, reflect: true })\n\tdetail: 'basic' | 'detailed' = 'detailed';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No panchang data</div>`;\n\t\tconst detailed = 'sunrise' in d ? d : null;\n\n\t\tconst fivefold: Array<[string, string]> = [\n\t\t\t['Tithi', this.formatPart(d.tithi)],\n\t\t\t['Nakshatra', this.formatPart(d.nakshatra)],\n\t\t\t['Yoga', this.formatPart(d.yoga)],\n\t\t\t['Karana', this.formatPart(d.karana)],\n\t\t];\n\t\tif (detailed) fivefold.push(['Vara', this.formatPart(detailed.vara)]);\n\n\t\tconst muhurtas: Array<[string, PanchangTime | undefined]> = detailed\n\t\t\t? [\n\t\t\t\t\t['Brahma Muhurta', detailed.brahmaMuhurta],\n\t\t\t\t\t['Abhijit Muhurta', detailed.abhijitMuhurta],\n\t\t\t\t\t['Vijaya Muhurta', detailed.vijayaMuhurta],\n\t\t\t\t\t['Godhuli Muhurta', detailed.godhuliMuhurta],\n\t\t\t\t\t['Nishita Muhurta', detailed.nishitaMuhurta],\n\t\t\t\t\t['Pratah Sandhya', detailed.pratahSandhya],\n\t\t\t\t\t['Sayahna Sandhya', detailed.sayahnaSandhya],\n\t\t\t\t]\n\t\t\t: [];\n\n\t\tconst inauspicious: Array<[string, PanchangTime | undefined]> = detailed\n\t\t\t? [\n\t\t\t\t\t['Rahu Kaal', detailed.rahuKaal],\n\t\t\t\t\t['Yamaganda', detailed.yamaganda],\n\t\t\t\t\t['Gulika', detailed.gulika],\n\t\t\t\t]\n\t\t\t: [];\n\n\t\tconst transitions =\n\t\t\tdetailed && 'transitions' in detailed ? detailed.transitions : undefined;\n\n\t\treturn html`<div class=\"wrap\" aria-label=\"Panchang\">\n\t\t\t<header class=\"head\">\n\t\t\t\t<h2 class=\"title\">Panchang</h2>\n\t\t\t\t<span class=\"date\">${detailed ? formatDate(detailed.date) : ''}</span>\n\t\t\t</header>\n\t\t\t<table>\n\t\t\t\t<tbody>\n\t\t\t\t\t${fivefold.map(\n\t\t\t\t\t\t([k, v]) => html`<tr>\n\t\t\t\t\t\t\t<th>${k}</th>\n\t\t\t\t\t\t\t<td>${v}</td>\n\t\t\t\t\t\t</tr>`,\n\t\t\t\t\t)}\n\t\t\t\t\t${\n\t\t\t\t\t\tdetailed?.sunrise\n\t\t\t\t\t\t\t? html`<tr>\n\t\t\t\t\t\t\t\t<th>Sunrise</th>\n\t\t\t\t\t\t\t\t<td>${formatTime(detailed.sunrise)}</td>\n\t\t\t\t\t\t\t</tr>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tdetailed?.sunset\n\t\t\t\t\t\t\t? html`<tr>\n\t\t\t\t\t\t\t\t<th>Sunset</th>\n\t\t\t\t\t\t\t\t<td>${formatTime(detailed.sunset)}</td>\n\t\t\t\t\t\t\t</tr>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tdetailed?.moonrise\n\t\t\t\t\t\t\t? html`<tr>\n\t\t\t\t\t\t\t\t<th>Moonrise</th>\n\t\t\t\t\t\t\t\t<td>${formatTime(detailed.moonrise)}</td>\n\t\t\t\t\t\t\t</tr>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tdetailed?.moonset\n\t\t\t\t\t\t\t? html`<tr>\n\t\t\t\t\t\t\t\t<th>Moonset</th>\n\t\t\t\t\t\t\t\t<td>${formatTime(detailed.moonset)}</td>\n\t\t\t\t\t\t\t</tr>`\n\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t\t${\n\t\t\t\ttransitions\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<div class=\"section\">Next transitions</div>\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t${this.renderTransitionRow('Tithi', transitions.tithi)}\n\t\t\t\t\t\t\t\t${this.renderTransitionRow('Nakshatra', transitions.nakshatra)}\n\t\t\t\t\t\t\t\t${this.renderTransitionRow('Yoga', transitions.yoga)}\n\t\t\t\t\t\t\t\t${this.renderTransitionRow('Karana', transitions.karana)}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\tthis.detail === 'detailed' &&\n\t\t\t\t(muhurtas.some((m) => !!m[1]) || inauspicious.some((m) => !!m[1]))\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<div class=\"section\">Auspicious muhurtas</div>\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t${muhurtas\n\t\t\t\t\t\t\t\t\t.filter(([, v]) => !!v)\n\t\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t\t([k, v]) => html`<tr>\n\t\t\t\t\t\t\t\t\t\t\t<th>${k}</th>\n\t\t\t\t\t\t\t\t\t\t\t<td>${formatTimeRange(v)}</td>\n\t\t\t\t\t\t\t\t\t\t</tr>`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t\t<div class=\"section\">Inauspicious periods</div>\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t${inauspicious\n\t\t\t\t\t\t\t\t\t.filter(([, v]) => !!v)\n\t\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t\t([k, v]) => html`<tr>\n\t\t\t\t\t\t\t\t\t\t\t<th>${k}</th>\n\t\t\t\t\t\t\t\t\t\t\t<td>${formatTimeRange(v)}</td>\n\t\t\t\t\t\t\t\t\t\t</tr>`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</div>`;\n\t}\n\n\tprivate renderTransitionRow(\n\t\tlabel: string,\n\t\tt: { endsAt?: string; next?: string } | undefined,\n\t) {\n\t\tif (!t?.endsAt) return nothing;\n\t\tconst when = formatTime(t.endsAt);\n\t\tconst next = t.next ? ` \u2192 ${t.next}` : '';\n\t\treturn html`<tr>\n\t\t\t<th>${label}</th>\n\t\t\t<td>ends ${when}${next}</td>\n\t\t</tr>`;\n\t}\n\n\tprivate formatPart(v: unknown): string {\n\t\tif (!v) return '';\n\t\tif (typeof v === 'string') return v;\n\t\tif (typeof v === 'object') {\n\t\t\tconst obj = v as {\n\t\t\t\tname?: string;\n\t\t\t\tlord?: string;\n\t\t\t\tphase?: string;\n\t\t\t\tpaksha?: string;\n\t\t\t\tend?: string;\n\t\t\t};\n\t\t\tconst parts = [\n\t\t\t\tobj.name,\n\t\t\t\tobj.paksha ? `(${obj.paksha} paksha)` : '',\n\t\t\t\tobj.lord ? `\u00B7 ${obj.lord}` : '',\n\t\t\t\tobj.phase,\n\t\t\t].filter(Boolean);\n\t\t\treturn parts.join(' ');\n\t\t}\n\t\treturn String(v);\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-panchang-table': RoxyPanchangTable;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n\n\t/* Force the text-style variant on every Unicode glyph in the component.\n\t * macOS and iOS substitute coloured emoji glyphs for the planetary and\n\t * gender Unicode code points (Mars, Venus, Mercury, etc.) when the\n\t * system colour-emoji font wins font selection. The text-style variant\n\t * keeps glyphs monochrome so they inherit the surrounding fill colour\n\t * and match the brand palette consistently across platforms.\n\t *\n\t * font-variant-emoji is part of CSS Fonts 4 (Safari 17+, Chrome 134+,\n\t * Firefox 139+). On older browsers the rule is silently ignored.\n\t */\n\t:host {\n\t\tfont-variant-emoji: text;\n\t}\n`;\n", "/**\n * Display formatters for ISO timestamps and floats coming back from the API.\n * Every helper returns \"\" for nullish or unparseable input so it falls out of\n * template literals cleanly.\n */\n\nexport function formatTime(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tif (/^\\d{4}-\\d{2}-\\d{2}$/.test(input)) return '';\n\tconst bareTime = /^\\d{2}:\\d{2}(:\\d{2})?$/.test(input);\n\tconst iso = bareTime ? `1970-01-01T${input}` : input;\n\tconst d = new Date(iso);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleTimeString(undefined, {\n\t\thour: 'numeric',\n\t\tminute: '2-digit',\n\t\thour12: true,\n\t});\n}\n\nexport function formatDate(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tconst d = new Date(\n\t\t/^\\d{4}-\\d{2}-\\d{2}$/.test(input) ? `${input}T00:00:00` : input,\n\t);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleDateString(undefined, {\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\tyear: 'numeric',\n\t});\n}\n\nexport function formatTimeRange(\n\tt: { start?: string; end?: string } | undefined,\n): string {\n\tif (!t) return '';\n\tconst start = formatTime(t.start);\n\tconst end = formatTime(t.end);\n\tif (start && end) return `${start} - ${end}`;\n\treturn start || end || '';\n}\n\nexport function formatNumber(value: unknown, dp = 1): string {\n\tif (typeof value !== 'number' || !Number.isFinite(value)) return '';\n\treturn value.toFixed(dp).replace(/\\.?0+$/, '');\n}\n\nexport function formatPercent(value: unknown, dp = 1): string {\n\tconst n = formatNumber(value, dp);\n\treturn n ? `${n}%` : '';\n}\n\n/**\n * CSS class name per aspect type. Used by natal and synastry chart aspect\n * lines so the same color encoding (harmonious vs challenging) applies in\n * both wheels. Keys are lowercase canonical names, values are CSS class\n * suffixes the chart components define in their `:host` styles.\n */\nexport const ASPECT_CLASS: Record<string, string> = {\n\tconjunction: 'aspect-conjunction',\n\tsextile: 'aspect-sextile',\n\tsquare: 'aspect-square',\n\ttrine: 'aspect-trine',\n\topposition: 'aspect-opposition',\n};\n\n/**\n * Normalize the `type` field on an aspect entry to a lowercase, hyphen-separated\n * canonical name (`SEMI_SEXTILE` \u2192 `semi-sextile`). Accepts any aspect-shaped\n * object so both natal and synastry inter-aspect entries can share this.\n */\nexport function normalizeAspect(a: { type?: string }): string {\n\treturn (a.type ?? '').toLowerCase().replace(/_/g, '-');\n}\n"],
+  "mappings": "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",
   "names": ["css", "css"]
 }