@roxyapi/ui 0.3.1 → 0.4.1

package/dist/cdn/roxy-ui.js

@@ -1,6 +1,6 @@
-"use strict";var RoxyUI=(()=>{var De=Object.defineProperty;var kr=Object.getOwnPropertyDescriptor;var Qr=Object.getOwnPropertyNames;var et=Object.prototype.hasOwnProperty;var rt=(i,s)=>{for(var e in s)De(i,e,{get:s[e],enumerable:!0})},tt=(i,s,e,r)=>{if(s&&typeof s=="object"||typeof s=="function")for(let a of Qr(s))!et.call(i,a)&&a!==e&&De(i,a,{get:()=>s[a],enumerable:!(r=kr(s,a))||r.enumerable});return i};var at=i=>tt(De({},"__esModule",{value:!0}),i),p=(i,s,e,r)=>{for(var a=r>1?void 0:r?kr(s,e):s,o=i.length-1,l;o>=0;o--)(l=i[o])&&(a=(r?l(s,e,a):l(a))||a);return r&&a&&De(s,e,a),a};var Ut={};rt(Ut,{ROXY_COMPONENTS:()=>Qe,ROXY_UI_COMPONENTS:()=>Kt,ROXY_UI_VERSION:()=>Zr,RoxyAshtakavargaGrid:()=>O,RoxyBiorhythmChart:()=>H,RoxyChoghadiyaGrid:()=>ae,RoxyCompatibilityCard:()=>j,RoxyDashaTimeline:()=>I,RoxyData:()=>B,RoxyDivisionalChart:()=>q,RoxyDoshaCard:()=>K,RoxyEndpointForm:()=>z,RoxyGunaMilan:()=>oe,RoxyHexagram:()=>U,RoxyHoroscopeCard:()=>Y,RoxyKpChart:()=>F,RoxyKpPlanetsTable:()=>ie,RoxyKpRulingPlanets:()=>ne,RoxyLocationSearch:()=>R,RoxyMoonPhase:()=>V,RoxyNakshatraCard:()=>le,RoxyNatalChart:()=>M,RoxyNumerologyCard:()=>W,RoxyPanchangTable:()=>J,RoxyShadbalaTable:()=>de,RoxySynastryChart:()=>ce,RoxyTarotCard:()=>X,RoxyTarotSpread:()=>Z,RoxyTransitsTable:()=>pe,RoxyVedicKundli:()=>Q,RoxyVedicPlanetsTable:()=>me,RoxyWesternPlanetsTable:()=>he,RoxyYogaList:()=>ee});var Oe=globalThis,He=Oe.ShadowRoot&&(Oe.ShadyCSS===void 0||Oe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,er=Symbol(),Sr=new WeakMap,ke=class{constructor(s,e,r){if(this._$cssResult$=!0,r!==er)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=s,this.t=e}get styleSheet(){let s=this.o,e=this.t;if(He&&s===void 0){let r=e!==void 0&&e.length===1;r&&(s=Sr.get(e)),s===void 0&&((this.o=s=new CSSStyleSheet).replaceSync(this.cssText),r&&Sr.set(e,s))}return s}toString(){return this.cssText}},Ar=i=>new ke(typeof i=="string"?i:i+"",void 0,er),x=(i,...s)=>{let e=i.length===1?i[0]:s.reduce((r,a,o)=>r+(l=>{if(l._$cssResult$===!0)return l.cssText;if(typeof l=="number")return l;throw Error("Value passed to 'css' function must be a 'css' function result: "+l+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(a)+i[o+1],i[0]);return new ke(e,i,er)},Er=(i,s)=>{if(He)i.adoptedStyleSheets=s.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of s){let r=document.createElement("style"),a=Oe.litNonce;a!==void 0&&r.setAttribute("nonce",a),r.textContent=e.cssText,i.appendChild(r)}},rr=He?i=>i:i=>i instanceof CSSStyleSheet?(s=>{let e="";for(let r of s.cssRules)e+=r.cssText;return Ar(e)})(i):i;var{is:st,defineProperty:ot,getOwnPropertyDescriptor:it,getOwnPropertyNames:nt,getOwnPropertySymbols:lt,getPrototypeOf:dt}=Object,Ge=globalThis,Lr=Ge.trustedTypes,ct=Lr?Lr.emptyScript:"",pt=Ge.reactiveElementPolyfillSupport,Se=(i,s)=>i,Ae={toAttribute(i,s){switch(s){case Boolean:i=i?ct:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,s){let e=i;switch(s){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},je=(i,s)=>!st(i,s),Pr={attribute:!0,type:String,converter:Ae,reflect:!1,useDefault:!1,hasChanged:je};Symbol.metadata??=Symbol("metadata"),Ge.litPropertyMetadata??=new WeakMap;var D=class extends HTMLElement{static addInitializer(s){this._$Ei(),(this.l??=[]).push(s)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(s,e=Pr){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(s)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(s,e),!e.noAccessor){let r=Symbol(),a=this.getPropertyDescriptor(s,r,e);a!==void 0&&ot(this.prototype,s,a)}}static getPropertyDescriptor(s,e,r){let{get:a,set:o}=it(this.prototype,s)??{get(){return this[e]},set(l){this[e]=l}};return{get:a,set(l){let d=a?.call(this);o?.call(this,l),this.requestUpdate(s,d,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(s){return this.elementProperties.get(s)??Pr}static _$Ei(){if(this.hasOwnProperty(Se("elementProperties")))return;let s=dt(this);s.finalize(),s.l!==void 0&&(this.l=[...s.l]),this.elementProperties=new Map(s.elementProperties)}static finalize(){if(this.hasOwnProperty(Se("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Se("properties"))){let e=this.properties,r=[...nt(e),...lt(e)];for(let a of r)this.createProperty(a,e[a])}let s=this[Symbol.metadata];if(s!==null){let e=litPropertyMetadata.get(s);if(e!==void 0)for(let[r,a]of e)this.elementProperties.set(r,a)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let a=this._$Eu(e,r);a!==void 0&&this._$Eh.set(a,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){let e=[];if(Array.isArray(s)){let r=new Set(s.flat(1/0).reverse());for(let a of r)e.unshift(rr(a))}else s!==void 0&&e.push(rr(s));return e}static _$Eu(s,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof s=="string"?s.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(s=>this.enableUpdating=s),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(s=>s(this))}addController(s){(this._$EO??=new Set).add(s),this.renderRoot!==void 0&&this.isConnected&&s.hostConnected?.()}removeController(s){this._$EO?.delete(s)}_$E_(){let s=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(s.set(r,this[r]),delete this[r]);s.size>0&&(this._$Ep=s)}createRenderRoot(){let s=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Er(s,this.constructor.elementStyles),s}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(s=>s.hostConnected?.())}enableUpdating(s){}disconnectedCallback(){this._$EO?.forEach(s=>s.hostDisconnected?.())}attributeChangedCallback(s,e,r){this._$AK(s,r)}_$ET(s,e){let r=this.constructor.elementProperties.get(s),a=this.constructor._$Eu(s,r);if(a!==void 0&&r.reflect===!0){let o=(r.converter?.toAttribute!==void 0?r.converter:Ae).toAttribute(e,r.type);this._$Em=s,o==null?this.removeAttribute(a):this.setAttribute(a,o),this._$Em=null}}_$AK(s,e){let r=this.constructor,a=r._$Eh.get(s);if(a!==void 0&&this._$Em!==a){let o=r.getPropertyOptions(a),l=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:Ae;this._$Em=a;let d=l.fromAttribute(e,o.type);this[a]=d??this._$Ej?.get(a)??d,this._$Em=null}}requestUpdate(s,e,r,a=!1,o){if(s!==void 0){let l=this.constructor;if(a===!1&&(o=this[s]),r??=l.getPropertyOptions(s),!((r.hasChanged??je)(o,e)||r.useDefault&&r.reflect&&o===this._$Ej?.get(s)&&!this.hasAttribute(l._$Eu(s,r))))return;this.C(s,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(s,e,{useDefault:r,reflect:a,wrapped:o},l){r&&!(this._$Ej??=new Map).has(s)&&(this._$Ej.set(s,l??e??this[s]),o!==!0||l!==void 0)||(this._$AL.has(s)||(this.hasUpdated||r||(e=void 0),this._$AL.set(s,e)),a===!0&&this._$Em!==s&&(this._$Eq??=new Set).add(s))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let s=this.scheduleUpdate();return s!=null&&await s,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[a,o]of this._$Ep)this[a]=o;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[a,o]of r){let{wrapped:l}=o,d=this[a];l!==!0||this._$AL.has(a)||d===void 0||this.C(a,void 0,o,d)}}let s=!1,e=this._$AL;try{s=this.shouldUpdate(e),s?(this.willUpdate(e),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(e)):this._$EM()}catch(r){throw s=!1,this._$EM(),r}s&&this._$AE(e)}willUpdate(s){}_$AE(s){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(s)),this.updated(s)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(s){return!0}update(s){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(s){}firstUpdated(s){}};D.elementStyles=[],D.shadowRootOptions={mode:"open"},D[Se("elementProperties")]=new Map,D[Se("finalized")]=new Map,pt?.({ReactiveElement:D}),(Ge.reactiveElementVersions??=[]).push("2.1.2");var lr=globalThis,Cr=i=>i,Ie=lr.trustedTypes,Tr=Ie?Ie.createPolicy("lit-html",{createHTML:i=>i}):void 0,Dr="$lit$",re=`lit$${Math.random().toFixed(9).slice(2)}$`,Or="?"+re,mt=`<${Or}>`,ue=document,Le=()=>ue.createComment(""),Pe=i=>i===null||typeof i!="object"&&typeof i!="function",dr=Array.isArray,ht=i=>dr(i)||typeof i?.[Symbol.iterator]=="function",tr=`[ 	
-\f\r]`,Ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Rr=/-->/g,zr=/>/g,ge=RegExp(`>|${tr}(?:([^\\s"'>=/]+)(${tr}*=${tr}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),Nr=/'/g,_r=/"/g,Hr=/^(?:script|style|textarea|title)$/i,cr=i=>(s,...e)=>({_$litType$:i,strings:s,values:e}),t=cr(1),S=cr(2),Xt=cr(3),xe=Symbol.for("lit-noChange"),n=Symbol.for("lit-nothing"),Mr=new WeakMap,ye=ue.createTreeWalker(ue,129);function Gr(i,s){if(!dr(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Tr!==void 0?Tr.createHTML(s):s}var gt=(i,s)=>{let e=i.length-1,r=[],a,o=s===2?"<svg>":s===3?"<math>":"",l=Ee;for(let d=0;d<e;d++){let c=i[d],m,y,h=-1,b=0;for(;b<c.length&&(l.lastIndex=b,y=l.exec(c),y!==null);)b=l.lastIndex,l===Ee?y[1]==="!--"?l=Rr:y[1]!==void 0?l=zr:y[2]!==void 0?(Hr.test(y[2])&&(a=RegExp("</"+y[2],"g")),l=ge):y[3]!==void 0&&(l=ge):l===ge?y[0]===">"?(l=a??Ee,h=-1):y[1]===void 0?h=-2:(h=l.lastIndex-y[2].length,m=y[1],l=y[3]===void 0?ge:y[3]==='"'?_r:Nr):l===_r||l===Nr?l=ge:l===Rr||l===zr?l=Ee:(l=ge,a=void 0);let E=l===ge&&i[d+1].startsWith("/>")?" ":"";o+=l===Ee?c+mt:h>=0?(r.push(m),c.slice(0,h)+Dr+c.slice(h)+re+E):c+re+(h===-2?d:E)}return[Gr(i,o+(i[e]||"<?>")+(s===2?"</svg>":s===3?"</math>":"")),r]},Ce=class i{constructor({strings:s,_$litType$:e},r){let a;this.parts=[];let o=0,l=0,d=s.length-1,c=this.parts,[m,y]=gt(s,e);if(this.el=i.createElement(m,r),ye.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(a=ye.nextNode())!==null&&c.length<d;){if(a.nodeType===1){if(a.hasAttributes())for(let h of a.getAttributeNames())if(h.endsWith(Dr)){let b=y[l++],E=a.getAttribute(h).split(re),$=/([.?@])?(.*)/.exec(b);c.push({type:1,index:o,name:$[2],strings:E,ctor:$[1]==="."?sr:$[1]==="?"?or:$[1]==="@"?ir:$e}),a.removeAttribute(h)}else h.startsWith(re)&&(c.push({type:6,index:o}),a.removeAttribute(h));if(Hr.test(a.tagName)){let h=a.textContent.split(re),b=h.length-1;if(b>0){a.textContent=Ie?Ie.emptyScript:"";for(let E=0;E<b;E++)a.append(h[E],Le()),ye.nextNode(),c.push({type:2,index:++o});a.append(h[b],Le())}}}else if(a.nodeType===8)if(a.data===Or)c.push({type:2,index:o});else{let h=-1;for(;(h=a.data.indexOf(re,h+1))!==-1;)c.push({type:7,index:o}),h+=re.length-1}o++}}static createElement(s,e){let r=ue.createElement("template");return r.innerHTML=s,r}};function be(i,s,e=i,r){if(s===xe)return s;let a=r!==void 0?e._$Co?.[r]:e._$Cl,o=Pe(s)?void 0:s._$litDirective$;return a?.constructor!==o&&(a?._$AO?.(!1),o===void 0?a=void 0:(a=new o(i),a._$AT(i,e,r)),r!==void 0?(e._$Co??=[])[r]=a:e._$Cl=a),a!==void 0&&(s=be(i,a._$AS(i,s.values),a,r)),s}var ar=class{constructor(s,e){this._$AV=[],this._$AN=void 0,this._$AD=s,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(s){let{el:{content:e},parts:r}=this._$AD,a=(s?.creationScope??ue).importNode(e,!0);ye.currentNode=a;let o=ye.nextNode(),l=0,d=0,c=r[0];for(;c!==void 0;){if(l===c.index){let m;c.type===2?m=new Te(o,o.nextSibling,this,s):c.type===1?m=new c.ctor(o,c.name,c.strings,this,s):c.type===6&&(m=new nr(o,this,s)),this._$AV.push(m),c=r[++d]}l!==c?.index&&(o=ye.nextNode(),l++)}return ye.currentNode=ue,a}p(s){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(s,r,e),e+=r.strings.length-2):r._$AI(s[e])),e++}},Te=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(s,e,r,a){this.type=2,this._$AH=n,this._$AN=void 0,this._$AA=s,this._$AB=e,this._$AM=r,this.options=a,this._$Cv=a?.isConnected??!0}get parentNode(){let s=this._$AA.parentNode,e=this._$AM;return e!==void 0&&s?.nodeType===11&&(s=e.parentNode),s}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(s,e=this){s=be(this,s,e),Pe(s)?s===n||s==null||s===""?(this._$AH!==n&&this._$AR(),this._$AH=n):s!==this._$AH&&s!==xe&&this._(s):s._$litType$!==void 0?this.$(s):s.nodeType!==void 0?this.T(s):ht(s)?this.k(s):this._(s)}O(s){return this._$AA.parentNode.insertBefore(s,this._$AB)}T(s){this._$AH!==s&&(this._$AR(),this._$AH=this.O(s))}_(s){this._$AH!==n&&Pe(this._$AH)?this._$AA.nextSibling.data=s:this.T(ue.createTextNode(s)),this._$AH=s}$(s){let{values:e,_$litType$:r}=s,a=typeof r=="number"?this._$AC(s):(r.el===void 0&&(r.el=Ce.createElement(Gr(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===a)this._$AH.p(e);else{let o=new ar(a,this),l=o.u(this.options);o.p(e),this.T(l),this._$AH=o}}_$AC(s){let e=Mr.get(s.strings);return e===void 0&&Mr.set(s.strings,e=new Ce(s)),e}k(s){dr(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,a=0;for(let o of s)a===e.length?e.push(r=new i(this.O(Le()),this.O(Le()),this,this.options)):r=e[a],r._$AI(o),a++;a<e.length&&(this._$AR(r&&r._$AB.nextSibling,a),e.length=a)}_$AR(s=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);s!==this._$AB;){let r=Cr(s).nextSibling;Cr(s).remove(),s=r}}setConnected(s){this._$AM===void 0&&(this._$Cv=s,this._$AP?.(s))}},$e=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(s,e,r,a,o){this.type=1,this._$AH=n,this._$AN=void 0,this.element=s,this.name=e,this._$AM=a,this.options=o,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=n}_$AI(s,e=this,r,a){let o=this.strings,l=!1;if(o===void 0)s=be(this,s,e,0),l=!Pe(s)||s!==this._$AH&&s!==xe,l&&(this._$AH=s);else{let d=s,c,m;for(s=o[0],c=0;c<o.length-1;c++)m=be(this,d[r+c],e,c),m===xe&&(m=this._$AH[c]),l||=!Pe(m)||m!==this._$AH[c],m===n?s=n:s!==n&&(s+=(m??"")+o[c+1]),this._$AH[c]=m}l&&!a&&this.j(s)}j(s){s===n?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,s??"")}},sr=class extends $e{constructor(){super(...arguments),this.type=3}j(s){this.element[this.name]=s===n?void 0:s}},or=class extends $e{constructor(){super(...arguments),this.type=4}j(s){this.element.toggleAttribute(this.name,!!s&&s!==n)}},ir=class extends $e{constructor(s,e,r,a,o){super(s,e,r,a,o),this.type=5}_$AI(s,e=this){if((s=be(this,s,e,0)??n)===xe)return;let r=this._$AH,a=s===n&&r!==n||s.capture!==r.capture||s.once!==r.once||s.passive!==r.passive,o=s!==n&&(r===n||a);a&&this.element.removeEventListener(this.name,this,r),o&&this.element.addEventListener(this.name,this,s),this._$AH=s}handleEvent(s){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,s):this._$AH.handleEvent(s)}},nr=class{constructor(s,e,r){this.element=s,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(s){be(this,s)}};var yt=lr.litHtmlPolyfillSupport;yt?.(Ce,Te),(lr.litHtmlVersions??=[]).push("3.3.2");var jr=(i,s,e)=>{let r=e?.renderBefore??s,a=r._$litPart$;if(a===void 0){let o=e?.renderBefore??null;r._$litPart$=a=new Te(s.insertBefore(Le(),o),o,void 0,e??{})}return a._$AI(i),a};var pr=globalThis,u=class extends D{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let s=super.createRenderRoot();return this.renderOptions.renderBefore??=s.firstChild,s}update(s){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(s),this._$Do=jr(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return xe}};u._$litElement$=!0,u.finalized=!0,pr.litElementHydrateSupport?.({LitElement:u});var ut=pr.litElementPolyfillSupport;ut?.({LitElement:u});(pr.litElementVersions??=[]).push("4.2.2");var f=i=>(s,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,s)}):customElements.define(i,s)};var xt={attribute:!0,type:String,converter:Ae,reflect:!1,hasChanged:je},ft=(i=xt,s,e)=>{let{kind:r,metadata:a}=e,o=globalThis.litPropertyMetadata.get(a);if(o===void 0&&globalThis.litPropertyMetadata.set(a,o=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),o.set(e.name,i),r==="accessor"){let{name:l}=e;return{set(d){let c=s.get.call(this);s.set.call(this,d),this.requestUpdate(l,c,i,!0,d)},init(d){return d!==void 0&&this.C(l,void 0,i,d),d}}}if(r==="setter"){let{name:l}=e;return function(d){let c=this[l];s.call(this,d),this.requestUpdate(l,c,i,!0,d)}}throw Error("Unsupported decorator location: "+r)};function g(i){return(s,e)=>typeof e=="object"?ft(i,s,e):((r,a,o)=>{let l=a.hasOwnProperty(o);return a.constructor.createProperty(o,r),l?Object.getOwnPropertyDescriptor(a,o):void 0})(i,s,e)}function C(i){return g({...i,state:!0,attribute:!1})}var L={Sun:"\u2609",Moon:"\u263D",Mercury:"\u263F",Venus:"\u2640",Earth:"\u2641",Mars:"\u2642",Jupiter:"\u2643",Saturn:"\u2644",Uranus:"\u2645",Neptune:"\u2646",Pluto:"\u2647",Rahu:"\u260A",Ketu:"\u260B",Ascendant:"Asc",Lagna:"La",NorthNode:"\u260A",SouthNode:"\u260B","North node":"\u260A","South node":"\u260B",Chiron:"\u26B7",Lilith:"\u26B8","Black moon lilith":"\u26B8"},Ir={Sun:"Su",Moon:"Mo",Mercury:"Me",Venus:"Ve",Mars:"Ma",Jupiter:"Ju",Saturn:"Sa",Uranus:"Ur",Neptune:"Ne",Pluto:"Pl",Rahu:"Ra",Ketu:"Ke",Ascendant:"Asc",Lagna:"La"},N={Aries:"\u2648",Taurus:"\u2649",Gemini:"\u264A",Cancer:"\u264B",Leo:"\u264C",Virgo:"\u264D",Libra:"\u264E",Scorpio:"\u264F",Sagittarius:"\u2650",Capricorn:"\u2651",Aquarius:"\u2652",Pisces:"\u2653"},qe={Aries:"Ar",Taurus:"Ta",Gemini:"Ge",Cancer:"Cn",Leo:"Le",Virgo:"Vi",Libra:"Li",Scorpio:"Sc",Sagittarius:"Sg",Capricorn:"Cp",Aquarius:"Aq",Pisces:"Pi"},_=["Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces"],Oa=_.map(i=>i.toLowerCase()),mr={conjunction:"\u260C",opposition:"\u260D",trine:"\u25B3",square:"\u25A1",sextile:"\u2731",quincunx:"\u22BB",semisextile:"\u22BC"},hr={heaven:"\u2630",lake:"\u2631",fire:"\u2632",thunder:"\u2633",wind:"\u2634",water:"\u2635",mountain:"\u2636",earth:"\u2637",Heaven:"\u2630",Lake:"\u2631",Fire:"\u2632",Thunder:"\u2633",Wind:"\u2634",Water:"\u2635",Mountain:"\u2636",Earth:"\u2637"},Br={"new moon":"\u{1F311}","waxing crescent":"\u{1F312}","first quarter":"\u{1F313}","waxing gibbous":"\u{1F314}","full moon":"\u{1F315}","waning gibbous":"\u{1F316}","last quarter":"\u{1F317}","waning crescent":"\u{1F318}"};var v=x`
+"use strict";var RoxyUI=(()=>{var We=Object.defineProperty;var _t=Object.getOwnPropertyDescriptor;var pr=Object.getOwnPropertyNames;var mr=Object.prototype.hasOwnProperty;var hr=(n,a)=>{for(var e in a)We(n,e,{get:a[e],enumerable:!0})},gr=(n,a,e,t)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of pr(a))!mr.call(n,r)&&r!==e&&We(n,r,{get:()=>a[r],enumerable:!(t=_t(a,r))||t.enumerable});return n};var yr=n=>gr(We({},"__esModule",{value:!0}),n),p=(n,a,e,t)=>{for(var r=t>1?void 0:t?_t(a,e):a,o=n.length-1,i;o>=0;o--)(i=n[o])&&(r=(t?i(a,e,r):i(r))||r);return t&&r&&We(a,e,r),r};var ga={};hr(ga,{ROXY_COMPONENTS:()=>dt,ROXY_UI_COMPONENTS:()=>ha,ROXY_UI_VERSION:()=>cr,RoxyAshtakavargaGrid:()=>V,RoxyBiorhythmChart:()=>Y,RoxyChoghadiyaGrid:()=>pe,RoxyCompatibilityCard:()=>U,RoxyDashaTimeline:()=>F,RoxyData:()=>W,RoxyDivisionalChart:()=>X,RoxyDoshaCard:()=>Z,RoxyEndpointForm:()=>O,RoxyGunaMilan:()=>me,RoxyHexagram:()=>Q,RoxyHoroscopeCard:()=>ee,RoxyKpChart:()=>te,RoxyKpPlanetsTable:()=>he,RoxyKpRulingPlanets:()=>ge,RoxyLocationSearch:()=>_,RoxyMoonPhase:()=>re,RoxyNakshatraCard:()=>ye,RoxyNatalChart:()=>K,RoxyNumerologyCard:()=>ae,RoxyPanchangTable:()=>se,RoxyShadbalaTable:()=>ue,RoxySynastryChart:()=>xe,RoxyTarotCard:()=>oe,RoxyTarotSpread:()=>ne,RoxyTransitsTable:()=>fe,RoxyVedicKundli:()=>ie,RoxyVedicPlanetsTable:()=>be,RoxyWesternPlanetsTable:()=>ve,RoxyYogaList:()=>le});var Je=globalThis,Xe=Je.ShadowRoot&&(Je.ShadyCSS===void 0||Je.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ct=Symbol(),Dt=new WeakMap,De=class{constructor(a,e,t){if(this._$cssResult$=!0,t!==ct)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=a,this.t=e}get styleSheet(){let a=this.o,e=this.t;if(Xe&&a===void 0){let t=e!==void 0&&e.length===1;t&&(a=Dt.get(e)),a===void 0&&((this.o=a=new CSSStyleSheet).replaceSync(this.cssText),t&&Dt.set(e,a))}return a}toString(){return this.cssText}},Ot=n=>new De(typeof n=="string"?n:n+"",void 0,ct),f=(n,...a)=>{let e=n.length===1?n[0]:a.reduce((t,r,o)=>t+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+n[o+1],n[0]);return new De(e,n,ct)},Gt=(n,a)=>{if(Xe)n.adoptedStyleSheets=a.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of a){let t=document.createElement("style"),r=Je.litNonce;r!==void 0&&t.setAttribute("nonce",r),t.textContent=e.cssText,n.appendChild(t)}},pt=Xe?n=>n:n=>n instanceof CSSStyleSheet?(a=>{let e="";for(let t of a.cssRules)e+=t.cssText;return Ot(e)})(n):n;var{is:ur,defineProperty:xr,getOwnPropertyDescriptor:fr,getOwnPropertyNames:br,getOwnPropertySymbols:vr,getPrototypeOf:$r}=Object,Ze=globalThis,Ht=Ze.trustedTypes,wr=Ht?Ht.emptyScript:"",kr=Ze.reactiveElementPolyfillSupport,Oe=(n,a)=>n,Ge={toAttribute(n,a){switch(a){case Boolean:n=n?wr:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,a){let e=n;switch(a){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},Qe=(n,a)=>!ur(n,a),jt={attribute:!0,type:String,converter:Ge,reflect:!1,useDefault:!1,hasChanged:Qe};Symbol.metadata??=Symbol("metadata"),Ze.litPropertyMetadata??=new WeakMap;var q=class extends HTMLElement{static addInitializer(a){this._$Ei(),(this.l??=[]).push(a)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(a,e=jt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(a)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(a,e),!e.noAccessor){let t=Symbol(),r=this.getPropertyDescriptor(a,t,e);r!==void 0&&xr(this.prototype,a,r)}}static getPropertyDescriptor(a,e,t){let{get:r,set:o}=fr(this.prototype,a)??{get(){return this[e]},set(i){this[e]=i}};return{get:r,set(i){let d=r?.call(this);o?.call(this,i),this.requestUpdate(a,d,t)},configurable:!0,enumerable:!0}}static getPropertyOptions(a){return this.elementProperties.get(a)??jt}static _$Ei(){if(this.hasOwnProperty(Oe("elementProperties")))return;let a=$r(this);a.finalize(),a.l!==void 0&&(this.l=[...a.l]),this.elementProperties=new Map(a.elementProperties)}static finalize(){if(this.hasOwnProperty(Oe("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Oe("properties"))){let e=this.properties,t=[...br(e),...vr(e)];for(let r of t)this.createProperty(r,e[r])}let a=this[Symbol.metadata];if(a!==null){let e=litPropertyMetadata.get(a);if(e!==void 0)for(let[t,r]of e)this.elementProperties.set(t,r)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let r=this._$Eu(e,t);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(a){let e=[];if(Array.isArray(a)){let t=new Set(a.flat(1/0).reverse());for(let r of t)e.unshift(pt(r))}else a!==void 0&&e.push(pt(a));return e}static _$Eu(a,e){let t=e.attribute;return t===!1?void 0:typeof t=="string"?t:typeof a=="string"?a.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(a=>this.enableUpdating=a),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(a=>a(this))}addController(a){(this._$EO??=new Set).add(a),this.renderRoot!==void 0&&this.isConnected&&a.hostConnected?.()}removeController(a){this._$EO?.delete(a)}_$E_(){let a=new Map,e=this.constructor.elementProperties;for(let t of e.keys())this.hasOwnProperty(t)&&(a.set(t,this[t]),delete this[t]);a.size>0&&(this._$Ep=a)}createRenderRoot(){let a=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Gt(a,this.constructor.elementStyles),a}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(a=>a.hostConnected?.())}enableUpdating(a){}disconnectedCallback(){this._$EO?.forEach(a=>a.hostDisconnected?.())}attributeChangedCallback(a,e,t){this._$AK(a,t)}_$ET(a,e){let t=this.constructor.elementProperties.get(a),r=this.constructor._$Eu(a,t);if(r!==void 0&&t.reflect===!0){let o=(t.converter?.toAttribute!==void 0?t.converter:Ge).toAttribute(e,t.type);this._$Em=a,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(a,e){let t=this.constructor,r=t._$Eh.get(a);if(r!==void 0&&this._$Em!==r){let o=t.getPropertyOptions(r),i=typeof o.converter=="function"?{fromAttribute:o.converter}:o.converter?.fromAttribute!==void 0?o.converter:Ge;this._$Em=r;let d=i.fromAttribute(e,o.type);this[r]=d??this._$Ej?.get(r)??d,this._$Em=null}}requestUpdate(a,e,t,r=!1,o){if(a!==void 0){let i=this.constructor;if(r===!1&&(o=this[a]),t??=i.getPropertyOptions(a),!((t.hasChanged??Qe)(o,e)||t.useDefault&&t.reflect&&o===this._$Ej?.get(a)&&!this.hasAttribute(i._$Eu(a,t))))return;this.C(a,e,t)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(a,e,{useDefault:t,reflect:r,wrapped:o},i){t&&!(this._$Ej??=new Map).has(a)&&(this._$Ej.set(a,i??e??this[a]),o!==!0||i!==void 0)||(this._$AL.has(a)||(this.hasUpdated||t||(e=void 0),this._$AL.set(a,e)),r===!0&&this._$Em!==a&&(this._$Eq??=new Set).add(a))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let a=this.scheduleUpdate();return a!=null&&await a,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[r,o]of this._$Ep)this[r]=o;this._$Ep=void 0}let t=this.constructor.elementProperties;if(t.size>0)for(let[r,o]of t){let{wrapped:i}=o,d=this[r];i!==!0||this._$AL.has(r)||d===void 0||this.C(r,void 0,o,d)}}let a=!1,e=this._$AL;try{a=this.shouldUpdate(e),a?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(t){throw a=!1,this._$EM(),t}a&&this._$AE(e)}willUpdate(a){}_$AE(a){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(a)),this.updated(a)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(a){return!0}update(a){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(a){}firstUpdated(a){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[Oe("elementProperties")]=new Map,q[Oe("finalized")]=new Map,kr?.({ReactiveElement:q}),(Ze.reactiveElementVersions??=[]).push("2.1.2");var ft=globalThis,It=n=>n,et=ft.trustedTypes,Bt=et?et.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ft="$lit$",de=`lit$${Math.random().toFixed(9).slice(2)}$`,Wt="?"+de,Sr=`<${Wt}>`,Se=document,je=()=>Se.createComment(""),Ie=n=>n===null||typeof n!="object"&&typeof n!="function",bt=Array.isArray,Ar=n=>bt(n)||typeof n?.[Symbol.iterator]=="function",mt=`[ 	
+\f\r]`,He=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Kt=/-->/g,qt=/>/g,we=RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Vt=/'/g,Yt=/"/g,Jt=/^(?:script|style|textarea|title)$/i,vt=n=>(a,...e)=>({_$litType$:n,strings:a,values:e}),s=vt(1),w=vt(2),va=vt(3),Ae=Symbol.for("lit-noChange"),l=Symbol.for("lit-nothing"),Ut=new WeakMap,ke=Se.createTreeWalker(Se,129);function Xt(n,a){if(!bt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return Bt!==void 0?Bt.createHTML(a):a}var Er=(n,a)=>{let e=n.length-1,t=[],r,o=a===2?"<svg>":a===3?"<math>":"",i=He;for(let d=0;d<e;d++){let c=n[d],m,g,h=-1,u=0;for(;u<c.length&&(i.lastIndex=u,g=i.exec(c),g!==null);)u=i.lastIndex,i===He?g[1]==="!--"?i=Kt:g[1]!==void 0?i=qt:g[2]!==void 0?(Jt.test(g[2])&&(r=RegExp("</"+g[2],"g")),i=we):g[3]!==void 0&&(i=we):i===we?g[0]===">"?(i=r??He,h=-1):g[1]===void 0?h=-2:(h=i.lastIndex-g[2].length,m=g[1],i=g[3]===void 0?we:g[3]==='"'?Yt:Vt):i===Yt||i===Vt?i=we:i===Kt||i===qt?i=He:(i=we,r=void 0);let k=i===we&&n[d+1].startsWith("/>")?" ":"";o+=i===He?c+Sr:h>=0?(t.push(m),c.slice(0,h)+Ft+c.slice(h)+de+k):c+de+(h===-2?d:k)}return[Xt(n,o+(n[e]||"<?>")+(a===2?"</svg>":a===3?"</math>":"")),t]},Be=class n{constructor({strings:a,_$litType$:e},t){let r;this.parts=[];let o=0,i=0,d=a.length-1,c=this.parts,[m,g]=Er(a,e);if(this.el=n.createElement(m,t),ke.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=ke.nextNode())!==null&&c.length<d;){if(r.nodeType===1){if(r.hasAttributes())for(let h of r.getAttributeNames())if(h.endsWith(Ft)){let u=g[i++],k=r.getAttribute(h).split(de),$=/([.?@])?(.*)/.exec(u);c.push({type:1,index:o,name:$[2],strings:k,ctor:$[1]==="."?gt:$[1]==="?"?yt:$[1]==="@"?ut:Te}),r.removeAttribute(h)}else h.startsWith(de)&&(c.push({type:6,index:o}),r.removeAttribute(h));if(Jt.test(r.tagName)){let h=r.textContent.split(de),u=h.length-1;if(u>0){r.textContent=et?et.emptyScript:"";for(let k=0;k<u;k++)r.append(h[k],je()),ke.nextNode(),c.push({type:2,index:++o});r.append(h[u],je())}}}else if(r.nodeType===8)if(r.data===Wt)c.push({type:2,index:o});else{let h=-1;for(;(h=r.data.indexOf(de,h+1))!==-1;)c.push({type:7,index:o}),h+=de.length-1}o++}}static createElement(a,e){let t=Se.createElement("template");return t.innerHTML=a,t}};function Pe(n,a,e=n,t){if(a===Ae)return a;let r=t!==void 0?e._$Co?.[t]:e._$Cl,o=Ie(a)?void 0:a._$litDirective$;return r?.constructor!==o&&(r?._$AO?.(!1),o===void 0?r=void 0:(r=new o(n),r._$AT(n,e,t)),t!==void 0?(e._$Co??=[])[t]=r:e._$Cl=r),r!==void 0&&(a=Pe(n,r._$AS(n,a.values),r,t)),a}var ht=class{constructor(a,e){this._$AV=[],this._$AN=void 0,this._$AD=a,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(a){let{el:{content:e},parts:t}=this._$AD,r=(a?.creationScope??Se).importNode(e,!0);ke.currentNode=r;let o=ke.nextNode(),i=0,d=0,c=t[0];for(;c!==void 0;){if(i===c.index){let m;c.type===2?m=new Ke(o,o.nextSibling,this,a):c.type===1?m=new c.ctor(o,c.name,c.strings,this,a):c.type===6&&(m=new xt(o,this,a)),this._$AV.push(m),c=t[++d]}i!==c?.index&&(o=ke.nextNode(),i++)}return ke.currentNode=Se,r}p(a){let e=0;for(let t of this._$AV)t!==void 0&&(t.strings!==void 0?(t._$AI(a,t,e),e+=t.strings.length-2):t._$AI(a[e])),e++}},Ke=class n{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(a,e,t,r){this.type=2,this._$AH=l,this._$AN=void 0,this._$AA=a,this._$AB=e,this._$AM=t,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let a=this._$AA.parentNode,e=this._$AM;return e!==void 0&&a?.nodeType===11&&(a=e.parentNode),a}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(a,e=this){a=Pe(this,a,e),Ie(a)?a===l||a==null||a===""?(this._$AH!==l&&this._$AR(),this._$AH=l):a!==this._$AH&&a!==Ae&&this._(a):a._$litType$!==void 0?this.$(a):a.nodeType!==void 0?this.T(a):Ar(a)?this.k(a):this._(a)}O(a){return this._$AA.parentNode.insertBefore(a,this._$AB)}T(a){this._$AH!==a&&(this._$AR(),this._$AH=this.O(a))}_(a){this._$AH!==l&&Ie(this._$AH)?this._$AA.nextSibling.data=a:this.T(Se.createTextNode(a)),this._$AH=a}$(a){let{values:e,_$litType$:t}=a,r=typeof t=="number"?this._$AC(a):(t.el===void 0&&(t.el=Be.createElement(Xt(t.h,t.h[0]),this.options)),t);if(this._$AH?._$AD===r)this._$AH.p(e);else{let o=new ht(r,this),i=o.u(this.options);o.p(e),this.T(i),this._$AH=o}}_$AC(a){let e=Ut.get(a.strings);return e===void 0&&Ut.set(a.strings,e=new Be(a)),e}k(a){bt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,t,r=0;for(let o of a)r===e.length?e.push(t=new n(this.O(je()),this.O(je()),this,this.options)):t=e[r],t._$AI(o),r++;r<e.length&&(this._$AR(t&&t._$AB.nextSibling,r),e.length=r)}_$AR(a=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);a!==this._$AB;){let t=It(a).nextSibling;It(a).remove(),a=t}}setConnected(a){this._$AM===void 0&&(this._$Cv=a,this._$AP?.(a))}},Te=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(a,e,t,r,o){this.type=1,this._$AH=l,this._$AN=void 0,this.element=a,this.name=e,this._$AM=r,this.options=o,t.length>2||t[0]!==""||t[1]!==""?(this._$AH=Array(t.length-1).fill(new String),this.strings=t):this._$AH=l}_$AI(a,e=this,t,r){let o=this.strings,i=!1;if(o===void 0)a=Pe(this,a,e,0),i=!Ie(a)||a!==this._$AH&&a!==Ae,i&&(this._$AH=a);else{let d=a,c,m;for(a=o[0],c=0;c<o.length-1;c++)m=Pe(this,d[t+c],e,c),m===Ae&&(m=this._$AH[c]),i||=!Ie(m)||m!==this._$AH[c],m===l?a=l:a!==l&&(a+=(m??"")+o[c+1]),this._$AH[c]=m}i&&!r&&this.j(a)}j(a){a===l?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,a??"")}},gt=class extends Te{constructor(){super(...arguments),this.type=3}j(a){this.element[this.name]=a===l?void 0:a}},yt=class extends Te{constructor(){super(...arguments),this.type=4}j(a){this.element.toggleAttribute(this.name,!!a&&a!==l)}},ut=class extends Te{constructor(a,e,t,r,o){super(a,e,t,r,o),this.type=5}_$AI(a,e=this){if((a=Pe(this,a,e,0)??l)===Ae)return;let t=this._$AH,r=a===l&&t!==l||a.capture!==t.capture||a.once!==t.once||a.passive!==t.passive,o=a!==l&&(t===l||r);r&&this.element.removeEventListener(this.name,this,t),o&&this.element.addEventListener(this.name,this,a),this._$AH=a}handleEvent(a){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,a):this._$AH.handleEvent(a)}},xt=class{constructor(a,e,t){this.element=a,this.type=6,this._$AN=void 0,this._$AM=e,this.options=t}get _$AU(){return this._$AM._$AU}_$AI(a){Pe(this,a)}};var Cr=ft.litHtmlPolyfillSupport;Cr?.(Be,Ke),(ft.litHtmlVersions??=[]).push("3.3.2");var Zt=(n,a,e)=>{let t=e?.renderBefore??a,r=t._$litPart$;if(r===void 0){let o=e?.renderBefore??null;t._$litPart$=r=new Ke(a.insertBefore(je(),o),o,void 0,e??{})}return r._$AI(n),r};var $t=globalThis,x=class extends q{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let a=super.createRenderRoot();return this.renderOptions.renderBefore??=a.firstChild,a}update(a){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(a),this._$Do=Zt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Ae}};x._$litElement$=!0,x.finalized=!0,$t.litElementHydrateSupport?.({LitElement:x});var Lr=$t.litElementPolyfillSupport;Lr?.({LitElement:x});($t.litElementVersions??=[]).push("4.2.2");var b=n=>(a,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,a)}):customElements.define(n,a)};var Pr={attribute:!0,type:String,converter:Ge,reflect:!1,hasChanged:Qe},Tr=(n=Pr,a,e)=>{let{kind:t,metadata:r}=e,o=globalThis.litPropertyMetadata.get(r);if(o===void 0&&globalThis.litPropertyMetadata.set(r,o=new Map),t==="setter"&&((n=Object.create(n)).wrapped=!0),o.set(e.name,n),t==="accessor"){let{name:i}=e;return{set(d){let c=a.get.call(this);a.set.call(this,d),this.requestUpdate(i,c,n,!0,d)},init(d){return d!==void 0&&this.C(i,void 0,n,d),d}}}if(t==="setter"){let{name:i}=e;return function(d){let c=this[i];a.call(this,d),this.requestUpdate(i,c,n,!0,d)}}throw Error("Unsupported decorator location: "+t)};function y(n){return(a,e)=>typeof e=="object"?Tr(n,a,e):((t,r,o)=>{let i=r.hasOwnProperty(o);return r.constructor.createProperty(o,t),i?Object.getOwnPropertyDescriptor(r,o):void 0})(n,a,e)}function z(n){return y({...n,state:!0,attribute:!1})}var R={Sun:"\u2609",Moon:"\u263D",Mercury:"\u263F",Venus:"\u2640",Earth:"\u2641",Mars:"\u2642",Jupiter:"\u2643",Saturn:"\u2644",Uranus:"\u2645",Neptune:"\u2646",Pluto:"\u2647",Rahu:"\u260A",Ketu:"\u260B",Ascendant:"Asc",Lagna:"La",NorthNode:"\u260A",SouthNode:"\u260B","North node":"\u260A","South node":"\u260B",Chiron:"\u26B7",Lilith:"\u26B8","Black moon lilith":"\u26B8"},Qt={Sun:"Su",Moon:"Mo",Mercury:"Me",Venus:"Ve",Mars:"Ma",Jupiter:"Ju",Saturn:"Sa",Uranus:"Ur",Neptune:"Ne",Pluto:"Pl",Rahu:"Ra",Ketu:"Ke",Ascendant:"Asc",Lagna:"La"},G={Aries:"\u2648",Taurus:"\u2649",Gemini:"\u264A",Cancer:"\u264B",Leo:"\u264C",Virgo:"\u264D",Libra:"\u264E",Scorpio:"\u264F",Sagittarius:"\u2650",Capricorn:"\u2651",Aquarius:"\u2652",Pisces:"\u2653"},wt={Aries:"Ar",Taurus:"Ta",Gemini:"Ge",Cancer:"Cn",Leo:"Le",Virgo:"Vi",Libra:"Li",Scorpio:"Sc",Sagittarius:"Sg",Capricorn:"Cp",Aquarius:"Aq",Pisces:"Pi"},M=["Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces"],ns=M.map(n=>n.toLowerCase()),kt={conjunction:"\u260C",opposition:"\u260D",trine:"\u25B3",square:"\u25A1",sextile:"\u2731",quincunx:"\u22BB",semisextile:"\u22BC"},St={heaven:"\u2630",lake:"\u2631",fire:"\u2632",thunder:"\u2633",wind:"\u2634",water:"\u2635",mountain:"\u2636",earth:"\u2637",Heaven:"\u2630",Lake:"\u2631",Fire:"\u2632",Thunder:"\u2633",Wind:"\u2634",Water:"\u2635",Mountain:"\u2636",Earth:"\u2637"},er={"new moon":"\u{1F311}","waxing crescent":"\u{1F312}","first quarter":"\u{1F313}","waxing gibbous":"\u{1F314}","full moon":"\u{1F315}","waning gibbous":"\u{1F316}","last quarter":"\u{1F317}","waning crescent":"\u{1F318}"};var v=f`
 	:host {
 		display: block;
 		container-type: inline-size;
@@ -82,10 +82,24 @@
 		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
 		outline-offset: 2px;
 	}
-`;var vt={sarva:"Sarvashtakavarga",bhinna:"Bhinnashtakavarga",pinda:"Shodhya Pinda"},fe=["sarva","bhinna","pinda"],O=class extends u{constructor(){super(...arguments);this.data=null;this.activeTab="sarva"}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No ashtakavarga data</div>`;let e=this.data.signs??[];return t`<div class="wrap" aria-label="Ashtakavarga grid">
+
+	/* 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;
+	}
+`;var Rr={sarva:"Sarvashtakavarga",bhinna:"Bhinnashtakavarga",pinda:"Shodhya Pinda"},Ee=["sarva","bhinna","pinda"],V=class extends x{constructor(){super(...arguments);this.data=null;this.activeTab="sarva"}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No ashtakavarga data</div>`;let e=this.data.signs??[];return s`<div class="wrap" aria-label="Ashtakavarga grid">
 			<div class="head">
 				<h2 class="title">Ashtakavarga</h2>
-				${e.length?t`<p class="subtitle">${e.length} signs</p>`:n}
+				${e.length?s`<p class="subtitle">${e.length} signs</p>`:l}
 			</div>
 
 			<div
@@ -94,16 +108,16 @@
 				aria-label="Ashtakavarga views"
 				@keydown=${this.onTabKeyDown}
 			>
-				${fe.map(r=>t`<button
+				${Ee.map(t=>s`<button
 						class="tab"
 						role="tab"
-						id="tab-${r}"
-						aria-selected=${this.activeTab===r?"true":"false"}
-						aria-controls="panel-${r}"
-						tabindex=${this.activeTab===r?"0":"-1"}
-						@click=${()=>{this.activeTab=r}}
+						id="tab-${t}"
+						aria-selected=${this.activeTab===t?"true":"false"}
+						aria-controls="panel-${t}"
+						tabindex=${this.activeTab===t?"0":"-1"}
+						@click=${()=>{this.activeTab=t}}
 					>
-						${vt[r]}
+						${Rr[t]}
 					</button>`)}
 			</div>
 
@@ -114,7 +128,7 @@
 			>
 				${this.activeTab==="sarva"?this.renderSarva(e):this.activeTab==="bhinna"?this.renderBhinna(e):this.renderPinda()}
 			</div>
-		</div>`}onTabKeyDown(e){let r=fe.indexOf(this.activeTab);e.key==="ArrowRight"?(e.preventDefault(),this.activeTab=fe[(r+1)%fe.length],this.focusActiveTab()):e.key==="ArrowLeft"&&(e.preventDefault(),this.activeTab=fe[(r-1+fe.length)%fe.length],this.focusActiveTab())}focusActiveTab(){requestAnimationFrame(()=>{this.shadowRoot?.querySelector(`#tab-${this.activeTab}`)?.focus()})}heatClass(e){return e<=1?"heat-1":e<=2?"heat-2":e<=3?"heat-3":e<=4?"heat-4":e<=5?"heat-5":e<=6?"heat-6":"heat-7"}renderSarva(e){let r=this.data.sarvashtakavarga;return r?t`<div class="overflow-scroll">
+		</div>`}onTabKeyDown(e){let t=Ee.indexOf(this.activeTab);e.key==="ArrowRight"?(e.preventDefault(),this.activeTab=Ee[(t+1)%Ee.length],this.focusActiveTab()):e.key==="ArrowLeft"&&(e.preventDefault(),this.activeTab=Ee[(t-1+Ee.length)%Ee.length],this.focusActiveTab())}focusActiveTab(){requestAnimationFrame(()=>{this.shadowRoot?.querySelector(`#tab-${this.activeTab}`)?.focus()})}bhinnaHeat(e){return e<=1?"heat-1":e<=2?"heat-2":e<=3?"heat-3":e<=4?"heat-4":e<=5?"heat-5":e<=6?"heat-6":"heat-7"}sarvaHeat(e){return e<=18?"heat-1":e<=23?"heat-2":e<=28?"heat-3":e<=32?"heat-4":e<=37?"heat-5":e<=42?"heat-6":"heat-7"}renderSarva(e){let t=this.data.sarvashtakavarga;return t?s`<div class="overflow-scroll">
 			<table aria-label="Sarvashtakavarga bindu counts per sign">
 				<thead>
 					<tr>
@@ -123,41 +137,41 @@
 					</tr>
 				</thead>
 				<tbody>
-					${e.map((a,o)=>{let l=r.bindus[o]??0,d=this.heatClass(l);return t`<tr>
+					${e.map((r,o)=>{let i=t.bindus[o]??0,d=this.sarvaHeat(i);return s`<tr>
 							<td>
 								<div class="planet-cell">
-									<span class="glyph" aria-hidden="true">${N[a]??""}</span>
-									${a}
+									<span class="glyph" aria-hidden="true">${G[r]??""}</span>
+									${r}
 								</div>
 							</td>
-							<td class="${`heat-cell ${d}`}">${l}</td>
+							<td class="${`heat-cell ${d}`}">${i}</td>
 						</tr>`})}
 				</tbody>
 				<tfoot>
 					<tr class="total-row">
 						<td>Total</td>
-						<td>${r.total}</td>
+						<td>${t.total}</td>
 					</tr>
 				</tfoot>
 			</table>
-		</div>`:t`<p class="roxy-empty">No sarvashtakavarga data</p>`}renderBhinna(e){let r=this.data.bhinnashtakavarga;return r?.length?t`<div class="overflow-scroll">
+		</div>`:s`<p class="roxy-empty">No sarvashtakavarga data</p>`}renderBhinna(e){let t=this.data.bhinnashtakavarga;return t?.length?s`<div class="overflow-scroll">
 			<table class="bhinna-table" aria-label="Bhinnashtakavarga planet-by-sign grid">
 				<thead>
 					<tr>
 						<th scope="col">Planet</th>
-						${e.map(a=>t`<th scope="col" title=${a}>${N[a]??a.slice(0,2)}</th>`)}
+						${e.map(r=>s`<th scope="col" title=${r}>${G[r]??r.slice(0,2)}</th>`)}
 						<th scope="col">Total</th>
 					</tr>
 				</thead>
 				<tbody>
-					${r.map(a=>t`<tr>
-						<td>${a.planet}</td>
-						${a.bindus.map(o=>{let l=this.heatClass(o);return t`<td class="${`heat-cell ${l}`}">${o}</td>`})}
-						<td>${a.total}</td>
+					${t.map(r=>s`<tr>
+						<td>${r.planet}</td>
+						${r.bindus.map(o=>{let i=this.bhinnaHeat(o);return s`<td class="${`heat-cell ${i}`}">${o}</td>`})}
+						<td>${r.total}</td>
 					</tr>`)}
 				</tbody>
 			</table>
-		</div>`:t`<p class="roxy-empty">No bhinnashtakavarga data</p>`}renderPinda(){let e=this.data.shodhyaPinda;return e?.length?t`<div class="overflow-scroll">
+		</div>`:s`<p class="roxy-empty">No bhinnashtakavarga data</p>`}renderPinda(){let e=this.data.shodhyaPinda;return e?.length?s`<div class="overflow-scroll">
 			<table aria-label="Shodhya Pinda planet strength scores">
 				<thead>
 					<tr>
@@ -168,15 +182,15 @@
 					</tr>
 				</thead>
 				<tbody>
-					${e.map(r=>t`<tr>
-							<td>${r.planet}</td>
-							<td>${r.rashiPinda}</td>
-							<td>${r.grahaPinda}</td>
-							<td>${r.shodhyaPinda}</td>
+					${e.map(t=>s`<tr>
+							<td>${t.planet}</td>
+							<td>${t.rashiPinda}</td>
+							<td>${t.grahaPinda}</td>
+							<td>${t.shodhyaPinda}</td>
 						</tr>`)}
 				</tbody>
 			</table>
-		</div>`:t`<p class="roxy-empty">No shodhya pinda data</p>`}};O.styles=[v,x`
+		</div>`:s`<p class="roxy-empty">No shodhya pinda data</p>`}};V.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -283,34 +297,75 @@
 				border-bottom: none;
 			}
 
-			/* Heat cells */
+			/* Heat cells. Single base hue (var --roxy-heat) mixed with
+			 * transparent at increasing percentages produces seven readable
+			 * tiers in both light and dark themes. Text colour stays
+			 * var(--roxy-fg) so it inverts with the host theme without
+			 * per-tier overrides. */
 			.heat-cell {
 				border-radius: var(--roxy-radius-sm, 4px);
 				font-weight: var(--roxy-weight-bold, 600);
 				min-width: 2rem;
 				font-variant-numeric: tabular-nums;
+				color: var(--roxy-fg, currentColor);
 			}
 
-			.heat-1 { background: var(--roxy-heat-1, #f0fdf4); color: var(--roxy-fg, #0a0a0a); }
-			.heat-2 { background: var(--roxy-heat-2, #d1fae5); color: var(--roxy-fg, #0a0a0a); }
-			.heat-3 { background: var(--roxy-heat-3, #a7f3d0); color: var(--roxy-fg, #0a0a0a); }
-			.heat-4 { background: var(--roxy-heat-4, #fde68a); color: var(--roxy-fg, #0a0a0a); }
-			.heat-5 { background: var(--roxy-heat-5, #fdba74); color: var(--roxy-fg, #0a0a0a); }
-			.heat-6 { background: var(--roxy-heat-6, #fb923c); color: var(--roxy-fg, #0a0a0a); }
-			.heat-7 { background: var(--roxy-heat-7, #ef4444); color: var(--roxy-fg, #0a0a0a); }
+			.heat-1 { background: color-mix(in srgb, var(--roxy-heat, #ef4444) 6%, transparent); }
+			.heat-2 { background: color-mix(in srgb, var(--roxy-heat, #ef4444) 14%, transparent); }
+			.heat-3 { background: color-mix(in srgb, var(--roxy-heat, #ef4444) 26%, transparent); }
+			.heat-4 { background: color-mix(in srgb, var(--roxy-heat, #ef4444) 40%, transparent); }
+			.heat-5 { background: color-mix(in srgb, var(--roxy-heat, #ef4444) 55%, transparent); }
+			.heat-6 { background: color-mix(in srgb, var(--roxy-heat, #ef4444) 72%, transparent); }
+			.heat-7 { background: color-mix(in srgb, var(--roxy-heat, #ef4444) 90%, transparent); }
 
 			/* Bhinna grid: planet header column narrower */
 			.bhinna-table th:first-child,
 			.bhinna-table td:first-child {
 				min-width: 5rem;
 			}
-		`],p([g({attribute:!1})],O.prototype,"data",2),p([C()],O.prototype,"activeTab",2),O=p([f("roxy-ashtakavarga-grid")],O);var qr={physical:"#dc2626",emotional:"#0284c7",intellectual:"#16a34a",intuitive:"#a855f7",aesthetic:"#f59e0b",awareness:"#ec4899",spiritual:"#14b8a6",passion:"#ef4444",mastery:"#6366f1",wisdom:"#475569"},H=class extends u{constructor(){super(...arguments);this.data=null;this.mode="daily"}render(){let e=this.data;return e?this.mode==="critical-days"&&"criticalDays"in e?this.renderCritical(e):this.mode==="forecast"&&"days"in e?this.renderForecast(e):this.renderDaily(e):t`<div class="roxy-empty" role="status">No biorhythm data</div>`}renderDaily(e){let r=e.quickRead??{},a=Object.entries(r).map(([o,l])=>{let d=typeof l=="number"?l:0,c=Math.abs(d)>1?d/100:d;return[o,c]});return t`<section class="wrap" aria-label="Daily biorhythm">
+
+			/* Tight cells below 480px so the 14-column bhinna grid stops
+			 * overflowing the viewport. The wrapper keeps overflow-x:auto as
+			 * a fallback for very long content. */
+			@container (max-width: 480px) {
+				.bhinna-table th,
+				.bhinna-table td {
+					padding: 0.3rem 0.35rem;
+					font-size: var(--roxy-text-xs, 0.75rem);
+				}
+				.bhinna-table th:first-child,
+				.bhinna-table td:first-child {
+					min-width: 3.5rem;
+				}
+				.heat-cell {
+					min-width: 1.5rem;
+				}
+			}
+			/* Visual cue that the bhinna table is scrollable below the breakpoint:
+			 * a soft gradient at the right edge so users see there is more to scroll. */
+			.overflow-scroll {
+				mask-image: linear-gradient(
+					to right,
+					transparent 0,
+					black 0.5rem,
+					black calc(100% - 1rem),
+					transparent 100%
+				);
+				-webkit-mask-image: linear-gradient(
+					to right,
+					transparent 0,
+					black 0.5rem,
+					black calc(100% - 1rem),
+					transparent 100%
+				);
+			}
+		`],p([y({attribute:!1})],V.prototype,"data",2),p([z()],V.prototype,"activeTab",2),V=p([b("roxy-ashtakavarga-grid")],V);var tr={physical:"#dc2626",emotional:"#0284c7",intellectual:"#16a34a",intuitive:"#a855f7",aesthetic:"#f59e0b",awareness:"#ec4899",spiritual:"#14b8a6",passion:"#ef4444",mastery:"#6366f1",wisdom:"#475569"},Y=class extends x{constructor(){super(...arguments);this.data=null;this.mode="daily"}render(){let e=this.data;return e?this.mode==="critical-days"&&"criticalDays"in e?this.renderCritical(e):this.mode==="forecast"&&"days"in e?this.renderForecast(e):this.renderDaily(e):s`<div class="roxy-empty" role="status">No biorhythm data</div>`}renderDaily(e){let t=e.quickRead??{},r=Object.entries(t).map(([o,i])=>{let d=typeof i=="number"?i:0,c=Math.abs(d)>1?d/100:d;return[o,c]});return s`<section class="wrap" aria-label="Daily biorhythm">
 			<header class="head">
 				<h2 class="title">Biorhythm</h2>
-				${typeof e.energyRating=="number"?t`<span class="energy">Energy ${e.energyRating}/10</span>`:n}
+				${typeof e.energyRating=="number"?s`<span class="energy">Energy ${e.energyRating}/10</span>`:l}
 			</header>
 			<div class="bars" role="list">
-				${a.map(([o,l])=>{let d=(l+1)/2*100,c=qr[o]??"var(--roxy-accent, #f59e0b)";return t`<div class="bar" role="listitem">
+				${r.map(([o,i])=>{let d=(i+1)/2*100,c=tr[o]??"var(--roxy-accent, #f59e0b)";return s`<div class="bar" role="listitem">
 						<span style="text-transform: capitalize">${o}</span>
 						<span class="track">
 							<span
@@ -318,18 +373,18 @@
 								style="width: ${d}%; background: ${c}"
 							></span>
 						</span>
-						<span class="value">${Math.round(l*100)}%</span>
+						<span class="value">${Math.round(i*100)}%</span>
 					</div>`})}
 			</div>
-			${e.dailyMessage?t`<p class="advice">${e.dailyMessage}</p>`:n}
-			${e.advice?t`<p class="advice">${e.advice}</p>`:n}
-		</section>`}renderForecast(e){let r=e.days??[];if(r.length===0)return t`<div class="roxy-empty" role="status">No forecast</div>`;let a=600,o=160,l=a/Math.max(r.length-1,1),d=["physical","emotional","intellectual","intuitive"];return t`<section class="wrap" aria-label="Biorhythm forecast">
+			${e.dailyMessage?s`<p class="advice">${e.dailyMessage}</p>`:l}
+			${e.advice?s`<p class="advice">${e.advice}</p>`:l}
+		</section>`}renderForecast(e){let t=e.days??[];if(t.length===0)return s`<div class="roxy-empty" role="status">No forecast</div>`;let r=600,o=160,i=r/Math.max(t.length-1,1),d=["physical","emotional","intellectual","intuitive"];return s`<section class="wrap" aria-label="Biorhythm forecast">
 			<header class="head">
 				<h2 class="title">Forecast</h2>
 				<span class="energy">${e.startDate} - ${e.endDate}</span>
 			</header>
 			<svg
-				viewBox="0 0 ${a} ${o}"
+				viewBox="0 0 ${r} ${o}"
 				role="img"
 				aria-label="Biorhythm cycle lines across the forecast window"
 			>
@@ -337,25 +392,25 @@
 				<line
 					x1="0"
 					y1=${o/2}
-					x2=${a}
+					x2=${r}
 					y2=${o/2}
 					stroke="var(--roxy-border, #e4e4e7)"
 					stroke-width="1"
 				/>
-				${d.map(c=>{let m=r.map((h,b)=>{let E=h[c]??0,$=b*l,wr=o/2-E/100*(o/2-8);return`${$.toFixed(2)},${wr.toFixed(2)}`}).join(" "),y=qr[c]??"#475569";return S`<polyline points=${m} fill="none" stroke=${y} stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />`})}
+				${d.map(c=>{let m=t.map((h,u)=>{let k=h[c]??0,$=u*i,$e=o/2-k/100*(o/2-8);return`${$.toFixed(2)},${$e.toFixed(2)}`}).join(" "),g=tr[c]??"#475569";return w`<polyline points=${m} fill="none" stroke=${g} stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />`})}
 			</svg>
-			${e.summary?.periodAdvice?t`<p class="advice">${e.summary.periodAdvice}</p>`:n}
-		</section>`}renderCritical(e){return t`<section class="wrap" aria-label="Critical days">
+			${e.summary?.periodAdvice?s`<p class="advice">${e.summary.periodAdvice}</p>`:l}
+		</section>`}renderCritical(e){return s`<section class="wrap" aria-label="Critical days">
 			<header class="head">
 				<h2 class="title">Critical days</h2>
 				<span class="energy">${e.totalCriticalDays} total</span>
 			</header>
 			<div>
-				${e.criticalDays.map(r=>t`<span class="crit"
-						>${r.date} · ${r.cycle} ${r.severity}</span
+				${e.criticalDays.map(t=>s`<span class="crit"
+						>${t.date} · ${t.cycle} ${t.severity}</span
 					>`)}
 			</div>
-		</section>`}};H.styles=[v,x`
+		</section>`}};Y.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -431,35 +486,41 @@
 				display: inline-block;
 				margin: 2px;
 			}
-		`],p([g({attribute:!1})],H.prototype,"data",2),p([g({type:String,reflect:!0})],H.prototype,"mode",2),H=p([f("roxy-biorhythm-chart")],H);function A(i){return i?i.charAt(0).toUpperCase()+i.slice(1).toLowerCase():""}function te(i){return i.replace(/[_-]+/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/^\w/,s=>s.toUpperCase())}function Kr(i){try{let s=new Date(i);return Number.isNaN(s.getTime())?i:s.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return i}}var ae=class extends u{constructor(){super(...arguments);this.data=null}renderTile(e){let r=e.effect==="Good"?"good":e.effect==="Bad"?"bad":"neutral",a=L[A(e.lord)]??"",o=`${Kr(e.start)} - ${Kr(e.end)}`;return t`<div class="cho-tile ${r}" role="listitem">
-			<span class="tile-name">${e.name}</span>
-			<span class="tile-time" aria-label="Time range">${o}</span>
+		`],p([y({attribute:!1})],Y.prototype,"data",2),p([y({type:String,reflect:!0})],Y.prototype,"mode",2),Y=p([b("roxy-biorhythm-chart")],Y);function E(n){return n?n.charAt(0).toUpperCase()+n.slice(1).toLowerCase():""}function ce(n){return n.replace(/[_-]+/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/^\w/,a=>a.toUpperCase())}function rr(n){try{let a=new Date(n);return Number.isNaN(a.getTime())?n:a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return n}}var pe=class extends x{constructor(){super(...arguments);this.data=null}isCurrent(e){let t=Date.now(),r=Date.parse(e.start),o=Date.parse(e.end);return Number.isNaN(r)||Number.isNaN(o)?!1:t>=r&&t<o}renderTile(e){let t=e.effect==="Good"?"good":e.effect==="Bad"?"bad":"neutral",r=this.isCurrent(e),o=R[E(e.lord)]??"",i=`${rr(e.start)} - ${rr(e.end)}`;return s`<div
+			class="cho-tile ${t}${r?" now":""}"
+			role="listitem"
+			aria-current=${r?"time":"false"}
+		>
+			<span class="tile-name">
+				${e.name}${r?s`<span class="now-badge">Now</span>`:l}
+			</span>
+			<span class="tile-time" aria-label="Time range">${i}</span>
 			<span class="tile-lord">
-				${a?t`<span aria-hidden="true">${a}</span>`:n}
+				${o?s`<span aria-hidden="true">${o}</span>`:l}
 				${e.lord}
 			</span>
-		</div>`}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No choghadiya data</div>`;let{date:e,dayChoghadiya:r,nightChoghadiya:a}=this.data;return t`<div class="wrap">
+		</div>`}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No choghadiya data</div>`;let{date:e,dayChoghadiya:t,nightChoghadiya:r}=this.data;return s`<div class="wrap">
 			<div class="header">
 				<h2 class="title">Choghadiya</h2>
-				${e?t`<p class="subtitle">${e}</p>`:n}
+				${e?s`<p class="subtitle">${e}</p>`:l}
 			</div>
 
 			<div class="cho-grid">
 				<section class="period-col" aria-label="Day muhurta periods">
 					<h3 class="period-heading">Day</h3>
 					<div role="list" aria-label="Daytime choghadiya">
-						${r&&r.length>0?r.map(o=>this.renderTile(o)):t`<p class="roxy-empty" role="status">No daytime periods</p>`}
+						${t&&t.length>0?t.map(o=>this.renderTile(o)):s`<p class="roxy-empty" role="status">No daytime periods</p>`}
 					</div>
 				</section>
 
 				<section class="period-col" aria-label="Night muhurta periods">
 					<h3 class="period-heading">Night</h3>
 					<div role="list" aria-label="Nighttime choghadiya">
-						${a&&a.length>0?a.map(o=>this.renderTile(o)):t`<p class="roxy-empty" role="status">No nighttime periods</p>`}
+						${r&&r.length>0?r.map(o=>this.renderTile(o)):s`<p class="roxy-empty" role="status">No nighttime periods</p>`}
 					</div>
 				</section>
 			</div>
-		</div>`}};ae.styles=[v,x`
+		</div>`}};pe.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -521,6 +582,21 @@
 				background: transparent;
 				color: var(--roxy-fg, #0a0a0a);
 			}
+			.cho-tile.now {
+				outline: 2px solid var(--roxy-accent, #f59e0b);
+				outline-offset: 1px;
+				box-shadow: 0 0 0 4px
+					color-mix(in srgb, var(--roxy-accent, #f59e0b) 18%, transparent);
+			}
+			.now-badge {
+				display: inline-block;
+				margin-left: 0.4em;
+				font-size: var(--roxy-text-xs, 0.75rem);
+				font-weight: var(--roxy-weight-bold, 600);
+				color: var(--roxy-accent-fg, #b45309);
+				text-transform: uppercase;
+				letter-spacing: 0.06em;
+			}
 			.tile-name {
 				font-size: var(--roxy-text-base, 1rem);
 				font-weight: var(--roxy-weight-bold, 600);
@@ -543,55 +619,55 @@
 				align-items: center;
 				gap: 0.25em;
 			}
-		`],p([g({attribute:!1})],ae.prototype,"data",2),ae=p([f("roxy-choghadiya-grid")],ae);function G(i){if(typeof i!="string"||i.length===0||/^\d{4}-\d{2}-\d{2}$/.test(i))return"";let e=/^\d{2}:\d{2}(:\d{2})?$/.test(i)?`1970-01-01T${i}`:i,r=new Date(e);return Number.isNaN(r.getTime())?i:r.toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit",hour12:!0})}function Ke(i){if(typeof i!="string"||i.length===0)return"";let s=new Date(/^\d{4}-\d{2}-\d{2}$/.test(i)?`${i}T00:00:00`:i);return Number.isNaN(s.getTime())?i:s.toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"})}function gr(i){if(!i)return"";let s=G(i.start),e=G(i.end);return s&&e?`${s} - ${e}`:s||e||""}function w(i,s=1){return typeof i!="number"||!Number.isFinite(i)?"":i.toFixed(s).replace(/\.?0+$/,"")}function Ur(i,s=1){let e=w(i,s);return e?`${e}%`:""}var Re={conjunction:"aspect-conjunction",sextile:"aspect-sextile",square:"aspect-square",trine:"aspect-trine",opposition:"aspect-opposition"};function we(i){return(i.type??"").toLowerCase().replace(/_/g,"-")}var j=class extends u{constructor(){super(...arguments);this.data=null;this.mode="astrology"}getBreakdown(){let e=this.data;if(!e)return{};if("categories"in e&&e.categories){let r={};for(let[a,o]of Object.entries(e.categories))typeof o=="number"&&Number.isFinite(o)&&(r[a]=o);return r}return{}}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No compatibility data</div>`;let r=e.overallScore,a=this.getBreakdown(),o="rating"in e?e.rating:void 0,l="archetype"in e?e.archetype:void 0,d="advice"in e?e.advice:void 0,c="summary"in e?e.summary:void 0,m="interpretation"in e?e.interpretation:void 0,y="strengths"in e?e.strengths:void 0,h="challenges"in e?e.challenges:void 0,b="keyAspects"in e?e.keyAspects:void 0;return t`<article
+		`],p([y({attribute:!1})],pe.prototype,"data",2),pe=p([b("roxy-choghadiya-grid")],pe);function j(n){if(typeof n!="string"||n.length===0||/^\d{4}-\d{2}-\d{2}$/.test(n))return"";let e=/^\d{2}:\d{2}(:\d{2})?$/.test(n)?`1970-01-01T${n}`:n,t=new Date(e);return Number.isNaN(t.getTime())?n:t.toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit",hour12:!0})}function rt(n){if(typeof n!="string"||n.length===0)return"";let a=new Date(/^\d{4}-\d{2}-\d{2}$/.test(n)?`${n}T00:00:00`:n);return Number.isNaN(a.getTime())?n:a.toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"})}function At(n){if(!n)return"";let a=j(n.start),e=j(n.end);return a&&e?`${a} - ${e}`:a||e||""}function A(n,a=1){return typeof n!="number"||!Number.isFinite(n)?"":n.toFixed(a).replace(/\.?0+$/,"")}function ar(n,a=1){let e=A(n,a);return e?`${e}%`:""}var qe={conjunction:"aspect-conjunction",sextile:"aspect-sextile",square:"aspect-square",trine:"aspect-trine",opposition:"aspect-opposition"};function Re(n){return(n.type??"").toLowerCase().replace(/_/g,"-")}var U=class extends x{constructor(){super(...arguments);this.data=null;this.mode="astrology"}getBreakdown(){let e=this.data;if(!e)return{};if("categories"in e&&e.categories){let t={};for(let[r,o]of Object.entries(e.categories))typeof o=="number"&&Number.isFinite(o)&&(t[r]=o);return t}return{}}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No compatibility data</div>`;let t=e.overallScore,r=this.getBreakdown(),o="rating"in e?e.rating:void 0,i="archetype"in e?e.archetype:void 0,d="advice"in e?e.advice:void 0,c="summary"in e?e.summary:void 0,m="interpretation"in e?e.interpretation:void 0,g="strengths"in e?e.strengths:void 0,h="challenges"in e?e.challenges:void 0,u="keyAspects"in e?e.keyAspects:void 0;return s`<article
 			class="card"
 			aria-label=${`Compatibility (${this.mode})`}
 		>
 			<div class="head">
 				<h2>${this.mode} compatibility</h2>
 				<div>
-					${typeof r=="number"?t`<div class="score">${w(r,0)}</div>`:n}
-					${o?t`<div class="rating">${o}</div>`:n}
+					${typeof t=="number"?s`<div class="score">${A(t,0)}</div>`:l}
+					${o?s`<div class="rating">${o}</div>`:l}
 				</div>
 			</div>
 
-			${Object.keys(a).length>0?t`<div role="list">
-						${Object.entries(a).map(([E,$])=>t`<div class="bar-row" role="listitem">
-								<span style="text-transform: capitalize">${E}</span>
+			${Object.keys(r).length>0?s`<div role="list">
+						${Object.entries(r).map(([k,$])=>s`<div class="bar-row" role="listitem">
+								<span style="text-transform: capitalize">${k}</span>
 								<span class="bar"
 									><span style="width: ${Math.max(0,Math.min(100,$))}%"></span
 								></span>
-								<span>${w($,0)}</span>
+								<span>${A($,0)}</span>
 							</div>`)}
-					</div>`:n}
-			${l?t`<p>
-						<span class="archetype">${l.label}</span>
-						${l.description?t` · ${l.description}`:n}
-					</p>`:n}
-			${c?t`<p>${c}</p>`:n}
-			${m&&!c?t`<p>${m}</p>`:n}
-			${d?t`<p>${d}</p>`:n}
-			${(y?.length??0)>0||(h?.length??0)>0?t`<div class="lists">
-						${y?.length?t`<div>
+					</div>`:l}
+			${i?s`<p>
+						<span class="archetype">${i.label}</span>
+						${i.description?s` · ${i.description}`:l}
+					</p>`:l}
+			${c?s`<p>${c}</p>`:l}
+			${m&&!c?s`<p>${m}</p>`:l}
+			${d?s`<p>${d}</p>`:l}
+			${(g?.length??0)>0||(h?.length??0)>0?s`<div class="lists">
+						${g?.length?s`<div>
 									<h3>Strengths</h3>
 									<ul>
-										${y.map(E=>t`<li>${E}</li>`)}
+										${g.map(k=>s`<li>${k}</li>`)}
 									</ul>
-								</div>`:n}
-						${h?.length?t`<div>
+								</div>`:l}
+						${h?.length?s`<div>
 									<h3>Challenges</h3>
 									<ul>
-										${h.map(E=>t`<li>${E}</li>`)}
+										${h.map(k=>s`<li>${k}</li>`)}
 									</ul>
-								</div>`:n}
-					</div>`:n}
-			${b?.length?t`<div>
+								</div>`:l}
+					</div>`:l}
+			${u?.length?s`<div>
 						<h3 style="margin: 0 0 0.25rem; font-size: var(--roxy-text-xs); color: var(--roxy-muted); text-transform: uppercase; letter-spacing: 0.06em;">Key aspects</h3>
 						<ul style="margin: 0; padding-left: 1rem; font-size: var(--roxy-text-sm);">
-							${b.slice(0,6).map(E=>t`<li>${bt(E)}</li>`)}
+							${u.slice(0,6).map(k=>s`<li>${Nr(k)}</li>`)}
 						</ul>
-					</div>`:n}
-		</article>`}};j.styles=[v,x`
+					</div>`:l}
+		</article>`}};U.styles=[v,f`
 			.card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -675,45 +751,66 @@
 				margin: 0;
 				padding-left: var(--roxy-space-md, 1rem);
 			}
-		`],p([g({attribute:!1})],j.prototype,"data",2),p([g({type:String,reflect:!0})],j.prototype,"mode",2),j=p([f("roxy-compatibility-card")],j);function bt(i){let s=i.type.toLowerCase().replace(/_/g,"-"),e=typeof i.orb=="number"?` (orb ${w(i.orb,1)}\xB0)`:"",r=[i.planet1,s,i.planet2].filter(Boolean).join(" ");return i.description?`${r}${e} \xB7 ${i.description}`:`${r}${e}`}var I=class extends u{constructor(){super(...arguments);this.data=null;this.period="current"}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No dasha data</div>`;let r=this.collectPeriods(e),a=r.length?Math.max(...r.map(o=>o.durationYears)):0;return t`<div class="wrap" aria-label="Dasha timeline">
+		`],p([y({attribute:!1})],U.prototype,"data",2),p([y({type:String,reflect:!0})],U.prototype,"mode",2),U=p([b("roxy-compatibility-card")],U);function Nr(n){let a=n.type.toLowerCase().replace(/_/g,"-"),e=typeof n.orb=="number"?` (orb ${A(n.orb,1)}\xB0)`:"",t=[n.planet1,a,n.planet2].filter(Boolean).join(" ");return n.description?`${t}${e} \xB7 ${n.description}`:`${t}${e}`}var F=class extends x{constructor(){super(...arguments);this.data=null;this.period="current"}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No dasha data</div>`;let t=this.collectPeriods(e),r=t.length?Math.max(...t.map(o=>o.durationYears)):0;return s`<div class="wrap" aria-label="Dasha timeline">
 			<header class="head">
 				<h2 class="title">
 					${this.period==="major"?"Vimshottari Mahadasha":this.period==="sub"?"Antardasha":"Active dashas"}
 				</h2>
-				${"nakshatraName"in e&&e.nakshatraName?t`<div class="nakshatra">
+				${"nakshatraName"in e&&e.nakshatraName?s`<div class="nakshatra">
 						Moon nakshatra: ${e.nakshatraName}
-						${"nakshatraLord"in e&&e.nakshatraLord?t`(lord ${e.nakshatraLord})`:n}
-					</div>`:n}
+						${"nakshatraLord"in e&&e.nakshatraLord?s`(lord ${e.nakshatraLord})`:l}
+					</div>`:l}
 			</header>
 
-			${this.period==="current"?this.renderCurrent(e):n}
-			${r.length>0?t`<div class="timeline" role="list">
-						${r.map(o=>this.renderBar(o,a))}
-					</div>`:n}
-		</div>`}renderCurrent(e){return"mahadasha"in e?t`<div class="current">
-			${"mahadasha"in e&&e.mahadasha?t`<div>
+			${this.renderBirthBalance(e)}
+			${this.period==="current"?this.renderCurrent(e):l}
+			${t.length>0?s`<div class="timeline" role="list">
+						${t.map(o=>this.renderBar(o,r))}
+					</div>`:l}
+			${this.renderActiveInterpretation(t)}
+		</div>`}renderBirthBalance(e){if(!("birthDashaBalance"in e)||!e.birthDashaBalance)return l;let t=e.birthDashaBalance,r="nakshatraLord"in e&&e.nakshatraLord?e.nakshatraLord:"",o=t.years??0,i=t.months??0,d=t.days??0,c=[];o&&c.push(`${o}y`),i&&c.push(`${i}m`),d&&c.push(`${d}d`);let m=c.length?c.join(" "):"0d";return s`<p class="balance">
+			Birth dasha balance: ${m} of
+			${r?s`<strong>${r}</strong>`:"the opening mahadasha"} remained at birth.
+		</p>`}renderActiveInterpretation(e){let t=e.find(r=>this.isCurrent(r));return t?.interpretation?s`<details class="interp">
+			<summary>${t.planet} mahadasha interpretation</summary>
+			<p>${t.interpretation}</p>
+		</details>`:l}renderCurrent(e){return"mahadasha"in e?s`<div class="current">
+			${"mahadasha"in e&&e.mahadasha?s`<div>
 					<span>Mahadasha</span>
 					<strong>${e.mahadasha.planet}</strong>
-					${"remainingInMahadasha"in e&&e.remainingInMahadasha?t`<small>${w(e.remainingInMahadasha.years+e.remainingInMahadasha.months/12,1)} years left</small>`:n}
-				</div>`:n}
-			${"antardasha"in e&&e.antardasha?t`<div>
+					${"remainingInMahadasha"in e&&e.remainingInMahadasha?s`<small>${A(e.remainingInMahadasha.years+e.remainingInMahadasha.months/12,1)} years left</small>`:l}
+				</div>`:l}
+			${"antardasha"in e&&e.antardasha?s`<div>
 					<span>Antardasha</span>
 					<strong>${e.antardasha.planet}</strong>
-					${"remainingInAntardasha"in e&&e.remainingInAntardasha?t`<small>${w(e.remainingInAntardasha.years+e.remainingInAntardasha.months/12,1)} years left</small>`:n}
-				</div>`:n}
-			${"pratyantardasha"in e&&e.pratyantardasha?t`<div>
+					${"remainingInAntardasha"in e&&e.remainingInAntardasha?s`<small>${A(e.remainingInAntardasha.years+e.remainingInAntardasha.months/12,1)} years left</small>`:l}
+				</div>`:l}
+			${"pratyantardasha"in e&&e.pratyantardasha?s`<div>
 					<span>Pratyantardasha</span>
 					<strong>${e.pratyantardasha.planet}</strong>
-					${"remainingInPratyantardasha"in e&&e.remainingInPratyantardasha?t`<small>${w(e.remainingInPratyantardasha.years+e.remainingInPratyantardasha.months/12,1)} years left</small>`:n}
-				</div>`:n}
-		</div>`:n}collectPeriods(e){return"mahadashas"in e&&e.mahadashas?.length?e.mahadashas:"antardashas"in e&&e.antardashas?.length?e.antardashas:[]}renderBar(e,r){let a=e.durationYears,o=r>0?a/r*100:0;return t`<div class="bar" role="listitem">
-			<span>${e.planet}</span>
-			<span class="bar-track"><span style="width: ${o}%"></span></span>
+					${"remainingInPratyantardasha"in e&&e.remainingInPratyantardasha?s`<small>${A(e.remainingInPratyantardasha.years+e.remainingInPratyantardasha.months/12,1)} years left</small>`:l}
+				</div>`:l}
+		</div>`:l}collectPeriods(e){return"mahadashas"in e&&e.mahadashas?.length?e.mahadashas:"antardashas"in e&&e.antardashas?.length?e.antardashas:[]}isCurrent(e){if(!e.startDate||!e.endDate)return!1;let t=Date.now(),r=Date.parse(e.startDate),o=Date.parse(e.endDate);return Number.isNaN(r)||Number.isNaN(o)?!1:t>=r&&t<o}progressIn(e){if(!e.startDate||!e.endDate)return-1;let t=Date.parse(e.startDate),r=Date.parse(e.endDate),o=Date.now();return Number.isNaN(t)||Number.isNaN(r)||o<t||o>=r||r<=t?-1:(o-t)/(r-t)}renderBar(e,t){let r=e.durationYears,o=t>0?r/t*100:0,i=this.isCurrent(e),d=i?this.progressIn(e):-1,c=i?"bar-track bar-now":"bar-track";return s`<div
+			class=${i?"bar now":"bar"}
+			role="listitem"
+			aria-current=${i?"time":"false"}
+		>
+			<span>
+				<strong>${e.planet}</strong>${i?s`<span class="now-badge">Now</span>`:l}
+			</span>
+			<span class=${c}>
+				<span class="bar-fill" style="width: ${o}%"></span>
+				${d>=0?s`<span
+							class="bar-progress"
+							style="left: ${d*o}%"
+							aria-hidden="true"
+						></span>`:l}
+			</span>
 			<span class="dates">
-				${e.startDate?Yr(e.startDate):""}
-				${e.endDate?t`- ${Yr(e.endDate)}`:""}
+				${e.startDate?sr(e.startDate):""}
+				${e.endDate?s`- ${sr(e.endDate)}`:""}
 			</span>
-		</div>`}};I.styles=[v,x`
+		</div>`}};F.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -757,6 +854,13 @@
 				color: var(--roxy-fg, #0a0a0a);
 			}
 
+			.balance {
+				font-size: var(--roxy-text-sm, 0.875rem);
+				color: var(--roxy-muted, #71717a);
+				border-left: 2px solid var(--roxy-border, #e4e4e7);
+				padding-left: var(--roxy-space-sm, 0.5rem);
+				margin: 0;
+			}
 			.timeline {
 				display: grid;
 				gap: var(--roxy-space-xs, 0.25rem);
@@ -768,64 +872,107 @@
 				align-items: center;
 				font-size: var(--roxy-text-sm, 0.875rem);
 			}
+			.bar.now strong {
+				color: var(--roxy-accent-fg, #b45309);
+			}
+			.now-badge {
+				display: inline-block;
+				margin-left: 0.4em;
+				font-size: var(--roxy-text-xs, 0.75rem);
+				font-weight: var(--roxy-weight-bold, 600);
+				color: var(--roxy-accent-fg, #b45309);
+				text-transform: uppercase;
+				letter-spacing: 0.06em;
+			}
 			.bar-track {
+				position: relative;
 				height: 14px;
 				background: var(--roxy-border, #e4e4e7);
 				border-radius: var(--roxy-radius-full, 9999px);
 				overflow: hidden;
 			}
-			.bar-track > span {
+			.bar-fill {
 				display: block;
 				height: 100%;
 				background: var(--roxy-accent, #f59e0b);
+				opacity: 0.45;
 				transition:
 					width var(--roxy-motion-duration, 200ms)
 					var(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1));
 			}
+			.bar-now .bar-fill {
+				opacity: 1;
+			}
+			.bar-progress {
+				position: absolute;
+				top: -2px;
+				bottom: -2px;
+				width: 2px;
+				background: var(--roxy-accent-fg, #b45309);
+				border-radius: 2px;
+				box-shadow: 0 0 0 2px
+					color-mix(in srgb, var(--roxy-accent, #f59e0b) 35%, transparent);
+			}
 			.dates {
 				color: var(--roxy-muted, #71717a);
 				font-size: var(--roxy-text-xs, 0.75rem);
 				font-variant-numeric: tabular-nums;
 				text-align: right;
 			}
-		`],p([g({attribute:!1})],I.prototype,"data",2),p([g({type:String,reflect:!0})],I.prototype,"period",2),I=p([f("roxy-dasha-timeline")],I);function Yr(i){let s=i.match(/^(\d{4})/);return s?s[1]:i}var $t=["title","name","label","heading","overview","summary"],wt=["imageUrl","image","icon","symbol"],kt=["imageUrl","image"],St=6,B=class extends u{constructor(){super(...arguments);this.data=null;this.depth=0}render(){return this.data==null?t`<div class="roxy-empty" role="status">No data</div>`:this.depth>=St?t`<div class="roxy-empty" role="status">…</div>`:t`<div
+			details.interp {
+				border: 1px solid var(--roxy-border, #e4e4e7);
+				border-radius: var(--roxy-radius-md, 8px);
+				padding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);
+				background: var(--roxy-bg, #fff);
+			}
+			details.interp summary {
+				cursor: pointer;
+				font-size: var(--roxy-text-sm, 0.875rem);
+				font-weight: var(--roxy-weight-bold, 600);
+			}
+			details.interp p {
+				margin: var(--roxy-space-sm, 0.5rem) 0 0;
+				font-size: var(--roxy-text-sm, 0.875rem);
+				color: var(--roxy-muted, #71717a);
+			}
+		`],p([y({attribute:!1})],F.prototype,"data",2),p([y({type:String,reflect:!0})],F.prototype,"period",2),F=p([b("roxy-dasha-timeline")],F);function sr(n){let a=n.match(/^(\d{4})/);return a?a[1]:n}var zr=["title","name","label","heading","overview","summary"],Mr=["imageUrl","image","icon","symbol"],_r=["imageUrl","image"],Dr=6,W=class extends x{constructor(){super(...arguments);this.data=null;this.depth=0}render(){return this.data==null?s`<div class="roxy-empty" role="status">No data</div>`:this.depth>=Dr?s`<div class="roxy-empty" role="status">…</div>`:s`<div
 			class="roxy-card"
 			aria-label="Generic data display"
 		>
 			${this.renderValue(this.data)}
-		</div>`}renderValue(e){return e==null?n:typeof e=="string"?t`<p>${e}</p>`:typeof e=="number"||typeof e=="boolean"?t`<p>${String(e)}</p>`:Array.isArray(e)?this.renderArray(e):this.renderObject(e)}renderArray(e){return e.length===0?t`<div class="roxy-empty" role="status">Empty list</div>`:e.every(o=>o===null||["string","number","boolean"].includes(typeof o))?t`<ul class="roxy-chips">
-				${e.map(o=>t`<li>${String(o)}</li>`)}
-			</ul>`:e.every(o=>o!==null&&typeof o=="object"&&!Array.isArray(o))?this.renderTable(e):t`<ol>
-			${e.map(o=>t`<li>${this.renderValue(o)}</li>`)}
-		</ol>`}renderTable(e){let r=this.collectKeys(e);return t`<table class="roxy-table" role="table">
+		</div>`}renderValue(e){return e==null?l:typeof e=="string"?s`<p>${e}</p>`:typeof e=="number"||typeof e=="boolean"?s`<p>${String(e)}</p>`:Array.isArray(e)?this.renderArray(e):this.renderObject(e)}renderArray(e){return e.length===0?s`<div class="roxy-empty" role="status">Empty list</div>`:e.every(o=>o===null||["string","number","boolean"].includes(typeof o))?s`<ul class="roxy-chips">
+				${e.map(o=>s`<li>${String(o)}</li>`)}
+			</ul>`:e.every(o=>o!==null&&typeof o=="object"&&!Array.isArray(o))?this.renderTable(e):s`<ol>
+			${e.map(o=>s`<li>${this.renderValue(o)}</li>`)}
+		</ol>`}renderTable(e){let t=this.collectKeys(e);return s`<table class="roxy-table" role="table">
 			<thead>
 				<tr>
-					${r.map(a=>t`<th>${te(a)}</th>`)}
+					${t.map(r=>s`<th>${ce(r)}</th>`)}
 				</tr>
 			</thead>
 			<tbody>
-				${e.map(a=>t`<tr>
-						${r.map(o=>t`<td>${this.formatPrimitive(a[o])}</td>`)}
+				${e.map(r=>s`<tr>
+						${t.map(o=>s`<td>${this.formatPrimitive(r[o])}</td>`)}
 					</tr>`)}
 			</tbody>
-		</table>`}renderObject(e){let r=$t.find(d=>typeof e[d]=="string"),a=wt.find(d=>typeof e[d]=="string"&&e[d].startsWith("http")),o=r!=="summary"&&typeof e.summary=="string"?"summary":null,l=Object.entries(e).filter(([d,c])=>d!==r&&d!==o&&!kt.includes(d)&&c!==null&&c!==void 0);return t`
-			${a?t`<img
+		</table>`}renderObject(e){let t=zr.find(d=>typeof e[d]=="string"),r=Mr.find(d=>typeof e[d]=="string"&&e[d].startsWith("http")),o=t!=="summary"&&typeof e.summary=="string"?"summary":null,i=Object.entries(e).filter(([d,c])=>d!==t&&d!==o&&!_r.includes(d)&&c!==null&&c!==void 0);return s`
+			${r?s`<img
 						class="roxy-image"
-						src=${String(e[a])}
-						alt=${r?String(e[r]):"illustration"}
+						src=${String(e[r])}
+						alt=${t?String(e[t]):"illustration"}
 						loading="lazy"
-					/>`:n}
-			${r?t`<h3 class="roxy-title">${e[r]}</h3>`:n}
-			${o?t`<p class="roxy-summary">${e[o]}</p>`:n}
-			${l.length>0?t`<dl class="roxy-rows">
-						${l.map(([d,c])=>t`
-								<dt>${te(d)}</dt>
+					/>`:l}
+			${t?s`<h3 class="roxy-title">${e[t]}</h3>`:l}
+			${o?s`<p class="roxy-summary">${e[o]}</p>`:l}
+			${i.length>0?s`<dl class="roxy-rows">
+						${i.map(([d,c])=>s`
+								<dt>${ce(d)}</dt>
 								<dd>${this.renderField(c)}</dd>
 							`)}
-					</dl>`:n}
-		`}renderField(e){return e==null?"":typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?String(e):Array.isArray(e)&&e.every(a=>["string","number","boolean"].includes(typeof a))?t`<ul class="roxy-chips">
-					${e.map(a=>t`<li>${String(a)}</li>`)}
-				</ul>`:t`<roxy-data .data=${e} .depth=${this.depth+1}></roxy-data>`}formatPrimitive(e){return e==null?"":typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?String(e):Array.isArray(e)?e.map(String).join(", "):JSON.stringify(e)}collectKeys(e){let r=new Set;for(let a of e)for(let o of Object.keys(a))r.add(o);return Array.from(r)}};B.styles=[v,x`
+					</dl>`:l}
+		`}renderField(e){return e==null?"":typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?String(e):Array.isArray(e)&&e.every(r=>["string","number","boolean"].includes(typeof r))?s`<ul class="roxy-chips">
+					${e.map(r=>s`<li>${String(r)}</li>`)}
+				</ul>`:s`<roxy-data .data=${e} .depth=${this.depth+1}></roxy-data>`}formatPrimitive(e){return e==null?"":typeof e=="string"?e:typeof e=="number"||typeof e=="boolean"?String(e):Array.isArray(e)?e.map(String).join(", "):JSON.stringify(e)}collectKeys(e){let t=new Set;for(let r of e)for(let o of Object.keys(r))t.add(o);return Array.from(t)}};W.styles=[v,f`
 			.roxy-card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -919,94 +1066,227 @@
 				margin: 0 0 var(--roxy-space-xs, 0.25rem) 0;
 				text-transform: capitalize;
 			}
-		`],p([g({attribute:!1})],B.prototype,"data",2),p([g({attribute:!1})],B.prototype,"depth",2),B=p([f("roxy-data")],B);function se(i){let s=i%360;return s<0?s+360:s}function ve(i){let s=se(i),e=Math.floor(s/30)%12,r=s%30,a=Math.floor(r),o=(r-a)*60,l=Math.floor(o),d=Math.round((o-l)*60);return{sign:_[e]??"Aries",signIndex:e,degree:a,minute:l,second:d}}function Ue(i){let{sign:s,degree:e,minute:r}=ve(i);return`${e}\xB0 ${s} ${String(r).padStart(2,"0")}'`}function yr(i){return se(i+180)}function Fr(i,s){let e=se(i),r=se(s)-e;return r<0&&(r+=360),se(e+r/2)}function P(i,s,e,r){let a=r*Math.PI/180;return{x:i+e*Math.cos(a),y:s+e*Math.sin(a)}}var Rs=Object.fromEntries(_.map(i=>[i.toLowerCase(),i])),At="\u02B3";function Et(i){let s=Ir[A(i.graha)]??i.graha.slice(0,2),e=i.isRetrograde?At:"";if(typeof i.longitude!="number"||!Number.isFinite(i.longitude))return`${s}${e}`;let{degree:r}=ve(i.longitude);return`${s} ${r}\xB0${e}`}function Lt(i){let s=[A(i.graha)];if(typeof i.longitude=="number"&&Number.isFinite(i.longitude)){let e=ve(i.longitude);s.push(`${e.degree}\xB0${String(e.minute).padStart(2,"0")}' ${e.sign}`)}if(i.nakshatra?.name){let e=i.nakshatra.pada?` pada ${i.nakshatra.pada}`:"";s.push(`${i.nakshatra.name}${e}`)}return i.awastha&&s.push(i.awastha),i.isRetrograde&&s.push("retrograde"),s.join(" \xB7 ")}function ur(i,s,e,r){let a=e-(i.length-1)*r/2;return i.map((o,l)=>{let d=a+l*r;return S`<text class="planet-text" x=${s} y=${d} text-anchor="middle" dominant-baseline="central">${Et(o)}<title>${Lt(o)}</title></text>`})}var Pt={1:{x:150,y:58},2:{x:205,y:52},3:{x:253,y:112},4:{x:243,y:150},5:{x:253,y:188},6:{x:205,y:248},7:{x:150,y:242},8:{x:95,y:248},9:{x:47,y:188},10:{x:57,y:150},11:{x:47,y:112},12:{x:95,y:52}},Ct={1:{x:150,y:35},2:{x:222,y:40},3:{x:265,y:100},4:{x:265,y:150},5:{x:265,y:200},6:{x:222,y:260},7:{x:150,y:265},8:{x:78,y:260},9:{x:35,y:200},10:{x:35,y:150},11:{x:35,y:100},12:{x:78,y:40}},Tt={1:{x:150,y:60},2:{x:225,y:100},3:{x:255,y:150},4:{x:225,y:200},5:{x:150,y:240},6:{x:75,y:200},7:{x:45,y:150},8:{x:75,y:100},9:{x:100,y:80},10:{x:150,y:108},11:{x:200,y:80},12:{x:200,y:220}},Rt={1:{x:150,y:80},2:{x:220,y:33},3:{x:267,y:80},4:{x:220,y:150},5:{x:267,y:220},6:{x:220,y:267},7:{x:150,y:220},8:{x:80,y:267},9:{x:33,y:220},10:{x:80,y:150},11:{x:33,y:80},12:{x:80,y:33}},zt={1:{x:150,y:55},2:{x:235,y:24},3:{x:276,y:62},4:{x:242,y:150},5:{x:276,y:238},6:{x:235,y:276},7:{x:150,y:245},8:{x:65,y:276},9:{x:24,y:238},10:{x:58,y:150},11:{x:24,y:62},12:{x:65,y:24}};function Ye(i){let s=Pt[i.number],e=Ct[i.number];if(!s||!e)return n;let r=qe[i.sign]??"",a=i.isLagna?s.y+8:s.y;return S`
-		<g>
-			${i.isLagna?S`<rect
-							class="lagna-bg"
-							x=${s.x-30} y=${s.y-28}
-							width="60" height="56" rx="6"
-						/>`:n}
-			${r?S`<text class="sign-text" x=${e.x} y=${e.y} text-anchor="middle" dominant-baseline="central">${r}</text>`:n}
-			${i.isLagna?S`<text class="lagna-marker" x=${s.x} y=${s.y-18} text-anchor="middle" dominant-baseline="central">LAGNA</text>`:n}
-			${ur(i.planets,s.x,a,13)}
+		`],p([y({attribute:!1})],W.prototype,"data",2),p([y({attribute:!1})],W.prototype,"depth",2),W=p([b("roxy-data")],W);function I(n){let a=n%360;return a<0?a+360:a}function B(n){let a=I(n),e=Math.floor(a/30)%12,t=a%30,r=Math.floor(t),o=(t-r)*60,i=Math.floor(o),d=Math.round((o-i)*60);return{sign:M[e]??"Aries",signIndex:e,degree:r,minute:i,second:d}}function at(n){let{sign:a,degree:e,minute:t}=B(n);return`${e}\xB0 ${a} ${String(t).padStart(2,"0")}'`}function Et(n){return I(n+180)}function or(n,a){let e=I(n),t=I(a)-e;return t<0&&(t+=360),I(e+t/2)}function L(n,a,e,t){let r=t*Math.PI/180;return{x:n+e*Math.cos(r),y:a+e*Math.sin(r)}}var H=400,P=20,D=H-2*P,N=H/2,Or=Object.fromEntries(M.map(n=>[n.toLowerCase(),n])),Ce=[{id:"north",label:"North"},{id:"south",label:"South"},{id:"east",label:"East"}],Gr="\u02B3";function nr(n,a){return typeof n.longitude!="number"||!Number.isFinite(n.longitude)?!1:B(n.longitude).sign.toLowerCase()!==a.toLowerCase()}function Hr(n,a){let e=Qt[E(n.graha)]??n.graha.slice(0,2),t=n.isRetrograde?Gr:"";if(typeof n.longitude!="number"||!Number.isFinite(n.longitude)||nr(n,a))return`${e}${t}`;let{degree:r}=B(n.longitude);return`${e} ${r}\xB0${t}`}function jr(n,a){let e=[E(n.graha)],t=nr(n,a);if(t&&e.push(`in ${a}`),typeof n.longitude=="number"&&Number.isFinite(n.longitude)){let r=B(n.longitude),o=String(r.minute).padStart(2,"0");e.push(t?`D1: ${r.degree}\xB0${o}' ${r.sign}`:`${r.degree}\xB0${o}' ${r.sign}`)}if(n.nakshatra?.name){let r=n.nakshatra.pada?` pada ${n.nakshatra.pada}`:"";e.push(`${n.nakshatra.name}${r}`)}return n.awastha&&e.push(n.awastha),n.isRetrograde&&e.push("retrograde"),e.join(" \xB7 ")}function Ct(n,a,e,t,r){let o=t-(n.length-1)*r/2;return n.map((i,d)=>{let c=o+d*r;return w`<text class="planet-text" x=${e} y=${c} text-anchor="middle" dominant-baseline="central">${Hr(i,a)}<title>${jr(i,a)}</title></text>`})}function ot(n,a){let e={};for(let r of M)e[r.toLowerCase()]=[];let t="";for(let[r,o]of Object.entries(n??{})){let i=(o?.rashi??"").toLowerCase();if(r==="Lagna"||o?.graha==="Lagna"){t=Or[i]??"";continue}!i||!(i in e)||e[i]?.push({graha:o.graha??r,longitude:o.longitude,nakshatra:o.nakshatra,isRetrograde:o.isRetrograde,awastha:o.awastha})}return{lagnaSign:t,placements:e,divisionLabel:a}}var Le=D/4,Ir={Pisces:{col:0,row:0},Aries:{col:1,row:0},Taurus:{col:2,row:0},Gemini:{col:3,row:0},Cancer:{col:3,row:1},Leo:{col:3,row:2},Virgo:{col:3,row:3},Libra:{col:2,row:3},Scorpio:{col:1,row:3},Sagittarius:{col:0,row:3},Capricorn:{col:0,row:2},Aquarius:{col:0,row:1}};function Br(n){let a=Ir[n]??{col:0,row:0};return{x:P+a.col*Le,y:P+a.row*Le,w:Le,h:Le}}function Kr(n){let a=P,e=P+Le,t=P+2*Le,r=P+3*Le,o=H-P;return w`
+		<rect class="line" x=${a} y=${a} width=${D} height=${D} stroke-width="1.5" fill="none" />
+		<line class="line" x1=${a} y1=${e} x2=${o} y2=${e} stroke-width="1" />
+		<line class="line" x1=${a} y1=${r} x2=${o} y2=${r} stroke-width="1" />
+		<line class="line" x1=${e} y1=${a} x2=${e} y2=${o} stroke-width="1" />
+		<line class="line" x1=${r} y1=${a} x2=${r} y2=${o} stroke-width="1" />
+		<line class="line" x1=${a} y1=${t} x2=${e} y2=${t} stroke-width="1" />
+		<line class="line" x1=${r} y1=${t} x2=${o} y2=${t} stroke-width="1" />
+		<line class="line" x1=${t} y1=${a} x2=${t} y2=${e} stroke-width="1" />
+		<line class="line" x1=${t} y1=${r} x2=${t} y2=${o} stroke-width="1" />
+		${n?w`<text class="centre-label" x=${N} y=${N} text-anchor="middle" dominant-baseline="central">${n}</text>`:l}
+	`}function ir(n,a){let e=M.findIndex(r=>r===a),t=M.findIndex(r=>r===n);return e===-1||t===-1?0:(t-e+12)%12+1}function qr(n,a,e,t){let r=Br(n),o=r.x+r.w/2,i=r.y+r.h/2,d=wt[n]??n.slice(0,2),c=14;return w`
+		<g class=${e?"cell lagna":"cell"}>
+			${e?w`
+						<rect class="lagna-bg" x=${r.x} y=${r.y} width=${r.w} height=${r.h} />
+						<line class="lagna-slash" x1=${r.x+r.w-c} y1=${r.y+c} x2=${r.x+c} y2=${r.y+r.h-c} stroke-width="1.2" />
+					`:l}
+			<text class="sign-text" x=${r.x+6} y=${r.y+12} text-anchor="start" dominant-baseline="central">${d}</text>
+			${t>0?w`<text class="house-num" x=${r.x+r.w-6} y=${r.y+12} text-anchor="end" dominant-baseline="central">${t}</text>`:l}
+			${a.length?Ct(a,n,o,i+4,14):l}
 		</g>
-	`}function Fe(){return S`
-		<polygon class="line" points="150,10 290,150 150,290 10,150" stroke-width="1.5" />
-		<line class="line" x1="150" y1="10" x2="150" y2="290" stroke-width="1" />
-		<line class="line" x1="10" y1="150" x2="290" y2="150" stroke-width="1" />
-		<line class="line" x1="150" y1="10" x2="10" y2="150" stroke-width="0.6" stroke-dasharray="3,3" />
-		<line class="line" x1="150" y1="10" x2="290" y2="150" stroke-width="0.6" stroke-dasharray="3,3" />
-		<line class="line" x1="150" y1="290" x2="10" y2="150" stroke-width="0.6" stroke-dasharray="3,3" />
-		<line class="line" x1="150" y1="290" x2="290" y2="150" stroke-width="0.6" stroke-dasharray="3,3" />
-	`}function Ve(i){let s=Tt[i.number];if(!s)return n;let e=qe[i.sign]??"";return S`
-		<g>
-			${i.isLagna?S`<circle class="lagna-bg" cx=${s.x} cy=${s.y} r="22" />`:n}
-			${e?S`<text class="sign-text" x=${s.x} y=${s.y-10} text-anchor="middle" dominant-baseline="central">${e}</text>`:n}
-			<text class="house-num" x=${s.x} y=${s.y+2} text-anchor="middle" dominant-baseline="central">${i.number}</text>
-			${ur(i.planets,s.x,s.y+14,11)}
+	`}function Vr(n){let a=n.lagnaSign.toLowerCase();return w`
+		${Kr(n.divisionLabel)}
+		${M.map(e=>qr(e,n.placements[e.toLowerCase()]??[],e.toLowerCase()===a,ir(e,n.lagnaSign)))}
+	`}var C={tl:{x:P,y:P},tr:{x:H-P,y:P},br:{x:H-P,y:H-P},bl:{x:P,y:H-P},top:{x:N,y:P},right:{x:H-P,y:N},bottom:{x:N,y:H-P},left:{x:P,y:N},tlMid:{x:N-D/4,y:N-D/4},trMid:{x:N+D/4,y:N-D/4},brMid:{x:N+D/4,y:N+D/4},blMid:{x:N-D/4,y:N+D/4}};function J(n){let a=n.reduce((t,r)=>t+r.x,0)/n.length,e=n.reduce((t,r)=>t+r.y,0)/n.length;return{x:a,y:e}}var Yr={1:{x:N,y:C.tlMid.y},2:J([C.tl,C.top,C.tlMid]),3:J([C.tl,C.left,C.tlMid]),4:{x:C.tlMid.x,y:N},5:J([C.bl,C.left,C.blMid]),6:J([C.bl,C.bottom,C.blMid]),7:{x:N,y:C.blMid.y},8:J([C.br,C.bottom,C.brMid]),9:J([C.br,C.right,C.brMid]),10:{x:C.brMid.x,y:N},11:J([C.tr,C.right,C.trMid]),12:J([C.tr,C.top,C.trMid])};function Ur(n,a){let e=M.findIndex(t=>t===a);return e===-1?n:(e+n-1)%12+1}function Fr(n){let{tl:a,tr:e,br:t,bl:r,top:o,right:i,bottom:d,left:c}=C;return w`
+		<rect class="line" x=${a.x} y=${a.y} width=${D} height=${D} stroke-width="1.5" fill="none" />
+		<polygon class="line" points="${o.x},${o.y} ${i.x},${i.y} ${d.x},${d.y} ${c.x},${c.y}" stroke-width="1" fill="none" />
+		<line class="line" x1=${a.x} y1=${a.y} x2=${t.x} y2=${t.y} stroke-width="1" />
+		<line class="line" x1=${e.x} y1=${e.y} x2=${r.x} y2=${r.y} stroke-width="1" />
+		${n?w`<text class="centre-label" x=${N} y=${N} text-anchor="middle" dominant-baseline="central">${n}</text>`:l}
+	`}function Wr(n,a,e,t,r){let o=Yr[n];if(!o)return w``;let i=Math.min(14,Math.abs(o.y-N)*.45+6),d=i+12;return w`
+		<g class=${r?"cell lagna":"cell"}>
+			<text class="rashi-num" x=${o.x} y=${o.y-i} text-anchor="middle" dominant-baseline="central">${a}</text>
+			${r?w`<text class="lagna-marker" x=${o.x} y=${o.y-d} text-anchor="middle" dominant-baseline="central">Asc</text>`:l}
+			${t.length?Ct(t,e,o.x,o.y+8,12):l}
 		</g>
-	`}function We(){return S`
-		<polygon class="line" points="150,10 290,150 150,290 10,150" stroke-width="1.5" />
-		<polygon class="line" points="220,80 220,220 80,220 80,80" stroke-width="1" fill="none" />
-		<line class="line" x1="150" y1="10" x2="80" y2="80" stroke-width="1" />
-		<line class="line" x1="150" y1="10" x2="220" y2="80" stroke-width="1" />
-		<line class="line" x1="290" y1="150" x2="220" y2="80" stroke-width="1" />
-		<line class="line" x1="290" y1="150" x2="220" y2="220" stroke-width="1" />
-		<line class="line" x1="150" y1="290" x2="220" y2="220" stroke-width="1" />
-		<line class="line" x1="150" y1="290" x2="80" y2="220" stroke-width="1" />
-		<line class="line" x1="10" y1="150" x2="80" y2="220" stroke-width="1" />
-		<line class="line" x1="10" y1="150" x2="80" y2="80" stroke-width="1" />
-	`}function Je(){return S`
-		<rect class="line" x="10" y="10" width="280" height="280" stroke-width="1.5" fill="none" />
-		<line class="line" x1="10" y1="10" x2="290" y2="290" stroke-width="1" />
-		<line class="line" x1="290" y1="10" x2="10" y2="290" stroke-width="1" />
-		<polygon class="line" points="150,10 290,150 150,290 10,150" stroke-width="1" fill="none" />
-	`}function Xe(i){let s=Rt[i.number],e=zt[i.number];if(!s||!e)return n;let r=qe[i.sign]??"";return S`
-		<g>
-			${i.isLagna?S`<circle class="lagna-bg" cx=${s.x} cy=${s.y} r="20" />`:n}
-			${r?S`<text class="sign-text" x=${e.x} y=${e.y} text-anchor="middle" dominant-baseline="central">${r}</text>`:n}
-			${i.isLagna?S`<text class="lagna-marker" x=${s.x} y=${s.y-14} text-anchor="middle" dominant-baseline="central">LAGNA</text>`:n}
-			${ur(i.planets,s.x,s.y+2,11)}
+	`}function Jr(n){let a=n.lagnaSign||"Aries";return w`
+		${Fr(n.divisionLabel)}
+		${Array.from({length:12},(e,t)=>{let r=t+1,o=Ur(r,a),i=M[o-1]??"Aries";return Wr(r,o,i,n.placements[i.toLowerCase()]??[],r===1)})}
+	`}var st=D/3;function Xr(){let n=P,a=P+st,e=P+2*st,t=H-P,Ye={Aries:[{x:a,y:n},{x:e,y:n},{x:e,y:a},{x:a,y:a}],Taurus:[{x:n,y:n},{x:a,y:n},{x:a,y:a}],Gemini:[{x:n,y:n},{x:a,y:a},{x:n,y:a}],Cancer:[{x:n,y:a},{x:a,y:a},{x:a,y:e},{x:n,y:e}],Leo:[{x:n,y:e},{x:a,y:e},{x:n,y:t}],Virgo:[{x:a,y:e},{x:a,y:t},{x:n,y:t}],Libra:[{x:a,y:e},{x:e,y:e},{x:e,y:t},{x:a,y:t}],Scorpio:[{x:e,y:e},{x:e,y:t},{x:t,y:t}],Sagittarius:[{x:e,y:e},{x:t,y:t},{x:t,y:e}],Capricorn:[{x:e,y:a},{x:t,y:a},{x:t,y:e},{x:e,y:e}],Aquarius:[{x:t,y:n},{x:t,y:a},{x:e,y:a}],Pisces:[{x:e,y:n},{x:t,y:n},{x:e,y:a}]},_e={};for(let[Ue,Fe]of Object.entries(Ye))_e[Ue]={points:[...Fe],centroid:J(Fe)};return _e}var Zr=Xr();function Qr(n){let a=P,e=P+st,t=P+2*st,r=H-P;return w`
+		<rect class="line" x=${a} y=${a} width=${D} height=${D} stroke-width="1.5" fill="none" />
+		<line class="line" x1=${a} y1=${e} x2=${e} y2=${e} stroke-width="1" />
+		<line class="line" x1=${t} y1=${e} x2=${r} y2=${e} stroke-width="1" />
+		<line class="line" x1=${a} y1=${t} x2=${e} y2=${t} stroke-width="1" />
+		<line class="line" x1=${t} y1=${t} x2=${r} y2=${t} stroke-width="1" />
+		<line class="line" x1=${e} y1=${a} x2=${e} y2=${e} stroke-width="1" />
+		<line class="line" x1=${e} y1=${t} x2=${e} y2=${r} stroke-width="1" />
+		<line class="line" x1=${t} y1=${a} x2=${t} y2=${e} stroke-width="1" />
+		<line class="line" x1=${t} y1=${t} x2=${t} y2=${r} stroke-width="1" />
+		<line class="line" x1=${a} y1=${a} x2=${e} y2=${e} stroke-width="1" />
+		<line class="line" x1=${r} y1=${a} x2=${t} y2=${e} stroke-width="1" />
+		<line class="line" x1=${r} y1=${r} x2=${t} y2=${t} stroke-width="1" />
+		<line class="line" x1=${a} y1=${r} x2=${e} y2=${t} stroke-width="1" />
+		${n?w`<text class="centre-label" x=${N} y=${N} text-anchor="middle" dominant-baseline="central">${n}</text>`:l}
+	`}function ea(n,a,e,t){let r=Zr[n];if(!r)return w``;let{centroid:o,points:i}=r,d=wt[n]??n.slice(0,2),c=i.map(m=>`${m.x},${m.y}`).join(" ");return w`
+		<g class=${e?"cell lagna":"cell"}>
+			${e?w`<polygon class="lagna-bg" points=${c} />`:l}
+			<text class="sign-text" x=${o.x} y=${o.y-16} text-anchor="middle" dominant-baseline="central">${d}</text>
+			${t>0?w`<text class="house-num" x=${o.x+18} y=${o.y-16} text-anchor="start" dominant-baseline="central">${t}</text>`:l}
+			${e?w`<text class="lagna-marker" x=${o.x} y=${o.y-30} text-anchor="middle" dominant-baseline="central">Asc</text>`:l}
+			${a.length?Ct(a,n,o.x,o.y+4,12):l}
 		</g>
-	`}function Ze(i){let s=new Map,e="";for(let[r,a]of Object.entries(i)){let o=(a?.rashi??"").toLowerCase();if(r==="Lagna"||a?.graha==="Lagna"){e=o;continue}if(!o)continue;let l=s.get(o)??[];l.push({graha:a.graha??r,longitude:a.longitude,nakshatra:a.nakshatra,isRetrograde:a.isRetrograde,awastha:a.awastha}),s.set(o,l)}return _.map((r,a)=>{let o=r.toLowerCase();return{number:a+1,sign:r,planets:s.get(o)??[],isLagna:e===o}})}var q=class extends u{constructor(){super(...arguments);this.data=null;this.chartStyle="south"}buildHouses(){return this.data?.chart?.meta?Ze(this.data.chart.meta):[]}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No divisional chart data</div>`;let{division:e,vargottama:r}=this.data,a=this.buildHouses(),o=this.chartStyle,l=o==="north"?Fe():o==="east"?Je():We(),d=o==="north"?Ve:o==="east"?Xe:Ye;return t`<div class="wrap">
+	`}function ta(n){let a=n.lagnaSign.toLowerCase();return w`
+		${Qr(n.divisionLabel)}
+		${M.map(e=>ea(e,n.placements[e.toLowerCase()]??[],e.toLowerCase()===a,ir(e,n.lagnaSign)))}
+	`}function nt(n,a){switch(a){case"north":return Jr(n);case"east":return ta(n);default:return Vr(n)}}function it(n,a){return s`<div
+		class="kundli-tablist"
+		role="tablist"
+		aria-label="Kundli style"
+		@keydown=${t=>{let r=Ce.findIndex(o=>o.id===n);if(t.key==="ArrowRight"){t.preventDefault();let o=Ce[(r+1)%Ce.length];o&&a(o.id)}else if(t.key==="ArrowLeft"){t.preventDefault();let o=Ce[(r-1+Ce.length)%Ce.length];o&&a(o.id)}}}
+	>
+		${Ce.map(t=>s`<button
+				type="button"
+				class="kundli-tab"
+				role="tab"
+				id="kundli-tab-${t.id}"
+				aria-selected=${n===t.id?"true":"false"}
+				tabindex=${n===t.id?"0":"-1"}
+				@click=${()=>a(t.id)}
+			>
+				${t.label}
+			</button>`)}
+	</div>`}var lt=f`
+	.wrap {
+		display: grid;
+		gap: var(--roxy-space-md, 1rem);
+	}
+	.header {
+		display: flex;
+		flex-wrap: wrap;
+		align-items: center;
+		justify-content: space-between;
+		gap: var(--roxy-space-sm, 0.5rem);
+	}
+	.title {
+		font-size: var(--roxy-text-lg, 1.125rem);
+		font-weight: var(--roxy-weight-bold, 600);
+		margin: 0;
+	}
+	.kundli-tablist {
+		display: inline-flex;
+		gap: 2px;
+		border-bottom: 2px solid var(--roxy-border, #e4e4e7);
+	}
+	.kundli-tab {
+		padding: var(--roxy-space-xs, 0.25rem) var(--roxy-space-md, 1rem);
+		font-size: var(--roxy-text-sm, 0.875rem);
+		background: none;
+		border: none;
+		border-bottom: 2px solid transparent;
+		margin-bottom: -2px;
+		cursor: pointer;
+		color: var(--roxy-muted, #71717a);
+		font-family: inherit;
+		transition: color var(--roxy-motion-duration, 200ms)
+			var(--roxy-motion-easing, ease);
+	}
+	.kundli-tab[aria-selected='true'] {
+		color: var(--roxy-accent-fg, #b45309);
+		border-bottom-color: var(--roxy-accent, #f59e0b);
+		font-weight: var(--roxy-weight-bold, 600);
+	}
+	.kundli-tab:hover:not([aria-selected='true']) {
+		color: var(--roxy-fg, #0a0a0a);
+	}
+	.kundli-tab:focus-visible {
+		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
+		outline-offset: 2px;
+		border-radius: 4px;
+	}
+	svg {
+		display: block;
+		width: 100%;
+		max-width: 560px;
+		aspect-ratio: 1 / 1;
+		height: auto;
+		margin: 0 auto;
+	}
+	.line {
+		fill: transparent;
+		stroke: var(--roxy-border, #d4d4d8);
+	}
+	.sign-text {
+		fill: var(--roxy-muted, #71717a);
+		font-size: 11px;
+		font-weight: 500;
+		font-family: var(--roxy-font-sans);
+		text-transform: uppercase;
+		letter-spacing: 0.04em;
+	}
+	.rashi-num {
+		fill: var(--roxy-muted, #71717a);
+		font-size: 12px;
+		font-weight: 500;
+		font-family: var(--roxy-font-sans);
+	}
+	.house-num {
+		fill: var(--roxy-accent-fg, #b45309);
+		font-size: 11px;
+		font-weight: 600;
+		font-family: var(--roxy-font-sans);
+		opacity: 0.85;
+	}
+	.planet-text {
+		fill: var(--roxy-fg, #0a0a0a);
+		font-size: 13px;
+		font-weight: 600;
+		font-family: var(--roxy-font-sans);
+	}
+	.centre-label {
+		fill: var(--roxy-muted, #71717a);
+		font-size: 14px;
+		font-weight: 600;
+		font-family: var(--roxy-font-sans);
+		letter-spacing: 0.02em;
+	}
+	.lagna-marker {
+		fill: var(--roxy-accent-fg, #b45309);
+		font-size: 10px;
+		font-weight: 700;
+		font-family: var(--roxy-font-sans);
+		letter-spacing: 0.08em;
+		text-transform: uppercase;
+	}
+	.lagna-bg {
+		fill: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);
+	}
+	.lagna-slash {
+		stroke: var(--roxy-accent, #f59e0b);
+		stroke-linecap: round;
+		opacity: 0.7;
+	}
+`;var X=class extends x{constructor(){super(...arguments);this.data=null;this.chartStyle="north";this.setStyle=e=>{this.chartStyle=e}}viewModel(){if(!this.data?.chart?.meta)return null;let{division:e}=this.data,t=`D${e.number} ${e.name}`;return ot(this.data.chart.meta,t)}render(){let e=this.viewModel();if(!this.data||!e)return s`<div class="roxy-empty" role="status">No divisional chart data</div>`;let{division:t,vargottama:r}=this.data;return s`<div class="wrap">
 			<div class="header">
-				<h2 class="title">
-					D${e.number} ${e.name}
-					${e.sanskritName&&e.sanskritName!==e.name?t`<span class="division-meta"> · ${e.sanskritName}</span>`:n}
-				</h2>
-				${e.significance?t`<p class="significance">${e.significance}</p>`:n}
+				<div>
+					<h2 class="title">
+						D${t.number} ${t.name}
+						${t.sanskritName&&t.sanskritName!==t.name?s`<span class="division-meta"> · ${t.sanskritName}</span>`:l}
+					</h2>
+					${t.significance?s`<p class="significance">${t.significance}</p>`:l}
+				</div>
+				${it(this.chartStyle,this.setStyle)}
 			</div>
 
 			<svg
-				viewBox="0 0 300 300"
+				viewBox="0 0 400 400"
+				preserveAspectRatio="xMidYMid meet"
 				role="img"
-				aria-label="D${e.number} ${e.name} divisional chart with twelve sign houses"
+				aria-label="D${t.number} ${t.name} divisional chart with twelve sign houses"
 			>
-				<title>D${e.number} ${e.name}</title>
-				${l}
-				${a.map(c=>d(c))}
+				<title>D${t.number} ${t.name}</title>
+				${nt(e,this.chartStyle)}
 			</svg>
 
-			${r&&r.length>0?t`<div class="vargottama-row" role="list" aria-label="Vargottama planets">
+			${r&&r.length>0?s`<div class="vargottama-row" role="list" aria-label="Vargottama planets">
 						<span class="vargottama-label">Vargottama:</span>
-						${r.map(c=>t`<span class="vargottama-pill" role="listitem">
-									${L[c]??""} ${c}
+						${r.map(o=>s`<span class="vargottama-pill" role="listitem">
+									${R[o]??""} ${o}
 								</span>`)}
-					</div>`:n}
-		</div>`}};q.styles=[v,x`
-			.wrap {
-				display: grid;
-				gap: var(--roxy-space-md, 1rem);
-			}
-			.header {
-				display: grid;
-				gap: var(--roxy-space-xs, 0.25rem);
-			}
-			.title {
-				font-size: var(--roxy-text-lg, 1.125rem);
-				font-weight: var(--roxy-weight-bold, 600);
-				margin: 0;
-			}
+					</div>`:l}
+		</div>`}};X.styles=[v,lt,f`
 			.division-meta {
 				font-size: var(--roxy-text-sm, 0.875rem);
 				color: var(--roxy-muted, #71717a);
@@ -1019,46 +1299,6 @@
 				padding-left: var(--roxy-space-sm, 0.5rem);
 				margin: 0;
 			}
-			svg {
-				display: block;
-				width: 100%;
-				max-width: 360px;
-				margin: 0 auto;
-			}
-			.line {
-				fill: transparent;
-				stroke: var(--roxy-border, #e4e4e7);
-			}
-			.sign-text {
-				fill: var(--roxy-muted, #71717a);
-				font-size: 9px;
-				font-weight: 500;
-				font-family: var(--roxy-font-sans);
-			}
-			.planet-text {
-				fill: var(--roxy-fg, #0a0a0a);
-				font-size: 11px;
-				font-weight: 600;
-				font-family: var(--roxy-font-sans);
-			}
-			.house-num {
-				fill: var(--roxy-muted, #71717a);
-				font-size: 9px;
-				font-weight: 400;
-				font-family: var(--roxy-font-sans);
-			}
-			.lagna-marker {
-				fill: var(--roxy-accent-fg, #b45309);
-				font-size: 8px;
-				font-weight: 700;
-				font-family: var(--roxy-font-sans);
-				letter-spacing: 0.05em;
-			}
-			.lagna-bg {
-				fill: color-mix(in srgb, var(--roxy-accent, #f59e0b) 12%, transparent);
-				stroke: color-mix(in srgb, var(--roxy-accent, #f59e0b) 45%, transparent);
-				stroke-width: 0.8;
-			}
 			.vargottama-row {
 				display: flex;
 				flex-wrap: wrap;
@@ -1083,46 +1323,46 @@
 				color: var(--roxy-fg, #0a0a0a);
 				border: 1px solid color-mix(in srgb, var(--roxy-accent, #f59e0b) 45%, transparent);
 			}
-		`],p([g({attribute:!1})],q.prototype,"data",2),p([g({type:String,reflect:!0,attribute:"chart-style"})],q.prototype,"chartStyle",2),q=p([f("roxy-divisional-chart")],q);var Nt={manglik:"Mangal Dosha",kalsarpa:"Kaal Sarp Dosha",sadhesati:"Sade Sati"},K=class extends u{constructor(){super(...arguments);this.data=null;this.type="manglik"}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No dosha data</div>`;let r=!!e.present,a=Nt[this.type]??this.type,o=(e.severity??"").toLowerCase(),l=o==="severe"?3:o==="moderate"?2:o==="mild"?1:0,d=l*33,c=l===3?"var(--roxy-danger)":l===2?"var(--roxy-warning)":l===1?"var(--roxy-success)":"transparent";return t`<article
+		`],p([y({attribute:!1})],X.prototype,"data",2),p([y({type:String,reflect:!0,attribute:"chart-style"})],X.prototype,"chartStyle",2),X=p([b("roxy-divisional-chart")],X);var ra={manglik:"Mangal Dosha",kalsarpa:"Kaal Sarp Dosha",sadhesati:"Sade Sati"},Z=class extends x{constructor(){super(...arguments);this.data=null;this.type="manglik"}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No dosha data</div>`;let t=!!e.present,r=ra[this.type]??this.type,o=(e.severity??"").toLowerCase(),i=o==="severe"?3:o==="moderate"?2:o==="mild"?1:0,d=i*33,c=i===3?"var(--roxy-danger)":i===2?"var(--roxy-warning)":i===1?"var(--roxy-success)":"transparent";return s`<article
 			class="card"
-			aria-label=${a}
+			aria-label=${r}
 		>
 			<header class="head">
-				<h2 class="title">${a}</h2>
-				<span class=${`badge ${r?"present":"absent"}`}>
-					${r?"Present":"Absent"}
+				<h2 class="title">${r}</h2>
+				<span class=${`badge ${t?"present":"absent"}`}>
+					${t?"Present":"Absent"}
 				</span>
 			</header>
-			${e.severity?t`<div
+			${e.severity?s`<div
 						class="severity-bar"
 						role="meter"
 						aria-valuemin="0"
 						aria-valuemax="3"
-						aria-valuenow="${l}"
+						aria-valuenow="${i}"
 						aria-label="Severity ${e.severity}"
 					>
 						<span class="severity-fill" style="width: ${d}%; background: ${c};"></span>
-					</div>`:n}
-			${e.description?t`<p class="description">${e.description}</p>`:n}
+					</div>`:l}
+			${e.description?s`<p class="description">${e.description}</p>`:l}
 			${this.renderEffects(e)}
-			${e.remedies&&e.remedies.length>0?t`<div>
+			${e.remedies&&e.remedies.length>0?s`<div>
 						<h3>Remedies</h3>
 						<ul>
-							${e.remedies.map(m=>t`<li>${m}</li>`)}
+							${e.remedies.map(m=>s`<li>${m}</li>`)}
 						</ul>
-					</div>`:n}
-			${"exceptions"in e&&e.exceptions&&e.exceptions.length>0?t`<div>
+					</div>`:l}
+			${"exceptions"in e&&e.exceptions&&e.exceptions.length>0?s`<div>
 					<h3>Exceptions</h3>
 					<ul>
-						${e.exceptions.map(m=>t`<li>${m}</li>`)}
+						${e.exceptions.map(m=>s`<li>${m}</li>`)}
 					</ul>
-				</div>`:n}
-		</article>`}renderEffects(e){if(!e.effects)return n;let r=Object.entries(e.effects).filter(([,a])=>typeof a=="string"&&a.length>0);return r.length===0?n:t`<div class="effects">
-			${r.map(([a,o])=>t`<div>
-					<h3>${a}</h3>
+				</div>`:l}
+		</article>`}renderEffects(e){if(!e.effects)return l;let t=Object.entries(e.effects).filter(([,r])=>typeof r=="string"&&r.length>0);return t.length===0?l:s`<div class="effects">
+			${t.map(([r,o])=>s`<div>
+					<h3>${r}</h3>
 					<p>${o}</p>
 				</div>`)}
-		</div>`}};K.styles=[v,x`
+		</div>`}};Z.styles=[v,f`
 			.card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -1210,36 +1450,36 @@
 				margin: 0;
 				font-size: var(--roxy-text-sm, 0.875rem);
 			}
-		`],p([g({attribute:!1})],K.prototype,"data",2),p([g({type:String,reflect:!0})],K.prototype,"type",2),K=p([f("roxy-dosha-card")],K);var xr=new Map;async function _t(i){let s=xr.get(i);return s||(s=fetch(i).then(async e=>{if(!e.ok)throw new Error(`HTTP ${e.status}`);return await e.json()}).catch(e=>{throw xr.delete(i),e}),xr.set(i,s)),s}var z=class extends u{constructor(){super(...arguments);this.endpoint="vedic-astrology/birth-chart";this.method="POST";this.specUrl="https://roxyapi.com/api/v2/openapi.json";this.submitLabel="Submit";this.fields=[];this.values={};this.hasLocation=!1;this.loaded=!1;this.specError=null;this.retryLoadSchema=()=>{this.loaded=!1,this.specError=null,this.loadSchema()};this.onLocation=e=>{let r=e.detail;r&&(this.values={...this.values,latitude:r.latitude,longitude:r.longitude,timezone:r.timezone??r.utcOffset})};this.onSubmit=e=>{e.preventDefault();let r=this.fields.filter(a=>a.required).filter(a=>this.values[a.name]===void 0||this.values[a.name]==="");if(r.length>0){this.dispatchEvent(new CustomEvent("roxy-validation-error",{detail:{missing:r.map(a=>a.name)},bubbles:!0,composed:!0}));return}this.dispatchEvent(new CustomEvent("roxy-submit",{detail:{endpoint:this.endpoint,values:this.values},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.loadSchema()}async loadSchema(){this.specError=null;try{let e=await _t(this.specUrl),r=`/${this.endpoint.replace(/^\//,"")}`,a=e.paths?.[r]?.[this.method.toLowerCase()];if(!a)throw new Error(`Endpoint ${this.method} ${r} not found in OpenAPI spec`);let o=e.components?.schemas??{},l=[],d;if(a.requestBody){let m=a.requestBody.content?.["application/json"]?.schema;d=this.resolve(m,o)}if(d?.properties){let m=new Set(d.required??[]);for(let[y,h]of Object.entries(d.properties)){let b=this.resolve(h,o)??{};l.push({name:y,type:this.fieldType(b),required:m.has(y),description:b.description,enum:b.enum,min:b.minimum,max:b.maximum,default:b.default})}}for(let m of a.parameters??[])if(m.in==="path"||m.in==="query"){let y=this.resolve(m.schema,o)??{};l.push({name:m.name,type:this.fieldType(y),required:!!m.required,description:y.description,enum:y.enum,default:y.default})}this.fields=l,this.hasLocation=l.some(m=>m.name==="latitude")&&l.some(m=>m.name==="longitude")&&l.some(m=>m.name==="timezone");let c={};for(let m of l)m.default!==void 0&&(c[m.name]=m.default);this.values=c,this.loaded=!0}catch(e){let r=e instanceof Error?e.message:String(e);this.specError=r,this.loaded=!0,this.dispatchEvent(new CustomEvent("roxy-spec-error",{detail:{url:this.specUrl,message:r},bubbles:!0,composed:!0}))}}resolve(e,r){if(e){if("$ref"in e&&e.$ref){let a=e.$ref.split("/").pop();return a?r[a]:void 0}return e}}fieldType(e){return e.enum?"enum":e.format==="date"?"date":e.format==="time"?"time":e.format==="date-time"?"datetime":e.type==="integer"||e.type==="number"?"number":"text"}setValue(e,r){this.values={...this.values,[e]:r}}render(){if(!this.loaded)return t`<form><div class="roxy-skeleton" style="height: 8rem"></div></form>`;if(this.specError)return t`<div class="spec-error" role="alert">
+		`],p([y({attribute:!1})],Z.prototype,"data",2),p([y({type:String,reflect:!0})],Z.prototype,"type",2),Z=p([b("roxy-dosha-card")],Z);var Lt=new Map;async function aa(n){let a=Lt.get(n);return a||(a=fetch(n).then(async e=>{if(!e.ok)throw new Error(`HTTP ${e.status}`);return await e.json()}).catch(e=>{throw Lt.delete(n),e}),Lt.set(n,a)),a}var O=class extends x{constructor(){super(...arguments);this.endpoint="vedic-astrology/birth-chart";this.method="POST";this.specUrl="https://roxyapi.com/api/v2/openapi.json";this.submitLabel="Submit";this.fields=[];this.values={};this.hasLocation=!1;this.loaded=!1;this.specError=null;this.retryLoadSchema=()=>{this.loaded=!1,this.specError=null,this.loadSchema()};this.onLocation=e=>{let t=e.detail;t&&(this.values={...this.values,latitude:t.latitude,longitude:t.longitude,timezone:t.timezone??t.utcOffset})};this.onSubmit=e=>{e.preventDefault();let t=this.fields.filter(r=>r.required).filter(r=>this.values[r.name]===void 0||this.values[r.name]==="");if(t.length>0){this.dispatchEvent(new CustomEvent("roxy-validation-error",{detail:{missing:t.map(r=>r.name)},bubbles:!0,composed:!0}));return}this.dispatchEvent(new CustomEvent("roxy-submit",{detail:{endpoint:this.endpoint,values:this.values},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.loadSchema()}async loadSchema(){this.specError=null;try{let e=await aa(this.specUrl),t=`/${this.endpoint.replace(/^\//,"")}`,r=e.paths?.[t]?.[this.method.toLowerCase()];if(!r)throw new Error(`Endpoint ${this.method} ${t} not found in OpenAPI spec`);let o=e.components?.schemas??{},i=[],d;if(r.requestBody){let m=r.requestBody.content?.["application/json"]?.schema;d=this.resolve(m,o)}if(d?.properties){let m=new Set(d.required??[]);for(let[g,h]of Object.entries(d.properties)){let u=this.resolve(h,o)??{};i.push({name:g,type:this.fieldType(u),required:m.has(g),description:u.description,enum:u.enum,min:u.minimum,max:u.maximum,default:u.default})}}for(let m of r.parameters??[])if(m.in==="path"||m.in==="query"){let g=this.resolve(m.schema,o)??{};i.push({name:m.name,type:this.fieldType(g),required:!!m.required,description:g.description,enum:g.enum,default:g.default})}this.fields=i,this.hasLocation=i.some(m=>m.name==="latitude")&&i.some(m=>m.name==="longitude")&&i.some(m=>m.name==="timezone");let c={};for(let m of i)m.default!==void 0&&(c[m.name]=m.default);this.values=c,this.loaded=!0}catch(e){let t=e instanceof Error?e.message:String(e);this.specError=t,this.loaded=!0,this.dispatchEvent(new CustomEvent("roxy-spec-error",{detail:{url:this.specUrl,message:t},bubbles:!0,composed:!0}))}}resolve(e,t){if(e){if("$ref"in e&&e.$ref){let r=e.$ref.split("/").pop();return r?t[r]:void 0}return e}}fieldType(e){return e.enum?"enum":e.format==="date"?"date":e.format==="time"?"time":e.format==="date-time"?"datetime":e.type==="integer"||e.type==="number"?"number":"text"}setValue(e,t){this.values={...this.values,[e]:t}}render(){if(!this.loaded)return s`<form><div class="roxy-skeleton" style="height: 8rem"></div></form>`;if(this.specError)return s`<div class="spec-error" role="alert">
 				Schema load failed: ${this.specError}
 				<button type="button" class="submit" @click=${this.retryLoadSchema}>Retry</button>
-			</div>`;let e=r=>{if(this.hasLocation&&(r.name==="latitude"||r.name==="longitude"||r.name==="timezone"))return n;let a=`roxy-form-${r.name}`;return t`<div class="field">
-				<label for=${a}>
-					${te(r.name)}${r.required?t`<span class="req" aria-hidden="true">*</span>`:n}
+			</div>`;let e=t=>{if(this.hasLocation&&(t.name==="latitude"||t.name==="longitude"||t.name==="timezone"))return l;let r=`roxy-form-${t.name}`;return s`<div class="field">
+				<label for=${r}>
+					${ce(t.name)}${t.required?s`<span class="req" aria-hidden="true">*</span>`:l}
 				</label>
-				${r.enum?t`<select
-							id=${a}
-							?required=${r.required}
-							@change=${o=>this.setValue(r.name,o.target.value)}
+				${t.enum?s`<select
+							id=${r}
+							?required=${t.required}
+							@change=${o=>this.setValue(t.name,o.target.value)}
 						>
 							<option value="">Choose</option>
-							${r.enum.map(o=>t`<option value=${o} ?selected=${this.values[r.name]===o}>
+							${t.enum.map(o=>s`<option value=${o} ?selected=${this.values[t.name]===o}>
 									${o}
 								</option>`)}
-						</select>`:t`<input
-							id=${a}
-							type=${this.htmlType(r.type)}
-							?required=${r.required}
-							min=${r.min??""}
-							max=${r.max??""}
-							step=${r.type==="number"?"any":""}
-							.value=${this.values[r.name]??""}
-							@input=${o=>this.setValue(r.name,this.coerce(r.type,o.target.value))}
+						</select>`:s`<input
+							id=${r}
+							type=${this.htmlType(t.type)}
+							?required=${t.required}
+							min=${t.min??""}
+							max=${t.max??""}
+							step=${t.type==="number"?"any":""}
+							.value=${this.values[t.name]??""}
+							@input=${o=>this.setValue(t.name,this.coerce(t.type,o.target.value))}
 						/>`}
-				${r.description?t`<small class="help">${r.description}</small>`:n}
-			</div>`};return t`<form @submit=${this.onSubmit}>
-			<h2 class="title">${te(this.endpoint.split("/").pop()??"")}</h2>
-			${this.hasLocation?t`<div class="location-block">
+				${t.description?s`<small class="help">${t.description}</small>`:l}
+			</div>`};return s`<form @submit=${this.onSubmit}>
+			<h2 class="title">${ce(this.endpoint.split("/").pop()??"")}</h2>
+			${this.hasLocation?s`<div class="location-block">
 						<label>Birth location</label>
 						<roxy-location-search
 							@roxy-location-select=${this.onLocation}
@@ -1248,12 +1488,12 @@
 						<small class="help">
 							Required: latitude, longitude, timezone. Pick a city to autofill.
 						</small>
-					</div>`:n}
+					</div>`:l}
 			<div class="fields">
-				${this.fields.map(r=>e(r))}
+				${this.fields.map(t=>e(t))}
 			</div>
 			<button class="submit" type="submit">${this.submitLabel}</button>
-		</form>`}htmlType(e){switch(e){case"date":return"date";case"time":return"time";case"datetime":return"datetime-local";case"number":return"number";default:return"text"}}coerce(e,r){if(r!==""){if(e==="number"){let a=Number(r);return Number.isFinite(a)?a:void 0}return r}}};z.styles=[v,x`
+		</form>`}htmlType(e){switch(e){case"date":return"date";case"time":return"time";case"datetime":return"datetime-local";case"number":return"number";default:return"text"}}coerce(e,t){if(t!==""){if(e==="number"){let r=Number(t);return Number.isFinite(r)?r:void 0}return t}}};O.styles=[v,f`
 			form {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -1355,33 +1595,33 @@
 				color: var(--roxy-danger-fg, #991b1b);
 				font-size: var(--roxy-text-sm, 0.875rem);
 			}
-		`],p([g({type:String,attribute:"data-endpoint"})],z.prototype,"endpoint",2),p([g({type:String})],z.prototype,"method",2),p([g({type:String,attribute:"spec-url"})],z.prototype,"specUrl",2),p([g({type:String,attribute:"submit-label"})],z.prototype,"submitLabel",2),p([C()],z.prototype,"fields",2),p([C()],z.prototype,"values",2),p([C()],z.prototype,"hasLocation",2),p([C()],z.prototype,"loaded",2),p([C()],z.prototype,"specError",2),z=p([f("roxy-endpoint-form")],z);var oe=class extends u{constructor(){super(...arguments);this.data=null}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No Guna Milan data</div>`;let r=(e.breakdown??[]).filter(h=>h?.category!==void 0),a=e.total??0,o=e.maxScore??36,l=a/o*100,d="color-mix(in srgb, var(--roxy-border) 50%, transparent)",c=l>=70?"var(--roxy-success)":l>=50?"var(--roxy-warning)":"var(--roxy-danger)",m=l*2.827,y=(100-l)*2.827;return t`<article class="card" aria-label="Guna Milan score">
+		`],p([y({type:String,attribute:"data-endpoint"})],O.prototype,"endpoint",2),p([y({type:String})],O.prototype,"method",2),p([y({type:String,attribute:"spec-url"})],O.prototype,"specUrl",2),p([y({type:String,attribute:"submit-label"})],O.prototype,"submitLabel",2),p([z()],O.prototype,"fields",2),p([z()],O.prototype,"values",2),p([z()],O.prototype,"hasLocation",2),p([z()],O.prototype,"loaded",2),p([z()],O.prototype,"specError",2),O=p([b("roxy-endpoint-form")],O);var me=class extends x{constructor(){super(...arguments);this.data=null}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No Guna Milan data</div>`;let t=(e.breakdown??[]).filter(h=>h?.category!==void 0),r=e.total??0,o=e.maxScore??36,i=r/o*100,d="color-mix(in srgb, var(--roxy-border) 50%, transparent)",c=i>=70?"var(--roxy-success)":i>=50?"var(--roxy-warning)":"var(--roxy-danger)",m=i*2.827,g=(100-i)*2.827;return s`<article class="card" aria-label="Guna Milan score">
 			<div class="score-header">
 				<div class="score-info">
 					<div class="score-bar">
 						<div>
-							<span class="total">${w(e.total,1)}</span>
+							<span class="total">${A(e.total,1)}</span>
 							<span class="over"> / ${e.maxScore}</span>
-							${typeof e.percentage=="number"?t`<small style="margin-left: 0.5rem; color: var(--roxy-muted)">
-										${Ur(e.percentage,1)}
-									</small>`:n}
+							${typeof e.percentage=="number"?s`<small style="margin-left: 0.5rem; color: var(--roxy-muted)">
+										${ar(e.percentage,1)}
+									</small>`:l}
 						</div>
-						${e.recommendation?t`<span class="recommendation">${e.recommendation}</span>`:n}
+						${e.recommendation?s`<span class="recommendation">${e.recommendation}</span>`:l}
 					</div>
 				</div>
-				<div class="score-ring" role="meter" aria-label="Guna milan score" aria-valuemin="0" aria-valuemax="36" aria-valuenow="${a}">
+				<div class="score-ring" role="meter" aria-label="Guna milan score" aria-valuemin="0" aria-valuemax="36" aria-valuenow="${r}">
 					<svg viewBox="0 0 100 100" aria-hidden="true">
 						<circle class="ring-track" cx="50" cy="50" r="45" fill="none" stroke="${d}" stroke-width="8"/>
 						<circle class="ring-fill" cx="50" cy="50" r="45" fill="none" stroke="${c}" stroke-width="8"
-								stroke-dasharray="${m},${y}" stroke-linecap="round"
+								stroke-dasharray="${m},${g}" stroke-linecap="round"
 								transform="rotate(-90 50 50)"/>
-						<text x="50" y="50" text-anchor="middle" dominant-baseline="central" class="ring-text">${a}</text>
+						<text x="50" y="50" text-anchor="middle" dominant-baseline="central" class="ring-text">${r}</text>
 						<text x="50" y="64" text-anchor="middle" dominant-baseline="central" class="ring-max">/${o}</text>
 					</svg>
 				</div>
 			</div>
 
-			${r.length>0?t`<table>
+			${t.length>0?s`<table>
 						<thead>
 							<tr>
 								<th>Category</th>
@@ -1390,22 +1630,22 @@
 							</tr>
 						</thead>
 						<tbody>
-							${r.map(h=>{let b=h.score??0,E=h.maxScore??Mt(h.category),$=E?b/E*100:0;return t`<tr>
+							${t.map(h=>{let u=h.score??0,k=h.maxScore??sa(h.category),$=k?u/k*100:0;return s`<tr>
 									<td>${h.category}</td>
 									<td class="bar-cell">
 										<div class="mini-bar">
 											<span style="width: ${$}%"></span>
 										</div>
 									</td>
-									<td class="score">${w(b,1)} / ${E}</td>
+									<td class="score">${A(u,1)} / ${k}</td>
 								</tr>`})}
 						</tbody>
-					</table>`:n}
-			${(e.doshas?.length??0)>0||(e.doshaCancellations?.length??0)>0?t`<div class="tags">
-						${e.doshas?.map(h=>t`<span class="dosha">${h}</span>`)}
-						${e.doshaCancellations?.map(h=>t`<span class="cancel" title=${h.reason}>${h.dosha} cancelled</span>`)}
-					</div>`:n}
-		</article>`}};oe.styles=[v,x`
+					</table>`:l}
+			${(e.doshas?.length??0)>0||(e.doshaCancellations?.length??0)>0?s`<div class="tags">
+						${e.doshas?.map(h=>s`<span class="dosha">${h}</span>`)}
+						${e.doshaCancellations?.map(h=>s`<span class="cancel" title=${h.reason}>${h.dosha} cancelled</span>`)}
+					</div>`:l}
+		</article>`}};me.styles=[v,f`
 			.card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -1526,48 +1766,48 @@
 				background: color-mix(in srgb, var(--roxy-success, #16a34a) 18%, transparent);
 				color: var(--roxy-success-fg, #166534);
 			}
-		`],p([g({attribute:!1})],oe.prototype,"data",2),oe=p([f("roxy-guna-milan")],oe);function Mt(i){if(!i)return 1;switch(i.toLowerCase()){case"varna":return 1;case"vasya":return 2;case"tara":return 3;case"yoni":return 4;case"maitri":return 5;case"gana":return 6;case"bhakoot":return 7;case"nadi":return 8;default:return 1}}var U=class extends u{constructor(){super(...arguments);this.data=null;this.mode="lookup"}resolveHexagram(){let e=this.data;if(!e)return null;if("hexagram"in e&&e.hexagram){if("lines"in e){let a=e;return{hex:a.hexagram,lines:a.lines,changingLinePositions:a.changingLinePositions,resultingHexagram:a.resultingHexagram}}let r=e;return{hex:r.hexagram,dailyMessage:r.dailyMessage}}return{hex:e}}render(){let e=this.resolveHexagram();if(!e)return t`<div class="roxy-empty" role="status">No hexagram data</div>`;let{hex:r,lines:a,changingLinePositions:o,dailyMessage:l,resultingHexagram:d}=e,c=a??this.derivedLines(r),m=new Set(o??[]);return t`<article class="card" aria-label="I Ching hexagram">
+		`],p([y({attribute:!1})],me.prototype,"data",2),me=p([b("roxy-guna-milan")],me);function sa(n){if(!n)return 1;switch(n.toLowerCase()){case"varna":return 1;case"vasya":return 2;case"tara":return 3;case"yoni":return 4;case"maitri":return 5;case"gana":return 6;case"bhakoot":return 7;case"nadi":return 8;default:return 1}}var Q=class extends x{constructor(){super(...arguments);this.data=null;this.mode="lookup"}resolveHexagram(){let e=this.data;if(!e)return null;if("hexagram"in e&&e.hexagram){if("lines"in e){let r=e;return{hex:r.hexagram,lines:r.lines,changingLinePositions:r.changingLinePositions,resultingHexagram:r.resultingHexagram}}let t=e;return{hex:t.hexagram,dailyMessage:t.dailyMessage}}return{hex:e}}render(){let e=this.resolveHexagram();if(!e)return s`<div class="roxy-empty" role="status">No hexagram data</div>`;let{hex:t,lines:r,changingLinePositions:o,dailyMessage:i,resultingHexagram:d}=e,c=r??this.derivedLines(t),m=new Set(o??[]);return s`<article class="card" aria-label="I Ching hexagram">
 			<div class="glyphs">
-				${r.symbol?t`<div class="symbol">${r.symbol}</div>`:n}
+				${t.symbol?s`<div class="symbol">${t.symbol}</div>`:l}
 				<div class="lines" aria-hidden="true">
-					${c.slice().reverse().map((y,h)=>{let b=c.length-1-h+1,E=m.has(b),$=y===6||y===8;return t`<div class="line ${`${$?"broken":"solid"}${E?" changing":""}`}">
-								${$?S`<span class="seg"></span><span class="seg"></span>`:S`<span class="seg"></span>`}
+					${c.slice().reverse().map((g,h)=>{let u=c.length-1-h+1,k=m.has(u),$=g===6||g===8;return s`<div class="line ${`${$?"broken":"solid"}${k?" changing":""}`}">
+								${$?w`<span class="seg"></span><span class="seg"></span>`:w`<span class="seg"></span>`}
 							</div>`})}
 				</div>
 			</div>
 			<div>
 				<h2 class="title">
-					${r.number?t`${r.number}. `:n}${r.english??r.chinese??"Hexagram"}
+					${t.number?s`${t.number}. `:l}${t.english??t.chinese??"Hexagram"}
 				</h2>
 				<p class="subtitle">
-					${r.chinese?t`${r.chinese}`:n}
-					${r.pinyin?t` · ${r.pinyin}`:n}
+					${t.chinese?s`${t.chinese}`:l}
+					${t.pinyin?s` · ${t.pinyin}`:l}
 				</p>
 				<div class="trigrams">
-					${r.upperTrigram?t`<div>
+					${t.upperTrigram?s`<div>
 								Upper
 								<span class="tri-glyph"
-									>${hr[r.upperTrigram]??""}</span
-								>${r.upperTrigram}
-							</div>`:n}
-					${r.lowerTrigram?t`<div>
+									>${St[t.upperTrigram]??""}</span
+								>${t.upperTrigram}
+							</div>`:l}
+					${t.lowerTrigram?s`<div>
 								Lower
 								<span class="tri-glyph"
-									>${hr[r.lowerTrigram]??""}</span
-								>${r.lowerTrigram}
-							</div>`:n}
+									>${St[t.lowerTrigram]??""}</span
+								>${t.lowerTrigram}
+							</div>`:l}
 				</div>
-				${r.judgment?t`<p class="judgment">${r.judgment}</p>`:n}
-				${r.image?t`<p class="image">${r.image}</p>`:n}
-				${l?t`<p class="message">${l}</p>`:n}
-				${r.interpretation?.general?t`<p>${r.interpretation.general}</p>`:n}
-				${m.size>0?t`<div class="changing">
-							Changing lines: ${Array.from(m).sort((y,h)=>y-h).join(", ")}.
-							${d?.english?t` Becomes hexagram ${d.number}
-										${d.english}.`:n}
-						</div>`:n}
+				${t.judgment?s`<p class="judgment">${t.judgment}</p>`:l}
+				${t.image?s`<p class="image">${t.image}</p>`:l}
+				${i?s`<p class="message">${i}</p>`:l}
+				${t.interpretation?.general?s`<p>${t.interpretation.general}</p>`:l}
+				${m.size>0?s`<div class="changing">
+							Changing lines: ${Array.from(m).sort((g,h)=>g-h).join(", ")}.
+							${d?.english?s` Becomes hexagram ${d.number}
+										${d.english}.`:l}
+						</div>`:l}
 			</div>
-		</article>`}derivedLines(e){let r=e.symbol.codePointAt(0)??0;if(r>=19904&&r<=19967){let a=r-19904,o=[];for(let l=0;l<6;l++){let d=a>>l&1;o.push(d?8:7)}return o}return Array.from({length:6},()=>7)}};U.styles=[v,x`
+		</article>`}derivedLines(e){let t=e.symbol.codePointAt(0)??0;if(t>=19904&&t<=19967){let r=t-19904,o=[];for(let i=0;i<6;i++){let d=r>>i&1;o.push(d?8:7)}return o}return Array.from({length:6},()=>7)}};Q.styles=[v,f`
 			.card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -1674,67 +1914,67 @@
 				color: var(--roxy-accent-fg, #b45309);
 				font-size: var(--roxy-text-sm, 0.875rem);
 			}
-		`],p([g({attribute:!1})],U.prototype,"data",2),p([g({type:String,reflect:!0})],U.prototype,"mode",2),U=p([f("roxy-hexagram")],U);var Y=class extends u{constructor(){super(...arguments);this.data=null;this.period="daily"}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No horoscope data</div>`;let r=e.sign??"",a=r?N[A(r)]??"":"",o="energyRating"in e&&typeof e.energyRating=="number"?e.energyRating:null,l="date"in e&&e.date||"week"in e&&e.week||"month"in e&&e.month||"";return t`<article
+		`],p([y({attribute:!1})],Q.prototype,"data",2),p([y({type:String,reflect:!0})],Q.prototype,"mode",2),Q=p([b("roxy-hexagram")],Q);var ee=class extends x{constructor(){super(...arguments);this.data=null;this.period="daily"}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No horoscope data</div>`;let t=e.sign??"",r=t?G[E(t)]??"":"",o="energyRating"in e&&typeof e.energyRating=="number"?e.energyRating:null,i="date"in e&&e.date||"week"in e&&e.week||"month"in e&&e.month||"";return s`<article
 			class="card"
-			aria-label=${`${this.period} horoscope for ${r}`}
+			aria-label=${`${this.period} horoscope for ${t}`}
 		>
 			<header class="head">
-				<span class="glyph" aria-hidden="true">${a}</span>
+				<span class="glyph" aria-hidden="true">${r}</span>
 				<div>
-					<h2 class="title">${r} ${this.period}</h2>
-					${l?t`<div class="date">${l}</div>`:n}
+					<h2 class="title">${t} ${this.period}</h2>
+					${i?s`<div class="date">${i}</div>`:l}
 				</div>
-				${o!==null?t`<span class="energy" aria-label=${`Energy ${o} of 10`}>
+				${o!==null?s`<span class="energy" aria-label=${`Energy ${o} of 10`}>
 							Energy ${o}/10
 							<span class="energy-bar"
 								><span style="width: ${o/10*100}%"></span
 							></span>
-						</span>`:n}
+						</span>`:l}
 			</header>
 
-			${e.overview?t`<p class="overview">${e.overview}</p>`:n}
+			${e.overview?s`<p class="overview">${e.overview}</p>`:l}
 
 			<div class="sections">
-				${e.love?t`<div class="section">
+				${e.love?s`<div class="section">
 							<h3>Love</h3>
 							<p>${e.love}</p>
-						</div>`:n}
-				${e.career?t`<div class="section">
+						</div>`:l}
+				${e.career?s`<div class="section">
 							<h3>Career</h3>
 							<p>${e.career}</p>
-						</div>`:n}
-				${e.health?t`<div class="section">
+						</div>`:l}
+				${e.health?s`<div class="section">
 							<h3>Health</h3>
 							<p>${e.health}</p>
-						</div>`:n}
-				${e.finance?t`<div class="section">
+						</div>`:l}
+				${e.finance?s`<div class="section">
 							<h3>Finance</h3>
 							<p>${e.finance}</p>
-						</div>`:n}
-				${"advice"in e&&e.advice?t`<div class="section">
+						</div>`:l}
+				${"advice"in e&&e.advice?s`<div class="section">
 							<h3>Advice</h3>
 							<p>${e.advice}</p>
-						</div>`:n}
+						</div>`:l}
 			</div>
 
-			${(()=>{let d="luckyNumber"in e&&e.luckyNumber!==void 0?e.luckyNumber:void 0,c="luckyColor"in e&&e.luckyColor?e.luckyColor:"",m="luckyNumbers"in e&&e.luckyNumbers?e.luckyNumbers:[],y="luckyDays"in e&&e.luckyDays?e.luckyDays:[],h=e.compatibleSigns??[];return d===void 0&&!c&&m.length===0&&y.length===0&&h.length===0?n:t`<div class="lucky">
-						${d!==void 0?t`<span>Lucky number <strong>${d}</strong></span>`:n}
-						${c?t`<span>Lucky color <strong>${c}</strong></span>`:n}
-						${m.length?t`<span
+			${(()=>{let d="luckyNumber"in e&&e.luckyNumber!==void 0?e.luckyNumber:void 0,c="luckyColor"in e&&e.luckyColor?e.luckyColor:"",m="luckyNumbers"in e&&e.luckyNumbers?e.luckyNumbers:[],g="luckyDays"in e&&e.luckyDays?e.luckyDays:[],h=e.compatibleSigns??[];return d===void 0&&!c&&m.length===0&&g.length===0&&h.length===0?l:s`<div class="lucky">
+						${d!==void 0?s`<span>Lucky number <strong>${d}</strong></span>`:l}
+						${c?s`<span>Lucky color <strong>${c}</strong></span>`:l}
+						${m.length?s`<span
 									>Lucky numbers
 									<strong>${m.join(", ")}</strong></span
-								>`:n}
-						${y.length?t`<span
-									>Lucky days <strong>${y.join(", ")}</strong></span
-								>`:n}
-						${h.length?t`<span class="compat-wrap">
+								>`:l}
+						${g.length?s`<span
+									>Lucky days <strong>${g.join(", ")}</strong></span
+								>`:l}
+						${h.length?s`<span class="compat-wrap">
 									Best with
 									<span class="compat"
-										>${h.map(b=>t`<span>${b}</span>`)}</span
+										>${h.map(u=>s`<span>${u}</span>`)}</span
 									>
-								</span>`:n}
+								</span>`:l}
 					</div>`})()}
-		</article>`}};Y.styles=[v,x`
+		</article>`}};ee.styles=[v,f`
 			.card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -1856,19 +2096,19 @@
 				font-size: var(--roxy-text-xs, 0.75rem);
 				text-transform: capitalize;
 			}
-		`],p([g({attribute:!1})],Y.prototype,"data",2),p([g({type:String,reflect:!0})],Y.prototype,"period",2),Y=p([f("roxy-horoscope-card")],Y);var F=class extends u{constructor(){super(...arguments);this.data=null;this.activeTab="planets"}bodies(){let e=this.data;if(!e)return[];let r=(e.planets??[]).map(o=>({name:o.planet,sign:o.sign,house:o.house,nakshatra:o.nakshatra,starLord:o.starLord,subLord:o.subLord,subSubLord:o.subSubLord,kpNumber:o.kpNumber,retrograde:o.retrograde})),a=e.nodes;for(let[o,l]of[["Rahu",a?.rahu],["Ketu",a?.ketu]])l&&r.push({name:o,sign:l.sign,house:l.house,nakshatra:l.nakshatra,starLord:l.starLord,subLord:l.subLord,subSubLord:l.subSubLord,retrograde:!0});return r}onTabKeyDown(e){if(e.key!=="ArrowRight"&&e.key!=="ArrowLeft")return;e.preventDefault(),this.activeTab=this.activeTab==="planets"?"cusps":"planets";let r=this.activeTab;requestAnimationFrame(()=>{this.shadowRoot?.querySelector(`#tab-${r}`)?.focus()})}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No KP chart data</div>`;let e=this.data,r=e.ascendant;return t`<div class="wrap" aria-label="KP chart" tabindex="0">
+		`],p([y({attribute:!1})],ee.prototype,"data",2),p([y({type:String,reflect:!0})],ee.prototype,"period",2),ee=p([b("roxy-horoscope-card")],ee);var te=class extends x{constructor(){super(...arguments);this.data=null;this.activeTab="planets"}bodies(){let e=this.data;if(!e)return[];let t=(e.planets??[]).map(o=>({name:o.planet,sign:o.sign,house:o.house,nakshatra:o.nakshatra,starLord:o.starLord,subLord:o.subLord,subSubLord:o.subSubLord,kpNumber:o.kpNumber,retrograde:o.retrograde})),r=e.nodes;for(let[o,i]of[["Rahu",r?.rahu],["Ketu",r?.ketu]])i&&t.push({name:o,sign:i.sign,house:i.house,nakshatra:i.nakshatra,starLord:i.starLord,subLord:i.subLord,subSubLord:i.subSubLord,retrograde:!0});return t}onTabKeyDown(e){if(e.key!=="ArrowRight"&&e.key!=="ArrowLeft")return;e.preventDefault(),this.activeTab=this.activeTab==="planets"?"cusps":"planets";let t=this.activeTab;requestAnimationFrame(()=>{this.shadowRoot?.querySelector(`#tab-${t}`)?.focus()})}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No KP chart data</div>`;let e=this.data,t=e.ascendant;return s`<div class="wrap" aria-label="KP chart" tabindex="0">
 			<header class="head">
 				<h2 class="title">KP chart</h2>
-				${r?t`<div class="asc">
-							Ascendant: <strong>${r.sign??""}</strong>
-							${r.nakshatra?t`· ${r.nakshatra}`:n}
-							${r.subLord?t`· sub lord ${r.subLord}`:n}
-							${typeof r.kpNumber=="number"?t`· KP ${r.kpNumber}`:n}
-						</div>`:n}
-				${typeof e.meta?.ayanamsa=="number"?t`<div class="ayan">
-							${e.meta.ayanamsaType??"Ayanamsa"}: ${w(e.meta.ayanamsa,4)}°
-							${e.meta.houseSystem?t`· ${e.meta.houseSystem} houses`:n}
-						</div>`:n}
+				${t?s`<div class="asc">
+							Ascendant: <strong>${t.sign??""}</strong>
+							${t.nakshatra?s`· ${t.nakshatra}`:l}
+							${t.subLord?s`· sub lord ${t.subLord}`:l}
+							${typeof t.kpNumber=="number"?s`· KP ${t.kpNumber}`:l}
+						</div>`:l}
+				${typeof e.meta?.ayanamsa=="number"?s`<div class="ayan">
+							${e.meta.ayanamsaType??"Ayanamsa"}: ${A(e.meta.ayanamsa,4)}°
+							${e.meta.houseSystem?s`· ${e.meta.houseSystem} houses`:l}
+						</div>`:l}
 			</header>
 
 			<div
@@ -1877,23 +2117,23 @@
 				aria-label="KP chart views"
 				@keydown=${this.onTabKeyDown}
 			>
-				${["planets","cusps"].map(a=>t`<button
+				${["planets","cusps"].map(r=>s`<button
 						class="tab"
 						role="tab"
-						id="tab-${a}"
-						aria-selected=${this.activeTab===a?"true":"false"}
-						aria-controls="panel-${a}"
-						tabindex=${this.activeTab===a?"0":"-1"}
-						@click=${()=>{this.activeTab=a}}
+						id="tab-${r}"
+						aria-selected=${this.activeTab===r?"true":"false"}
+						aria-controls="panel-${r}"
+						tabindex=${this.activeTab===r?"0":"-1"}
+						@click=${()=>{this.activeTab=r}}
 					>
-						${a==="planets"?"Planets":"Cusps"}
+						${r==="planets"?"Planets":"Cusps"}
 					</button>`)}
 			</div>
 
 			<div id="panel-${this.activeTab}" role="tabpanel" aria-labelledby="tab-${this.activeTab}">
 				${this.activeTab==="planets"?this.renderPlanets():this.renderCusps()}
 			</div>
-		</div>`}renderPlanets(){let e=this.bodies();return e.length?t`<table role="table" aria-label="KP planets and nodes">
+		</div>`}renderPlanets(){let e=this.bodies();return e.length?s`<table role="table" aria-label="KP planets and nodes">
 			<thead>
 				<tr>
 					<th scope="col">Body</th>
@@ -1907,20 +2147,20 @@
 				</tr>
 			</thead>
 			<tbody>
-				${e.map(r=>t`<tr>
+				${e.map(t=>s`<tr>
 						<td class="body">
-							${r.name}${r.retrograde?t`<span class="retro">R</span>`:n}
+							${t.name}${t.retrograde?s`<span class="retro">R</span>`:l}
 						</td>
-						<td>${r.sign??""}</td>
-						<td class="num">${typeof r.house=="number"?r.house:""}</td>
-						<td>${r.nakshatra??""}</td>
-						<td>${r.starLord??""}</td>
-						<td>${r.subLord??""}</td>
-						<td>${r.subSubLord??""}</td>
-						<td class="num">${typeof r.kpNumber=="number"?r.kpNumber:""}</td>
+						<td>${t.sign??""}</td>
+						<td class="num">${typeof t.house=="number"?t.house:""}</td>
+						<td>${t.nakshatra??""}</td>
+						<td>${t.starLord??""}</td>
+						<td>${t.subLord??""}</td>
+						<td>${t.subSubLord??""}</td>
+						<td class="num">${typeof t.kpNumber=="number"?t.kpNumber:""}</td>
 					</tr>`)}
 			</tbody>
-		</table>`:t`<p class="roxy-empty" role="status">No planets</p>`}renderCusps(){let e=this.data?.cusps??[];return e.length?t`<table role="table" aria-label="KP Placidus cusps">
+		</table>`:s`<p class="roxy-empty" role="status">No planets</p>`}renderCusps(){let e=this.data?.cusps??[];return e.length?s`<table role="table" aria-label="KP Placidus cusps">
 			<thead>
 				<tr>
 					<th scope="col">House</th>
@@ -1934,18 +2174,18 @@
 				</tr>
 			</thead>
 			<tbody>
-				${e.map(r=>t`<tr>
-						<td class="body num">${r.house}</td>
-						<td>${r.sign??""}</td>
-						<td>${r.signLord??""}</td>
-						<td>${r.nakshatra??""}</td>
-						<td>${r.starLord??""}</td>
-						<td>${r.subLord??""}</td>
-						<td>${r.subSubLord??""}</td>
-						<td class="num">${typeof r.kpNumber=="number"?r.kpNumber:""}</td>
+				${e.map(t=>s`<tr>
+						<td class="body num">${t.house}</td>
+						<td>${t.sign??""}</td>
+						<td>${t.signLord??""}</td>
+						<td>${t.nakshatra??""}</td>
+						<td>${t.starLord??""}</td>
+						<td>${t.subLord??""}</td>
+						<td>${t.subSubLord??""}</td>
+						<td class="num">${typeof t.kpNumber=="number"?t.kpNumber:""}</td>
 					</tr>`)}
 			</tbody>
-		</table>`:t`<p class="roxy-empty" role="status">No cusps</p>`}};F.styles=[v,x`
+		</table>`:s`<p class="roxy-empty" role="status">No cusps</p>`}};te.styles=[v,f`
 			.wrap {
 				border: 1px solid var(--roxy-border, #e4e4e7);
 				border-radius: var(--roxy-radius-md, 8px);
@@ -2035,14 +2275,14 @@
 			.num {
 				font-variant-numeric: tabular-nums;
 			}
-		`],p([g({attribute:!1})],F.prototype,"data",2),p([C()],F.prototype,"activeTab",2),F=p([f("roxy-kp-chart")],F);var ie=class extends u{constructor(){super(...arguments);this.data=null}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No KP data</div>`;let e=this.data.planets??[];return t`<div
+		`],p([y({attribute:!1})],te.prototype,"data",2),p([z()],te.prototype,"activeTab",2),te=p([b("roxy-kp-chart")],te);var he=class extends x{constructor(){super(...arguments);this.data=null}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No KP data</div>`;let e=this.data.planets??[];return s`<div
 			class="wrap"
 			aria-label="KP planets table"
 			tabindex="0"
 		>
 			<header class="head">
 				<h2 class="title">KP planets</h2>
-				${typeof this.data.ayanamsa=="number"?t`<span class="ayanamsa">Ayanamsa: ${w(this.data.ayanamsa,2)}°</span>`:n}
+				${typeof this.data.ayanamsa=="number"?s`<span class="ayanamsa">Ayanamsa: ${A(this.data.ayanamsa,2)}°</span>`:l}
 			</header>
 			<table role="table">
 				<thead>
@@ -2058,22 +2298,22 @@
 					</tr>
 				</thead>
 				<tbody>
-					${e.map(r=>t`<tr>
+					${e.map(t=>s`<tr>
 							<td class="planet">
-								${r.planet}
-								${r.retrograde?t`<span class="retro">R</span>`:n}
+								${t.planet}
+								${t.retrograde?s`<span class="retro">R</span>`:l}
 							</td>
-							<td>${r.sign??""}</td>
-							<td>${r.signLord??""}</td>
-							<td>${r.nakshatra??""}</td>
-							<td>${r.nakshatraLord??""}</td>
-							<td>${r.subLord??""}</td>
-							<td>${r.subSubLord??""}</td>
-							<td>${r.kpNumber??""}</td>
+							<td>${t.sign??""}</td>
+							<td>${t.signLord??""}</td>
+							<td>${t.nakshatra??""}</td>
+							<td>${t.nakshatraLord??""}</td>
+							<td>${t.subLord??""}</td>
+							<td>${t.subSubLord??""}</td>
+							<td>${t.kpNumber??""}</td>
 						</tr>`)}
 				</tbody>
 			</table>
-		</div>`}};ie.styles=[v,x`
+		</div>`}};he.styles=[v,f`
 			.wrap {
 				border: 1px solid var(--roxy-border, #e4e4e7);
 				border-radius: var(--roxy-radius-md, 8px);
@@ -2132,10 +2372,10 @@
 				font-size: var(--roxy-text-xs, 0.75rem);
 				margin-left: 4px;
 			}
-		`],p([g({attribute:!1})],ie.prototype,"data",2),ie=p([f("roxy-kp-planets-table")],ie);var ne=class extends u{constructor(){super(...arguments);this.data=null}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No ruling planets data</div>`;let e=this.data,r=e.significators??[];return t`<div class="wrap" aria-label="KP ruling planets">
+		`],p([y({attribute:!1})],he.prototype,"data",2),he=p([b("roxy-kp-planets-table")],he);var ge=class extends x{constructor(){super(...arguments);this.data=null}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No ruling planets data</div>`;let e=this.data,t=e.significators??[];return s`<div class="wrap" aria-label="KP ruling planets">
 			<header>
 				<h2 class="title">KP ruling planets</h2>
-				${e.dayLord?t`<div class="day-lord">Day lord: <strong>${e.dayLord}</strong></div>`:n}
+				${e.dayLord?s`<div class="day-lord">Day lord: <strong>${e.dayLord}</strong></div>`:l}
 			</header>
 
 			<div class="groups">
@@ -2159,12 +2399,12 @@
 				</div>
 			</div>
 
-			${e.rulingPlanets?.length?t`<div class="rp-list" role="list" aria-label="Ruling planets by strength">
+			${e.rulingPlanets?.length?s`<div class="rp-list" role="list" aria-label="Ruling planets by strength">
 						<span class="rp-label">Ruling planets</span>
-						${e.rulingPlanets.map((a,o)=>t`<span class="rp" role="listitem"><span class="rank">${o+1}</span> ${a}</span>`)}
-					</div>`:n}
+						${e.rulingPlanets.map((r,o)=>s`<span class="rp" role="listitem"><span class="rank">${o+1}</span> ${r}</span>`)}
+					</div>`:l}
 
-			${r.length?t`<table aria-label="House significators">
+			${t.length?s`<table aria-label="House significators">
 						<thead>
 							<tr>
 								<th scope="col">Planet</th>
@@ -2172,13 +2412,13 @@
 							</tr>
 						</thead>
 						<tbody>
-							${r.map(a=>t`<tr>
-									<td>${a.planet}</td>
-									<td>${(a.signifies??[]).join(", ")}</td>
+							${t.map(r=>s`<tr>
+									<td>${r.planet}</td>
+									<td>${(r.signifies??[]).join(", ")}</td>
 								</tr>`)}
 						</tbody>
-					</table>`:n}
-		</div>`}};ne.styles=[v,x`
+					</table>`:l}
+		</div>`}};ge.styles=[v,f`
 			.wrap {
 				border: 1px solid var(--roxy-border, #e4e4e7);
 				border-radius: var(--roxy-radius-md, 8px);
@@ -2274,7 +2514,7 @@
 				font-size: var(--roxy-text-xs, 0.75rem);
 				letter-spacing: 0.04em;
 			}
-		`],p([g({attribute:!1})],ne.prototype,"data",2),ne=p([f("roxy-kp-ruling-planets")],ne);function Vr(i,s){let e,r=((...a)=>{e&&clearTimeout(e),e=setTimeout(()=>{e=void 0,i(...a)},s)});return r.cancel=()=>{e&&(clearTimeout(e),e=void 0)},r}var R=class extends u{constructor(){super(...arguments);this.endpoint="https://roxyapi.com/api/v2/location/search";this.placeholder="Search city";this.defaultValue="";this.query="";this.results=[];this.isOpen=!1;this.isLoading=!1;this.highlight=-1;this.secretKeyWarned=!1;this.debouncedFetch=Vr(e=>{this.fetchResults(e)},300);this.onInput=e=>{let r=e.target.value;if(this.query=r,r.length<2){this.results=[],this.isOpen=!1,this.highlight=-1;return}this.debouncedFetch(r)};this.onKeyDown=e=>{if(!this.isOpen||this.results.length===0){e.key==="ArrowDown"&&this.query.length>=2&&(this.fetchResults(this.query),e.preventDefault());return}if(e.key==="ArrowDown")e.preventDefault(),this.highlight=(this.highlight+1)%this.results.length;else if(e.key==="ArrowUp")e.preventDefault(),this.highlight=(this.highlight-1+this.results.length)%this.results.length;else if(e.key==="Enter"){e.preventDefault();let r=this.results[this.highlight]??this.results[0];r&&this.select(r)}else e.key==="Escape"&&(this.isOpen=!1)}}connectedCallback(){super.connectedCallback(),this.query=this.defaultValue,this.clickOutsideHandler=e=>{e.composedPath().includes(this)||(this.isOpen=!1)},document.addEventListener("mousedown",this.clickOutsideHandler)}disconnectedCallback(){super.disconnectedCallback(),this.clickOutsideHandler&&document.removeEventListener("mousedown",this.clickOutsideHandler),this.debouncedFetch.cancel(),this.abortController&&(this.abortController.abort(),this.abortController=void 0)}warnIfSecretKey(){if(this.secretKeyWarned||!this.apiKey||this.apiKey.startsWith("pk_"))return;this.secretKeyWarned=!0;let e="Possible secret key in client-side <roxy-location-search>; use a `pk_` publishable key with origin allowlist instead.";console.warn(e),this.dispatchEvent(new CustomEvent("roxy-validation-error",{detail:{reason:"possible-secret-key",message:e},bubbles:!0,composed:!0}))}async fetchResults(e){this.warnIfSecretKey(),this.abortController&&this.abortController.abort();let r=new AbortController;this.abortController=r,this.isLoading=!0;try{let a=new URL(this.endpoint);a.searchParams.set("q",e),a.searchParams.set("limit","8");let o={Accept:"application/json"};this.apiKey&&this.publishableKey&&console.warn("[roxy-location-search] both api-key and publishable-key set; using publishable-key. Remove api-key from your widget markup.");let l=this.publishableKey??this.apiKey;l&&(o["X-API-Key"]=l);let d=await fetch(a,{headers:o,signal:r.signal});if(!d.ok)throw new Error(`HTTP ${d.status}`);let c=await d.json();if(r.signal.aborted)return;this.results=c.cities??[],this.isOpen=this.results.length>0,this.highlight=this.results.length>0?0:-1}catch(a){if(a?.name==="AbortError")return;this.results=[],this.isOpen=!1}finally{this.abortController===r&&(this.abortController=void 0),r.signal.aborted||(this.isLoading=!1)}}select(e){this.query=`${e.city}${e.province?`, ${e.province}`:""}, ${e.country}`,this.isOpen=!1,this.results=[],this.dispatchEvent(new CustomEvent("roxy-location-select",{detail:e,bubbles:!0,composed:!0}))}render(){return t`<div class="field">
+		`],p([y({attribute:!1})],ge.prototype,"data",2),ge=p([b("roxy-kp-ruling-planets")],ge);function lr(n,a){let e,t=((...r)=>{e&&clearTimeout(e),e=setTimeout(()=>{e=void 0,n(...r)},a)});return t.cancel=()=>{e&&(clearTimeout(e),e=void 0)},t}var _=class extends x{constructor(){super(...arguments);this.endpoint="https://roxyapi.com/api/v2/location/search";this.placeholder="Search city";this.defaultValue="";this.query="";this.results=[];this.isOpen=!1;this.isLoading=!1;this.highlight=-1;this.secretKeyWarned=!1;this.debouncedFetch=lr(e=>{this.fetchResults(e)},300);this.onInput=e=>{let t=e.target.value;if(this.query=t,t.length<2){this.results=[],this.isOpen=!1,this.highlight=-1;return}this.debouncedFetch(t)};this.onKeyDown=e=>{if(!this.isOpen||this.results.length===0){e.key==="ArrowDown"&&this.query.length>=2&&(this.fetchResults(this.query),e.preventDefault());return}if(e.key==="ArrowDown")e.preventDefault(),this.highlight=(this.highlight+1)%this.results.length;else if(e.key==="ArrowUp")e.preventDefault(),this.highlight=(this.highlight-1+this.results.length)%this.results.length;else if(e.key==="Enter"){e.preventDefault();let t=this.results[this.highlight]??this.results[0];t&&this.select(t)}else e.key==="Escape"&&(this.isOpen=!1)}}connectedCallback(){super.connectedCallback(),this.query=this.defaultValue,this.clickOutsideHandler=e=>{e.composedPath().includes(this)||(this.isOpen=!1)},document.addEventListener("mousedown",this.clickOutsideHandler)}disconnectedCallback(){super.disconnectedCallback(),this.clickOutsideHandler&&document.removeEventListener("mousedown",this.clickOutsideHandler),this.debouncedFetch.cancel(),this.abortController&&(this.abortController.abort(),this.abortController=void 0)}warnIfSecretKey(){if(this.secretKeyWarned||!this.apiKey||this.apiKey.startsWith("pk_"))return;this.secretKeyWarned=!0;let e="Possible secret key in client-side <roxy-location-search>; use a `pk_` publishable key with origin allowlist instead.";console.warn(e),this.dispatchEvent(new CustomEvent("roxy-validation-error",{detail:{reason:"possible-secret-key",message:e},bubbles:!0,composed:!0}))}async fetchResults(e){this.warnIfSecretKey(),this.abortController&&this.abortController.abort();let t=new AbortController;this.abortController=t,this.isLoading=!0;try{let r=new URL(this.endpoint);r.searchParams.set("q",e),r.searchParams.set("limit","8");let o={Accept:"application/json"};this.apiKey&&this.publishableKey&&console.warn("[roxy-location-search] both api-key and publishable-key set; using publishable-key. Remove api-key from your widget markup.");let i=this.publishableKey??this.apiKey;i&&(o["X-API-Key"]=i);let d=await fetch(r,{headers:o,signal:t.signal});if(!d.ok)throw new Error(`HTTP ${d.status}`);let c=await d.json();if(t.signal.aborted)return;this.results=c.cities??[],this.isOpen=this.results.length>0,this.highlight=this.results.length>0?0:-1}catch(r){if(r?.name==="AbortError")return;this.results=[],this.isOpen=!1}finally{this.abortController===t&&(this.abortController=void 0),t.signal.aborted||(this.isLoading=!1)}}select(e){this.query=`${e.city}${e.province?`, ${e.province}`:""}, ${e.country}`,this.isOpen=!1,this.results=[],this.dispatchEvent(new CustomEvent("roxy-location-select",{detail:e,bubbles:!0,composed:!0}))}render(){return s`<div class="field">
 			<input
 				type="text"
 				role="combobox"
@@ -2289,33 +2529,33 @@
 				@keydown=${this.onKeyDown}
 				@focus=${()=>{this.results.length>0&&(this.isOpen=!0)}}
 			/>
-			${this.isLoading?t`<span class="spinner" role="status" aria-label="Loading"></span>`:n}
-			${this.isOpen?t`<ul
+			${this.isLoading?s`<span class="spinner" role="status" aria-label="Loading"></span>`:l}
+			${this.isOpen?s`<ul
 						id="roxy-location-listbox"
 						class="results"
 						role="listbox"
 					>
-						${this.results.length===0?t`<li class="empty" role="status">No cities found</li>`:this.results.map((e,r)=>t`<li role="presentation">
+						${this.results.length===0?s`<li class="empty" role="status">No cities found</li>`:this.results.map((e,t)=>s`<li role="presentation">
 										<button
 											type="button"
 											class="option"
 											role="option"
-											id=${`roxy-location-option-${r}`}
-											aria-selected=${this.highlight===r?"true":"false"}
+											id=${`roxy-location-option-${t}`}
+											aria-selected=${this.highlight===t?"true":"false"}
 											@click=${()=>this.select(e)}
-											@mouseenter=${()=>{this.highlight=r}}
+											@mouseenter=${()=>{this.highlight=t}}
 										>
 											<span class="city">${e.city}</span>
 											<span class="where"
-												>${e.province?t`${e.province}, `:""}${e.country}</span
+												>${e.province?s`${e.province}, `:""}${e.country}</span
 											>
 											<span class="tz"
 												>UTC${e.utcOffset>=0?"+":""}${e.utcOffset}</span
 											>
 										</button>
 									</li>`)}
-					</ul>`:n}
-		</div>`}};R.styles=[v,x`
+					</ul>`:l}
+		</div>`}};_.styles=[v,f`
 			:host {
 				display: block;
 				position: relative;
@@ -2416,49 +2656,49 @@
 				color: var(--roxy-muted, #71717a);
 				font-size: var(--roxy-text-sm, 0.875rem);
 			}
-		`],p([g({type:String,attribute:"api-key"})],R.prototype,"apiKey",2),p([g({type:String,attribute:"publishable-key"})],R.prototype,"publishableKey",2),p([g({type:String})],R.prototype,"endpoint",2),p([g({type:String})],R.prototype,"placeholder",2),p([g({type:String,attribute:"default-value"})],R.prototype,"defaultValue",2),p([C()],R.prototype,"query",2),p([C()],R.prototype,"results",2),p([C()],R.prototype,"isOpen",2),p([C()],R.prototype,"isLoading",2),p([C()],R.prototype,"highlight",2),R=p([f("roxy-location-search")],R);var V=class extends u{constructor(){super(...arguments);this.data=null;this.mode="current"}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No moon phase data</div>`;let r="phases"in e?e.phases:"calendar"in e?e.calendar:[];if(this.mode!=="current"&&r.length>0){let a="month"in e?e.month:void 0,o="year"in e?e.year:void 0;return t`<article
+		`],p([y({type:String,attribute:"api-key"})],_.prototype,"apiKey",2),p([y({type:String,attribute:"publishable-key"})],_.prototype,"publishableKey",2),p([y({type:String})],_.prototype,"endpoint",2),p([y({type:String})],_.prototype,"placeholder",2),p([y({type:String,attribute:"default-value"})],_.prototype,"defaultValue",2),p([z()],_.prototype,"query",2),p([z()],_.prototype,"results",2),p([z()],_.prototype,"isOpen",2),p([z()],_.prototype,"isLoading",2),p([z()],_.prototype,"highlight",2),_=p([b("roxy-location-search")],_);var re=class extends x{constructor(){super(...arguments);this.data=null;this.mode="current"}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No moon phase data</div>`;let t="phases"in e?e.phases:"calendar"in e?e.calendar:[];if(this.mode!=="current"&&t.length>0){let r="month"in e?e.month:void 0,o="year"in e?e.year:void 0;return s`<article
 				class="card"
 				aria-label="Moon phase calendar"
 			>
-				<h2 class="label">${a??"Moon phases"} ${o??""}</h2>
+				<h2 class="label">${r??"Moon phases"} ${o??""}</h2>
 				<div class="list" role="list">
-					${r.map(l=>this.renderListItem(l))}
+					${t.map(i=>this.renderListItem(i))}
 				</div>
-			</article>`}return"phase"in e?this.renderSingle(e):n}renderSingle(e){let r=Wr(e.phase);return t`<article class="card" aria-label="Current moon phase">
+			</article>`}return"phase"in e?this.renderSingle(e):l}renderSingle(e){let t=dr(e.phase);return s`<article class="card" aria-label="Current moon phase">
 			<div class="hero">
-				<span class="emoji" aria-hidden="true">${r}</span>
+				<span class="emoji" aria-hidden="true">${t}</span>
 				<div>
 					<h2 class="label">${e.phase??"Moon"}</h2>
-					${e.date?t`<div class="date">${e.date}</div>`:n}
+					${e.date?s`<div class="date">${e.date}</div>`:l}
 				</div>
 			</div>
 			<div class="stats">
-				${typeof e.illumination=="number"?t`<div>
+				${typeof e.illumination=="number"?s`<div>
 							<span>Illumination</span>
-							<strong>${Dt(e.illumination)}</strong>
-						</div>`:n}
-				${typeof e.age=="number"?t`<div>
+							<strong>${oa(e.illumination)}</strong>
+						</div>`:l}
+				${typeof e.age=="number"?s`<div>
 							<span>Age</span>
-							<strong>${w(e.age,1)} days</strong>
-						</div>`:n}
-				${e.sign?t`<div>
+							<strong>${A(e.age,1)} days</strong>
+						</div>`:l}
+				${e.sign?s`<div>
 							<span>Sign</span>
 							<strong>${e.sign}</strong>
-						</div>`:n}
-				${typeof e.distance=="number"?t`<div>
+						</div>`:l}
+				${typeof e.distance=="number"?s`<div>
 							<span>Distance</span>
 							<strong>${(e.distance/1e3).toFixed(0)}k km</strong>
-						</div>`:n}
+						</div>`:l}
 			</div>
-			${e.meaning?.description?t`<p class="meaning">${e.meaning.description}</p>`:n}
-			${e.meaning?.keywords?.length?t`<div class="keywords">
-						${e.meaning.keywords.map(a=>t`<span>${a}</span>`)}
-					</div>`:n}
-		</article>`}renderListItem(e){let r=Wr(e.phase);return t`<div class="list-item" role="listitem">
-			<span aria-hidden="true">${r}</span>
+			${e.meaning?.description?s`<p class="meaning">${e.meaning.description}</p>`:l}
+			${e.meaning?.keywords?.length?s`<div class="keywords">
+						${e.meaning.keywords.map(r=>s`<span>${r}</span>`)}
+					</div>`:l}
+		</article>`}renderListItem(e){let t=dr(e.phase);return s`<div class="list-item" role="listitem">
+			<span aria-hidden="true">${t}</span>
 			<span>${e.phase}</span>
 			<span>${e.date??""}</span>
-		</div>`}};V.styles=[v,x`
+		</div>`}};re.styles=[v,f`
 			.card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -2540,33 +2780,33 @@
 			.list-item:last-child {
 				border-bottom: none;
 			}
-		`],p([g({attribute:!1})],V.prototype,"data",2),p([g({type:String,reflect:!0})],V.prototype,"mode",2),V=p([f("roxy-moon-phase")],V);function Wr(i){return i?Br[i.toLowerCase()]??"\u{1F319}":"\u{1F319}"}function Dt(i){let s=i<=1?i*100:i;return`${Math.round(s)}%`}var le=class extends u{constructor(){super(...arguments);this.data=null}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No nakshatra data</div>`;let e=this.data,r=e.remedies;return t`<article class="wrap" aria-label=${`Nakshatra ${e.name}`}>
+		`],p([y({attribute:!1})],re.prototype,"data",2),p([y({type:String,reflect:!0})],re.prototype,"mode",2),re=p([b("roxy-moon-phase")],re);function dr(n){return n?er[n.toLowerCase()]??"\u{1F319}":"\u{1F319}"}function oa(n){let a=n<=1?n*100:n;return`${Math.round(a)}%`}var ye=class extends x{constructor(){super(...arguments);this.data=null}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No nakshatra data</div>`;let e=this.data,t=e.remedies;return s`<article class="wrap" aria-label=${`Nakshatra ${e.name}`}>
 			<header class="head">
 				<h2 class="name">${e.name}</h2>
-				${typeof e.number=="number"?t`<span class="number">Nakshatra ${e.number} of 27</span>`:n}
-				${e.range?t`<span class="range">${e.range}</span>`:n}
+				${typeof e.number=="number"?s`<span class="number">Nakshatra ${e.number} of 27</span>`:l}
+				${e.range?s`<span class="range">${e.range}</span>`:l}
 			</header>
 
 			<dl class="facts">
-				${e.lord?t`<div class="fact"><dt>Lord</dt><dd>${e.lord}</dd></div>`:n}
-				${e.deity?t`<div class="fact"><dt>Deity</dt><dd>${e.deity}</dd></div>`:n}
-				${e.symbol?t`<div class="fact"><dt>Symbol</dt><dd>${e.symbol}</dd></div>`:n}
+				${e.lord?s`<div class="fact"><dt>Lord</dt><dd>${e.lord}</dd></div>`:l}
+				${e.deity?s`<div class="fact"><dt>Deity</dt><dd>${e.deity}</dd></div>`:l}
+				${e.symbol?s`<div class="fact"><dt>Symbol</dt><dd>${e.symbol}</dd></div>`:l}
 			</dl>
 
-			${e.characteristics?t`<div class="section">
+			${e.characteristics?s`<div class="section">
 						<h3>Characteristics</h3>
 						<p>${e.characteristics}</p>
-					</div>`:n}
+					</div>`:l}
 
-			${r?t`<div class="section">
+			${t?s`<div class="section">
 						<h3>Remedies</h3>
 						<div class="remedies">
-							${r.mantras?t`<div class="remedy"><strong>Mantras:</strong> ${r.mantras}</div>`:n}
-							${r.gemstones?t`<div class="remedy"><strong>Gemstones:</strong> ${r.gemstones}</div>`:n}
-							${r.rituals?t`<div class="remedy"><strong>Rituals:</strong> ${r.rituals}</div>`:n}
+							${t.mantras?s`<div class="remedy"><strong>Mantras:</strong> ${t.mantras}</div>`:l}
+							${t.gemstones?s`<div class="remedy"><strong>Gemstones:</strong> ${t.gemstones}</div>`:l}
+							${t.rituals?s`<div class="remedy"><strong>Rituals:</strong> ${t.rituals}</div>`:l}
 						</div>
-					</div>`:n}
-		</article>`}};le.styles=[v,x`
+					</div>`:l}
+		</article>`}};ye.styles=[v,f`
 			.wrap {
 				border: 1px solid var(--roxy-border, #e4e4e7);
 				border-radius: var(--roxy-radius-md, 8px);
@@ -2642,12 +2882,12 @@
 				color: var(--roxy-muted, #71717a);
 				font-weight: var(--roxy-weight-bold, 600);
 			}
-		`],p([g({attribute:!1})],le.prototype,"data",2),le=p([f("roxy-nakshatra-card")],le);var vr=420,k=vr/2,ze=164,fr=146,Ne=120,_e=96,Ot=178,Ht=196,M=class extends u{constructor(){super(...arguments);this.data=null;this.houseSystem="placidus";this.view="wheel"}getPlanets(){return this.data?.planets??[]}getAscendant(){return this.data?.ascendant?.longitude??0}getMidheaven(){let e=this.data?.midheaven?.longitude;return typeof e=="number"?e:null}toAngle(e){return 180+this.getAscendant()-e}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.getPlanets(),r=this.data.aspects??[],a=this.view;return t`<div class="wrap">
+		`],p([y({attribute:!1})],ye.prototype,"data",2),ye=p([b("roxy-nakshatra-card")],ye);var Tt=420,S=Tt/2,Ne=164,Pt=146,Ve=120,ze=96,na=178,ia=196,K=class extends x{constructor(){super(...arguments);this.data=null;this.houseSystem="placidus";this.view="wheel"}getPlanets(){return this.data?.planets??[]}getAscendant(){return this.data?.ascendant?.longitude??0}getMidheaven(){let e=this.data?.midheaven?.longitude;return typeof e=="number"?e:null}toAngle(e){return 180+this.getAscendant()-e}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.getPlanets(),t=this.data.aspects??[],r=this.view;return s`<div class="wrap">
 			<header>
 				<h2 class="title">Natal chart</h2>
-				${this.data.birthDetails?t`<div class="meta">
+				${this.data.birthDetails?s`<div class="meta">
 							${[this.data.birthDetails.date,this.data.birthDetails.time].filter(Boolean).join(" \xB7 ")}
-						</div>`:n}
+						</div>`:l}
 			</header>
 			<div
 				class="tablist"
@@ -2655,32 +2895,32 @@
 				aria-label="Natal chart views"
 				@keydown=${this.onTabKeyDown}
 			>
-				${["wheel","grid"].map(o=>t`<button
+				${["wheel","grid"].map(o=>s`<button
 						class="tab"
 						role="tab"
 						id="tab-${o}"
-						aria-selected=${a===o?"true":"false"}
+						aria-selected=${r===o?"true":"false"}
 						aria-controls="panel-${o}"
-						tabindex=${a===o?"0":"-1"}
+						tabindex=${r===o?"0":"-1"}
 						@click=${()=>{this.view=o}}
 					>
 						${o==="wheel"?"Wheel":"Aspect grid"}
 					</button>`)}
 			</div>
-			<div id="panel-${a}" role="tabpanel" aria-labelledby="tab-${a}">
-				${a==="wheel"?this.renderWheel(e,r):this.renderAspectGrid(e,r)}
+			<div id="panel-${r}" role="tabpanel" aria-labelledby="tab-${r}">
+				${r==="wheel"?this.renderWheel(e,t):this.renderAspectGrid(e,t)}
 			</div>
 			<div class="legend">
 				<span>${e.length} planets</span>
-				<span>${r.length} aspects</span>
-				${this.data.houseSystem?t`<span>${this.data.houseSystem} houses</span>`:n}
+				<span>${t.length} aspects</span>
+				${this.data.houseSystem?s`<span>${this.data.houseSystem} houses</span>`:l}
 				<span><span class="legend-swatch" style="background: var(--roxy-success)"></span>harmonious</span>
 				<span><span class="legend-swatch" style="background: var(--roxy-danger)"></span>challenging</span>
 			</div>
 			${this.renderDetails()}
 			${this.renderInterpretations()}
-		</div>`}onTabKeyDown(e){if(e.key!=="ArrowRight"&&e.key!=="ArrowLeft")return;e.preventDefault(),this.view=this.view==="wheel"?"grid":"wheel";let r=this.view;requestAnimationFrame(()=>{this.shadowRoot?.querySelector(`#tab-${r}`)?.focus()})}renderWheel(e,r){return t`<svg
-			viewBox="0 0 ${vr} ${vr}"
+		</div>`}onTabKeyDown(e){if(e.key!=="ArrowRight"&&e.key!=="ArrowLeft")return;e.preventDefault(),this.view=this.view==="wheel"?"grid":"wheel";let t=this.view;requestAnimationFrame(()=>{this.shadowRoot?.querySelector(`#tab-${t}`)?.focus()})}renderWheel(e,t){return s`<svg
+			viewBox="0 0 ${Tt} ${Tt}"
 			role="img"
 			aria-label="Natal chart wheel with twelve houses, planets, and aspects"
 		>
@@ -2689,86 +2929,87 @@
 				Twelve zodiac sign segments around a circular wheel. Planet glyphs are
 				placed at their ecliptic longitudes. Aspect lines connect related planets.
 			</desc>
-			<circle class="wheel-line" cx=${k} cy=${k} r=${ze} stroke-width="1.5" />
-			<circle class="wheel-line" cx=${k} cy=${k} r=${fr-14} stroke-width="0.8" />
-			<circle class="wheel-line" cx=${k} cy=${k} r=${Ne} stroke-width="1" />
-			<circle class="wheel-line" cx=${k} cy=${k} r=${_e-16} stroke-width="0.5" />
+			<circle class="wheel-line" cx=${S} cy=${S} r=${Ne} stroke-width="1.5" />
+			<circle class="wheel-line" cx=${S} cy=${S} r=${Pt-14} stroke-width="0.8" />
+			<circle class="wheel-line" cx=${S} cy=${S} r=${Ve} stroke-width="1" />
+			<circle class="wheel-line" cx=${S} cy=${S} r=${ze-16} stroke-width="0.5" />
 			${this.renderTicks()} ${this.renderSpokes()} ${this.renderSigns()}
 			${this.renderHouseNumbers()} ${this.renderCuspDegrees()}
-			${this.renderAspects(e,r)} ${this.renderPlanets(e)}
+			${this.renderAspects(e,t)} ${this.renderPlanets(e)}
 			${this.renderAngles()}
-		</svg>`}renderAspectGrid(e,r){let a=e.map(l=>A(l.name)),o=new Map;for(let l of r){let d=[A(l.planet1),A(l.planet2)].sort().join("|");o.set(d,l)}return a.length===0?t`<p class="roxy-empty" role="status">No planets to grid</p>`:t`<div class="grid-scroll">
+		</svg>`}renderAspectGrid(e,t){let r=e.map(i=>E(i.name)),o=new Map;for(let i of t){let d=[E(i.planet1),E(i.planet2)].sort().join("|");o.set(d,i)}return r.length===0?s`<p class="roxy-empty" role="status">No planets to grid</p>`:s`<div class="grid-scroll">
 			<table class="aspect-grid" aria-label="Planet by planet aspect grid">
 				<thead>
 					<tr>
 						<th></th>
-						${a.slice(0,-1).map(l=>{let d=L[l]??l.slice(0,2);return t`<th scope="col" title=${l}>${d}</th>`})}
+						${r.slice(0,-1).map(i=>{let d=R[i]??i.slice(0,2);return s`<th scope="col" title=${i}>${d}</th>`})}
 					</tr>
 				</thead>
 				<tbody>
-					${a.slice(1).map((l,d)=>{let c=L[l]??l.slice(0,2);return t`<tr>
-							<th scope="row" title=${l}>${c}</th>
-							${a.slice(0,d+1).map(m=>{let y=o.get([l,m].sort().join("|"));if(!y)return t`<td class="empty"></td>`;let h=we(y),b=mr[h]??mr[h.replace(/-/g,"")]??h.slice(0,3),E=Re[h]??"aspect-other",$=w(y.orb,1);return t`<td class=${`cell ${E}`} title=${`${l} ${h} ${m}${$?` (orb ${$}\xB0)`:""}`}>
-									<span class="asp">${b}</span>
+					${r.slice(1).map((i,d)=>{let c=R[i]??i.slice(0,2);return s`<tr>
+							<th scope="row" title=${i}>${c}</th>
+							${r.slice(0,d+1).map(m=>{let g=o.get([i,m].sort().join("|"));if(!g)return s`<td class="empty"></td>`;let h=Re(g),u=kt[h]??kt[h.replace(/-/g,"")]??h.slice(0,3),k=qe[h]??"aspect-other",$=A(g.orb,1);return s`<td class=${`cell ${k}`} title=${`${i} ${h} ${m}${$?` (orb ${$}\xB0)`:""}`}>
+									<span class="asp">${u}</span>
 								</td>`})}
-							${a.slice(d+1,-1).map(()=>t`<td class="empty"></td>`)}
+							${r.slice(d+1,-1).map(()=>s`<td class="empty"></td>`)}
 						</tr>`})}
 				</tbody>
 			</table>
-		</div>`}renderAngles(){let e=this.getAscendant(),r=this.getMidheaven(),a=[this.renderAngleMark(e,"ASC"),this.renderAngleMark(yr(e),"DSC")];r!==null&&(a.push(this.renderAngleMark(r,"MC")),a.push(this.renderAngleMark(yr(r),"IC")));let o=this.data?.partOfFortune?.longitude;typeof o=="number"&&a.push(this.renderAngleMark(se(o),"PoF"));let l=this.data?.vertex?.longitude;return typeof l=="number"&&a.push(this.renderAngleMark(se(l),"Vtx")),a}renderAngleMark(e,r){let a=this.toAngle(e),o=P(k,k,ze,a),l=P(k,k,Ot,a),d=P(k,k,Ht,a);return S`
+		</div>`}renderAngles(){let e=this.getAscendant(),t=this.getMidheaven(),r=[this.renderAngleMark(e,"ASC"),this.renderAngleMark(Et(e),"DSC")];t!==null&&(r.push(this.renderAngleMark(t,"MC")),r.push(this.renderAngleMark(Et(t),"IC")));let o=this.data?.partOfFortune?.longitude;typeof o=="number"&&r.push(this.renderAngleMark(I(o),"PoF"));let i=this.data?.vertex?.longitude;return typeof i=="number"&&r.push(this.renderAngleMark(I(i),"Vtx")),r}renderAngleMark(e,t){let r=this.toAngle(e),o=L(S,S,Ne,r),i=L(S,S,na,r),d=L(S,S,ia,r);return w`
 			<g>
-				<line class="angle-tick" x1=${o.x} y1=${o.y} x2=${l.x} y2=${l.y} />
-				<text class="angle-marker" x=${d.x} y=${d.y} text-anchor="middle" dominant-baseline="central">${r}</text>
+				<line class="angle-tick" x1=${o.x} y1=${o.y} x2=${i.x} y2=${i.y} />
+				<text class="angle-marker" x=${d.x} y=${d.y} text-anchor="middle" dominant-baseline="central">${t}</text>
 			</g>
-		`}renderSpokes(){let e=this.data?.houses??[];return(e.length===12?e.map(a=>a.longitude):Array.from({length:12},(a,o)=>this.getAscendant()+o*30)).map(a=>{let o=this.toAngle(a),l=P(k,k,Ne,o),d=P(k,k,ze,o);return S`<line class="wheel-line" x1=${l.x} y1=${l.y} x2=${d.x} y2=${d.y} stroke-width="0.8" />`})}renderSigns(){return _.map((e,r)=>{let a=this.toAngle(r*30+15),o=P(k,k,fr,a);return S`<text class="sign-glyph" x=${o.x} y=${o.y} text-anchor="middle" dominant-baseline="central">${N[e]}</text>`})}renderHouseNumbers(){let e=this.data?.houses??[];if(e.length===12)return e.map((a,o)=>{let l=e[(o+1)%12],d=Fr(a.longitude,l?l.longitude:a.longitude+30),c=P(k,k,Ne-12,this.toAngle(d));return S`<text class="house-num" x=${c.x} y=${c.y} text-anchor="middle" dominant-baseline="central">${a.number}</text>`});let r=Math.floor(this.getAscendant()/30);return Array.from({length:12},(a,o)=>{let l=this.toAngle(o*30+15),d=P(k,k,Ne-12,l),c=(o-r+12)%12+1;return S`<text class="house-num" x=${d.x} y=${d.y} text-anchor="middle" dominant-baseline="central">${c}</text>`})}renderTicks(){let e=[];for(let r=0;r<360;r+=5){let a=this.toAngle(r),o=r%30===0,l=o?fr-14:ze-5,d=P(k,k,l,a),c=P(k,k,ze,a);e.push(S`<line class=${o?"tick tick-major":"tick"} x1=${d.x} y1=${d.y} x2=${c.x} y2=${c.y} stroke-width=${o?1:.5} />`)}return e}renderCuspDegrees(){let e=this.data?.houses??[];return e.length!==12?n:e.map(r=>{let a=this.toAngle(r.longitude),o=P(k,k,Ne+9,a),l=ve(r.longitude);return S`<text class="cusp-deg" x=${o.x} y=${o.y} text-anchor="middle" dominant-baseline="central">${l.degree}°${String(l.minute).padStart(2,"0")}'</text>`})}renderPlanets(e){return e.map(r=>{if(!Number.isFinite(r.longitude))return n;let a=this.toAngle(r.longitude),o=P(k,k,_e,a),l=P(k,k,_e-13,a),d=L[A(r.name)]??r.name.slice(0,2),c=ve(r.longitude),m=r.isRetrograde===!0,y=`${c.degree}\xB0${String(c.minute).padStart(2,"0")}'`;return S`<g>
-				<text class="planet-glyph" x=${o.x} y=${o.y} text-anchor="middle" dominant-baseline="central"><title>${r.name}${m?" retrograde":""} - ${y} ${r.sign??""}</title>${d}</text>
-				<text class="planet-deg" x=${l.x} y=${l.y} text-anchor="middle" dominant-baseline="central">${y}${m?S`<tspan class="retro"> ℞</tspan>`:n}</text>
-			</g>`})}renderDetails(){let e=this.data?.summary,r=this.data?.aspectsInterpretation;if(!e&&!r)return n;let a=e?.retrogradePlanets??[];return t`<div class="details">
-			${e?.dominantElement||e?.dominantModality?t`<div class="pill-row">
-						${e.dominantElement?t`<span class="pill">Dominant element: ${e.dominantElement}</span>`:n}
-						${e.dominantModality?t`<span class="pill">Dominant modality: ${e.dominantModality}</span>`:n}
-					</div>`:n}
-			${r?t`<div class="pill-row">
-						<span class="pill pill--success">Harmonious ${r.harmonious}</span>
-						<span class="pill pill--danger">Challenging ${r.challenging}</span>
-						<span class="pill pill--muted">Neutral ${r.neutral}</span>
-					</div>`:n}
-			${a.length>0?t`<div class="pill-row">
-						${a.map(o=>{let l=L[o]??o.slice(0,2);return t`<span class="pill pill--muted">${l} ${o} R</span>`})}
-					</div>`:n}
-			${r?.summary?t`<p class="summary">${r.summary}</p>`:n}
+		`}renderSpokes(){let e=this.data?.houses??[];return(e.length===12?e.map(r=>r.longitude):Array.from({length:12},(r,o)=>this.getAscendant()+o*30)).map(r=>{let o=this.toAngle(r),i=L(S,S,Ve,o),d=L(S,S,Ne,o);return w`<line class="wheel-line" x1=${i.x} y1=${i.y} x2=${d.x} y2=${d.y} stroke-width="0.8" />`})}renderSigns(){return M.map((e,t)=>{let r=this.toAngle(t*30+15),o=L(S,S,Pt,r);return w`<text class="sign-glyph" x=${o.x} y=${o.y} text-anchor="middle" dominant-baseline="central">${G[e]}</text>`})}renderHouseNumbers(){let e=this.data?.houses??[];if(e.length===12)return e.map((r,o)=>{let i=e[(o+1)%12],d=or(r.longitude,i?i.longitude:r.longitude+30),c=L(S,S,Ve-12,this.toAngle(d));return w`<text class="house-num" x=${c.x} y=${c.y} text-anchor="middle" dominant-baseline="central">${r.number}</text>`});let t=Math.floor(this.getAscendant()/30);return Array.from({length:12},(r,o)=>{let i=this.toAngle(o*30+15),d=L(S,S,Ve-12,i),c=(o-t+12)%12+1;return w`<text class="house-num" x=${d.x} y=${d.y} text-anchor="middle" dominant-baseline="central">${c}</text>`})}renderTicks(){let e=[];for(let t=0;t<360;t+=5){let r=this.toAngle(t),o=t%30===0,i=o?Pt-14:Ne-5,d=L(S,S,i,r),c=L(S,S,Ne,r);e.push(w`<line class=${o?"tick tick-major":"tick"} x1=${d.x} y1=${d.y} x2=${c.x} y2=${c.y} stroke-width=${o?1:.5} />`)}return e}renderCuspDegrees(){let e=this.data?.houses??[];return e.length!==12?l:e.map(t=>{let r=this.toAngle(t.longitude),o=L(S,S,Ve+9,r),i=B(t.longitude);return w`<text class="cusp-deg" x=${o.x} y=${o.y} text-anchor="middle" dominant-baseline="central">${i.degree}°${String(i.minute).padStart(2,"0")}'</text>`})}renderPlanets(e){let r=e.filter(i=>Number.isFinite(i.longitude)).map(i=>({p:i,trueLon:I(i.longitude),displayLon:I(i.longitude)})).sort((i,d)=>i.trueLon-d.trueLon);for(let i=1;i<r.length;i++){let d=r[i-1],c=r[i];if(!d||!c)continue;let m=d.displayLon+7;c.displayLon<m&&(c.displayLon=m)}let o=r[r.length-1];if(o&&o.displayLon>360){let i=o.displayLon-360;for(let d of r)d.displayLon-=i}return r.map(({p:i,trueLon:d,displayLon:c})=>{let m=this.toAngle(d),g=this.toAngle(c),h=L(S,S,ze,g),u=L(S,S,ze-13,g),k=L(S,S,Ne-4,m),$=L(S,S,ze+8,g),$e=R[E(i.name)]??i.name.slice(0,2),Ye=B(i.longitude),_e=i.isRetrograde===!0,Ue=`${Ye.degree}\xB0${String(Ye.minute).padStart(2,"0")}'`,Fe=Math.abs(c-d)>.5;return w`<g>
+				${Fe?w`<line class="planet-leader" x1=${k.x} y1=${k.y} x2=${$.x} y2=${$.y} />`:l}
+				<text class="planet-glyph" x=${h.x} y=${h.y} text-anchor="middle" dominant-baseline="central"><title>${i.name}${_e?" retrograde":""} - ${Ue} ${i.sign??""}</title>${$e}</text>
+				<text class="planet-deg" x=${u.x} y=${u.y} text-anchor="middle" dominant-baseline="central">${Ue}${_e?w`<tspan class="retro"> ℞</tspan>`:l}</text>
+			</g>`})}renderDetails(){let e=this.data?.summary,t=this.data?.aspectsInterpretation;if(!e&&!t)return l;let r=e?.retrogradePlanets??[];return s`<div class="details">
+			${e?.dominantElement||e?.dominantModality?s`<div class="pill-row">
+						${e.dominantElement?s`<span class="pill">Dominant element: ${e.dominantElement}</span>`:l}
+						${e.dominantModality?s`<span class="pill">Dominant modality: ${e.dominantModality}</span>`:l}
+					</div>`:l}
+			${t?s`<div class="pill-row">
+						<span class="pill pill--success">Harmonious ${t.harmonious}</span>
+						<span class="pill pill--danger">Challenging ${t.challenging}</span>
+						<span class="pill pill--muted">Neutral ${t.neutral}</span>
+					</div>`:l}
+			${r.length>0?s`<div class="pill-row">
+						${r.map(o=>{let i=R[o]??o.slice(0,2);return s`<span class="pill pill--muted">${i} ${o} R</span>`})}
+					</div>`:l}
+			${t?.summary?s`<p class="summary">${t.summary}</p>`:l}
 			${this.renderElementModalityGrid()}
-		</div>`}renderElementModalityGrid(){let e=this.getPlanets();if(e.length===0)return n;let r=["Fire","Earth","Air","Water"],a=["Cardinal","Fixed","Mutable"],o=_,l={};for(let d of r)l[d]={Cardinal:[],Fixed:[],Mutable:[]};for(let d of e){let c=o.indexOf(A(d.sign??""));if(c<0)continue;let m=r[c%4],y=a[c%3],h=L[A(d.name)]??A(d.name).slice(0,2);l[m]?.[y]?.push(h)}return t`<table class="em-grid" aria-label="Element and modality distribution">
+		</div>`}renderElementModalityGrid(){let e=this.getPlanets();if(e.length===0)return l;let t=["Fire","Earth","Air","Water"],r=["Cardinal","Fixed","Mutable"],o=M,i={};for(let d of t)i[d]={Cardinal:[],Fixed:[],Mutable:[]};for(let d of e){let c=o.indexOf(E(d.sign??""));if(c<0)continue;let m=t[c%4],g=r[c%3],h=R[E(d.name)]??E(d.name).slice(0,2);i[m]?.[g]?.push(h)}return s`<table class="em-grid" aria-label="Element and modality distribution">
 			<thead>
 				<tr>
 					<th></th>
-					${a.map(d=>t`<th scope="col">${d.slice(0,3)}</th>`)}
+					${r.map(d=>s`<th scope="col">${d.slice(0,3)}</th>`)}
 					<th scope="col">Total</th>
 				</tr>
 			</thead>
 			<tbody>
-				${r.map(d=>{let c=a.reduce((m,y)=>m+(l[d]?.[y]?.length??0),0);return t`<tr>
+				${t.map(d=>{let c=r.reduce((m,g)=>m+(i[d]?.[g]?.length??0),0);return s`<tr>
 						<th scope="row">${d}</th>
-						${a.map(m=>t`<td>${(l[d]?.[m]??[]).join(" ")}</td>`)}
+						${r.map(m=>s`<td>${(i[d]?.[m]??[]).join(" ")}</td>`)}
 						<td class="em-total">${c}</td>
 					</tr>`})}
 				<tr>
 					<th scope="row">Total</th>
-					${a.map(d=>t`<td class="em-total">${r.reduce((c,m)=>c+(l[m]?.[d]?.length??0),0)}</td>`)}
+					${r.map(d=>s`<td class="em-total">${t.reduce((c,m)=>c+(i[m]?.[d]?.length??0),0)}</td>`)}
 					<td class="em-total">${e.length}</td>
 				</tr>
 			</tbody>
-		</table>`}renderInterpretations(){let e=this.getPlanets().filter(r=>r.interpretation);return e.length===0?n:t`<section class="interpretations">
+		</table>`}renderInterpretations(){let e=this.getPlanets().filter(t=>t.interpretation);return e.length===0?l:s`<section class="interpretations">
 			<h3>Planet readings</h3>
-			${e.map((r,a)=>{let o=r.interpretation,l=L[A(r.name)]??"",d=w(r.degree??0,1);return t`<details class="interp-card" name="natal-planet-readings" ?open=${a===0}>
-					<summary>${l} ${r.name} <small>${r.sign??""} ${d}</small></summary>
+			${e.map((t,r)=>{let o=t.interpretation,i=R[E(t.name)]??"",d=A(t.degree??0,1);return s`<details class="interp-card" name="natal-planet-readings" ?open=${r===0}>
+					<summary>${i} ${t.name} <small>${t.sign??""} ${d}</small></summary>
 					<div class="interp-body">
-						${o.summary?t`<p class="interp-summary">${o.summary}</p>`:n}
-						${o.detailed?t`<p class="interp-detail">${o.detailed}</p>`:n}
-						${o.keywords?.length?t`<div class="interp-keywords">${o.keywords.map(c=>t`<span class="kw">${c}</span>`)}</div>`:n}
+						${o.summary?s`<p class="interp-summary">${o.summary}</p>`:l}
+						${o.detailed?s`<p class="interp-detail">${o.detailed}</p>`:l}
+						${o.keywords?.length?s`<div class="interp-keywords">${o.keywords.map(c=>s`<span class="kw">${c}</span>`)}</div>`:l}
 					</div>
 				</details>`})}
-		</section>`}renderAspects(e,r){let a=new Map;for(let o of e){if(typeof o.longitude!="number")continue;let l=A(o.name);l&&a.set(l,o.longitude)}return r.map(o=>{let l=a.get(A(o.planet1)),d=a.get(A(o.planet2));if(l===void 0||d===void 0)return n;let c=P(k,k,_e-18,this.toAngle(l)),m=P(k,k,_e-18,this.toAngle(d)),y=we(o),h=Re[y]??"aspect-other",b=w(o.orb,1);return S`<line class=${`aspect ${h}`} x1=${c.x} y1=${c.y} x2=${m.x} y2=${m.y}><title>${o.planet1} ${y||""} ${o.planet2}${b?` (orb ${b}\xB0)`:""}</title></line>`})}};M.styles=[v,x`
+		</section>`}renderAspects(e,t){let r=new Map;for(let o of e){if(typeof o.longitude!="number")continue;let i=E(o.name);i&&r.set(i,o.longitude)}return t.map(o=>{let i=r.get(E(o.planet1)),d=r.get(E(o.planet2));if(i===void 0||d===void 0)return l;let c=L(S,S,ze-18,this.toAngle(i)),m=L(S,S,ze-18,this.toAngle(d)),g=Re(o),h=qe[g]??"aspect-other",u=A(o.orb,1);return w`<line class=${`aspect ${h}`} x1=${c.x} y1=${c.y} x2=${m.x} y2=${m.y}><title>${o.planet1} ${g||""} ${o.planet2}${u?` (orb ${u}\xB0)`:""}</title></line>`})}};K.styles=[v,f`
 			.wrap {
 				width: 100%;
 				display: grid;
@@ -2790,7 +3031,8 @@
 			svg {
 				display: block;
 				width: 100%;
-				max-width: 360px;
+				max-width: 560px;
+				aspect-ratio: 1 / 1;
 				height: auto;
 				margin: 0 auto;
 			}
@@ -2819,10 +3061,33 @@
 				font-family: var(--roxy-font-sans);
 			}
 
+			/* Below 480px the chart container shrinks to ~320px on phones.
+			 * Bump in-SVG text up proportionally so the 7px degree band
+			 * does not collapse below ~6px on screen.
+			 */
+			@container (max-width: 480px) {
+				.sign-glyph,
+				.planet-glyph {
+					font-size: 18px;
+				}
+				.planet-deg {
+					font-size: 10px;
+				}
+				.house-num {
+					font-size: 12px;
+				}
+			}
+
 			.planet-deg .retro {
 				fill: var(--roxy-danger, #dc2626);
 			}
 
+			.planet-leader {
+				stroke: var(--roxy-accent, #f59e0b);
+				stroke-width: 0.5;
+				opacity: 0.55;
+			}
+
 			.house-num {
 				fill: var(--roxy-muted, #71717a);
 				font-size: 9px;
@@ -3081,45 +3346,45 @@
 				color: var(--roxy-accent-fg, #b45309);
 				font-size: var(--roxy-text-xs, 0.75rem);
 			}
-		`],p([g({attribute:!1})],M.prototype,"data",2),p([g({type:String,attribute:"house-system",reflect:!0})],M.prototype,"houseSystem",2),p([C()],M.prototype,"view",2),M=p([f("roxy-natal-chart")],M);var W=class extends u{constructor(){super(...arguments);this.data=null;this.type="life-path"}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No numerology data</div>`;let r=Gt[this.type]??this.type;return"coreNumbers"in e?this.renderChart(e,r):"personalYear"in e?this.renderPersonalYear(e,r):this.renderNumberCard(e,r)}renderNumberCard(e,r){let a=e.meaning?.keywords??[];return t`<article class="card" aria-label=${r}>
+		`],p([y({attribute:!1})],K.prototype,"data",2),p([y({type:String,attribute:"house-system",reflect:!0})],K.prototype,"houseSystem",2),p([z()],K.prototype,"view",2),K=p([b("roxy-natal-chart")],K);var ae=class extends x{constructor(){super(...arguments);this.data=null;this.type="life-path"}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No numerology data</div>`;let t=la[this.type]??this.type;return"coreNumbers"in e?this.renderChart(e,t):"personalYear"in e?this.renderPersonalYear(e,t):this.renderNumberCard(e,t)}renderNumberCard(e,t){let r=e.meaning?.keywords??[];return s`<article class="card" aria-label=${t}>
 			<div class="hero">
-				${typeof e.number=="number"?t`<div class="numeral">${e.number}</div>`:n}
+				${typeof e.number=="number"?s`<div class="numeral">${e.number}</div>`:l}
 				<div>
-					<p class="label">${r}</p>
-					${e.meaning?.title?t`<h2 class="title">${e.meaning.title}</h2>`:n}
+					<p class="label">${t}</p>
+					${e.meaning?.title?s`<h2 class="title">${e.meaning.title}</h2>`:l}
 				</div>
 			</div>
-			${e.meaning?.description?t`<p class="meaning">${e.meaning.description}</p>`:n}
-			${e.calculation?t`<pre class="calc">${e.calculation}</pre>`:n}
-			${a.length>0?t`<div class="chips">
-						${a.map(o=>t`<span>${o}</span>`)}
-					</div>`:n}
-			${e.hasKarmicDebt&&e.karmicDebtNumber?t`<div class="karmic">
+			${e.meaning?.description?s`<p class="meaning">${e.meaning.description}</p>`:l}
+			${e.calculation?s`<pre class="calc">${e.calculation}</pre>`:l}
+			${r.length>0?s`<div class="chips">
+						${r.map(o=>s`<span>${o}</span>`)}
+					</div>`:l}
+			${e.hasKarmicDebt&&e.karmicDebtNumber?s`<div class="karmic">
 						Karmic debt ${e.karmicDebtNumber}.
-						${jt(e.karmicDebtMeaning)}
-					</div>`:n}
-		</article>`}renderPersonalYear(e,r){return t`<article class="card" aria-label=${r}>
+						${da(e.karmicDebtMeaning)}
+					</div>`:l}
+		</article>`}renderPersonalYear(e,t){return s`<article class="card" aria-label=${t}>
 			<div class="hero">
-				${typeof e.personalYear=="number"?t`<div class="numeral">${e.personalYear}</div>`:n}
+				${typeof e.personalYear=="number"?s`<div class="numeral">${e.personalYear}</div>`:l}
 				<div>
-					<p class="label">${r}</p>
-					${e.theme?t`<h2 class="title">${e.theme}</h2>`:n}
+					<p class="label">${t}</p>
+					${e.theme?s`<h2 class="title">${e.theme}</h2>`:l}
 				</div>
 			</div>
-			${e.forecast?t`<p class="meaning">${e.forecast}</p>`:n}
-			${e.advice?t`<p>${e.advice}</p>`:n}
-		</article>`}renderChart(e,r){let a=Object.entries(e.coreNumbers).filter(([,o])=>o!=null);return t`<article class="card" aria-label=${r}>
+			${e.forecast?s`<p class="meaning">${e.forecast}</p>`:l}
+			${e.advice?s`<p>${e.advice}</p>`:l}
+		</article>`}renderChart(e,t){let r=Object.entries(e.coreNumbers).filter(([,o])=>o!=null);return s`<article class="card" aria-label=${t}>
 			<div>
-				<p class="label">${r}</p>
-				${e.profile?.name?t`<h2 class="title">${e.profile.name}</h2>`:n}
+				<p class="label">${t}</p>
+				${e.profile?.name?s`<h2 class="title">${e.profile.name}</h2>`:l}
 			</div>
-			${a.length>0?t`<div class="cores">
-						${a.map(([o,l])=>t`<div class="item">
-								<span>${te(o)}</span>
-								<strong>${l.number??""}</strong>
+			${r.length>0?s`<div class="cores">
+						${r.map(([o,i])=>s`<div class="item">
+								<span>${ce(o)}</span>
+								<strong>${i.number??""}</strong>
 							</div>`)}
-					</div>`:n}
-		</article>`}};W.styles=[v,x`
+					</div>`:l}
+		</article>`}};ae.styles=[v,f`
 			.card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -3215,56 +3480,70 @@
 				font-size: var(--roxy-text-sm, 0.875rem);
 				color: var(--roxy-fg, #0a0a0a);
 			}
-		`],p([g({attribute:!1})],W.prototype,"data",2),p([g({type:String,reflect:!0})],W.prototype,"type",2),W=p([f("roxy-numerology-card")],W);var Gt={"life-path":"Life Path",expression:"Expression","personal-year":"Personal Year",chart:"Numerology chart"};function jt(i){return i?[i.description,i.challenge,i.resolution].filter(Boolean).join(" "):""}var J=class extends u{constructor(){super(...arguments);this.data=null;this.detail="detailed"}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No panchang data</div>`;let r="sunrise"in e?e:null,a=[["Tithi",this.formatPart(e.tithi)],["Nakshatra",this.formatPart(e.nakshatra)],["Yoga",this.formatPart(e.yoga)],["Karana",this.formatPart(e.karana)]];r&&a.push(["Vara",this.formatPart(r.vara)]);let o=r?[["Brahma Muhurta",r.brahmaMuhurta],["Abhijit Muhurta",r.abhijitMuhurta],["Vijaya Muhurta",r.vijayaMuhurta],["Godhuli Muhurta",r.godhuliMuhurta],["Nishita Muhurta",r.nishitaMuhurta],["Pratah Sandhya",r.pratahSandhya],["Sayahna Sandhya",r.sayahnaSandhya]]:[],l=r?[["Rahu Kaal",r.rahuKaal],["Yamaganda",r.yamaganda],["Gulika",r.gulika]]:[];return t`<div class="wrap" aria-label="Panchang">
+		`],p([y({attribute:!1})],ae.prototype,"data",2),p([y({type:String,reflect:!0})],ae.prototype,"type",2),ae=p([b("roxy-numerology-card")],ae);var la={"life-path":"Life Path",expression:"Expression","personal-year":"Personal Year",chart:"Numerology chart"};function da(n){return n?[n.description,n.challenge,n.resolution].filter(Boolean).join(" "):""}var se=class extends x{constructor(){super(...arguments);this.data=null;this.detail="detailed"}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No panchang data</div>`;let t="sunrise"in e?e:null,r=[["Tithi",this.formatPart(e.tithi)],["Nakshatra",this.formatPart(e.nakshatra)],["Yoga",this.formatPart(e.yoga)],["Karana",this.formatPart(e.karana)]];t&&r.push(["Vara",this.formatPart(t.vara)]);let o=t?[["Brahma Muhurta",t.brahmaMuhurta],["Abhijit Muhurta",t.abhijitMuhurta],["Vijaya Muhurta",t.vijayaMuhurta],["Godhuli Muhurta",t.godhuliMuhurta],["Nishita Muhurta",t.nishitaMuhurta],["Pratah Sandhya",t.pratahSandhya],["Sayahna Sandhya",t.sayahnaSandhya]]:[],i=t?[["Rahu Kaal",t.rahuKaal],["Yamaganda",t.yamaganda],["Gulika",t.gulika]]:[],d=t&&"transitions"in t?t.transitions:void 0;return s`<div class="wrap" aria-label="Panchang">
 			<header class="head">
 				<h2 class="title">Panchang</h2>
-				<span class="date">${r?Ke(r.date):""}</span>
+				<span class="date">${t?rt(t.date):""}</span>
 			</header>
 			<table>
 				<tbody>
-					${a.map(([d,c])=>t`<tr>
-							<th>${d}</th>
-							<td>${c}</td>
+					${r.map(([c,m])=>s`<tr>
+							<th>${c}</th>
+							<td>${m}</td>
 						</tr>`)}
-					${r?.sunrise?t`<tr>
+					${t?.sunrise?s`<tr>
 								<th>Sunrise</th>
-								<td>${G(r.sunrise)}</td>
-							</tr>`:n}
-					${r?.sunset?t`<tr>
+								<td>${j(t.sunrise)}</td>
+							</tr>`:l}
+					${t?.sunset?s`<tr>
 								<th>Sunset</th>
-								<td>${G(r.sunset)}</td>
-							</tr>`:n}
-					${r?.moonrise?t`<tr>
+								<td>${j(t.sunset)}</td>
+							</tr>`:l}
+					${t?.moonrise?s`<tr>
 								<th>Moonrise</th>
-								<td>${G(r.moonrise)}</td>
-							</tr>`:n}
-					${r?.moonset?t`<tr>
+								<td>${j(t.moonrise)}</td>
+							</tr>`:l}
+					${t?.moonset?s`<tr>
 								<th>Moonset</th>
-								<td>${G(r.moonset)}</td>
-							</tr>`:n}
+								<td>${j(t.moonset)}</td>
+							</tr>`:l}
 				</tbody>
 			</table>
-			${this.detail==="detailed"&&(o.some(d=>!!d[1])||l.some(d=>!!d[1]))?t`
+			${d?s`
+						<div class="section">Next transitions</div>
+						<table>
+							<tbody>
+								${this.renderTransitionRow("Tithi",d.tithi)}
+								${this.renderTransitionRow("Nakshatra",d.nakshatra)}
+								${this.renderTransitionRow("Yoga",d.yoga)}
+								${this.renderTransitionRow("Karana",d.karana)}
+							</tbody>
+						</table>
+					`:l}
+			${this.detail==="detailed"&&(o.some(c=>!!c[1])||i.some(c=>!!c[1]))?s`
 						<div class="section">Auspicious muhurtas</div>
 						<table>
 							<tbody>
-								${o.filter(([,d])=>!!d).map(([d,c])=>t`<tr>
-											<th>${d}</th>
-											<td>${gr(c)}</td>
+								${o.filter(([,c])=>!!c).map(([c,m])=>s`<tr>
+											<th>${c}</th>
+											<td>${At(m)}</td>
 										</tr>`)}
 							</tbody>
 						</table>
 						<div class="section">Inauspicious periods</div>
 						<table>
 							<tbody>
-								${l.filter(([,d])=>!!d).map(([d,c])=>t`<tr>
-											<th>${d}</th>
-											<td>${gr(c)}</td>
+								${i.filter(([,c])=>!!c).map(([c,m])=>s`<tr>
+											<th>${c}</th>
+											<td>${At(m)}</td>
 										</tr>`)}
 							</tbody>
 						</table>
-					`:n}
-		</div>`}formatPart(e){if(!e)return"";if(typeof e=="string")return e;if(typeof e=="object"){let r=e;return[r.name,r.lord?`(${r.lord})`:"",r.phase].filter(Boolean).join(" ")}return String(e)}};J.styles=[v,x`
+					`:l}
+		</div>`}renderTransitionRow(e,t){if(!t?.endsAt)return l;let r=j(t.endsAt),o=t.next?` \u2192 ${t.next}`:"";return s`<tr>
+			<th>${e}</th>
+			<td>ends ${r}${o}</td>
+		</tr>`}formatPart(e){if(!e)return"";if(typeof e=="string")return e;if(typeof e=="object"){let t=e;return[t.name,t.paksha?`(${t.paksha} paksha)`:"",t.lord?`\xB7 ${t.lord}`:"",t.phase].filter(Boolean).join(" ")}return String(e)}};se.styles=[v,f`
 			.wrap {
 				border: 1px solid var(--roxy-border, #e4e4e7);
 				border-radius: var(--roxy-radius-md, 8px);
@@ -3322,46 +3601,46 @@
 				text-transform: uppercase;
 				letter-spacing: 0.06em;
 			}
-		`],p([g({attribute:!1})],J.prototype,"data",2),p([g({type:String,reflect:!0})],J.prototype,"detail",2),J=p([f("roxy-panchang-table")],J);var br=[{key:"sthanaBala",label:"Sthana",color:"var(--roxy-info, #0284c7)"},{key:"digBala",label:"Dig",color:"var(--roxy-success, #16a34a)"},{key:"kalaBala",label:"Kala",color:"var(--roxy-warning, #ea580c)"},{key:"chestaBala",label:"Chesta",color:"var(--roxy-accent, #f59e0b)"},{key:"naisargikaBala",label:"Naisargika",color:"var(--roxy-secondary, #475569)"},{key:"drikBala",label:"Drik",color:"var(--roxy-danger, #dc2626)"}],de=class extends u{constructor(){super(...arguments);this.data=null}render(){if(!this.data?.planets?.length)return t`<div class="roxy-empty" role="status">No shadbala data</div>`;let e=[...this.data.planets].sort((r,a)=>r.relativeRank-a.relativeRank);return t`<div class="wrap" aria-label="Shadbala planetary strength">
+		`],p([y({attribute:!1})],se.prototype,"data",2),p([y({type:String,reflect:!0})],se.prototype,"detail",2),se=p([b("roxy-panchang-table")],se);var Rt=[{key:"sthanaBala",label:"Sthana",color:"var(--roxy-info, #0284c7)"},{key:"digBala",label:"Dig",color:"var(--roxy-success, #16a34a)"},{key:"kalaBala",label:"Kala",color:"var(--roxy-warning, #ea580c)"},{key:"chestaBala",label:"Chesta",color:"var(--roxy-accent, #f59e0b)"},{key:"naisargikaBala",label:"Naisargika",color:"var(--roxy-secondary, #475569)"},{key:"drikBala",label:"Drik",color:"var(--roxy-danger, #dc2626)"}],ue=class extends x{constructor(){super(...arguments);this.data=null}render(){if(!this.data?.planets?.length)return s`<div class="roxy-empty" role="status">No shadbala data</div>`;let e=[...this.data.planets].sort((t,r)=>t.relativeRank-r.relativeRank);return s`<div class="wrap" aria-label="Shadbala planetary strength">
 			<div class="head">
 				<h2 class="title">Shadbala</h2>
 				<p class="subtitle">${e.length} planets ranked by strength</p>
 			</div>
 
 			<div role="list" aria-label="Planet strength bars">
-				${e.map(r=>this.renderPlanetRow(r))}
+				${e.map(t=>this.renderPlanetRow(t))}
 			</div>
 
 			<div class="legend" aria-label="Strength component legend">
-				${br.map(r=>t`<div class="legend-row">
+				${Rt.map(t=>s`<div class="legend-row">
 						<span
 							class="legend-swatch"
-							style="background: ${r.color}"
+							style="background: ${t.color}"
 							aria-hidden="true"
 						></span>
-						${r.label}
+						${t.label}
 					</div>`)}
 			</div>
-		</div>`}renderPlanetRow(e){let r=L[A(e.planet)]??"",a=br.map(y=>Math.max(0,e[y.key])),o=a.reduce((y,h)=>y+h,0),l=typeof e.strengthRatio=="number"&&e.strengthRatio>=1,d=l?"adequacy-badge--adequate":"adequacy-badge--weak",c=l?"adequate":"weak",m=w(e.totalRupas,2)&&w(e.minRequired,2)?`${w(e.totalRupas,2)} / ${w(e.minRequired,2)} R`:"";return t`<div class="planet-row" role="listitem" aria-label="${e.planet} shadbala">
+		</div>`}renderPlanetRow(e){let t=R[E(e.planet)]??"",r=Rt.map(g=>Math.max(0,e[g.key])),o=r.reduce((g,h)=>g+h,0),i=typeof e.strengthRatio=="number"&&e.strengthRatio>=1,d=i?"adequacy-badge--adequate":"adequacy-badge--weak",c=i?"adequate":"weak",m=A(e.totalRupas,2)&&A(e.minRequired,2)?`${A(e.totalRupas,2)} / ${A(e.minRequired,2)} R`:"";return s`<div class="planet-row" role="listitem" aria-label="${e.planet} shadbala">
 			<div class="planet-label">
-				<span class="glyph" aria-hidden="true">${r}</span>
+				<span class="glyph" aria-hidden="true">${t}</span>
 				${e.planet}
 				<span class="rank-badge" aria-label="rank ${e.relativeRank}">#${e.relativeRank}</span>
 			</div>
 			<div class="bar-wrap">
 				<div class="bar" role="img" aria-label="Strength components for ${e.planet}">
-					${o>0?br.map((y,h)=>{let b=a[h];if(b<=0)return n;let E=b/o*100;return t`<div
+					${o>0?Rt.map((g,h)=>{let u=r[h];if(u<=0)return l;let k=u/o*100;return s`<div
 									class="bar-segment"
-									style="flex-grow: ${E}; background: ${y.color};"
-									title="${y.label}: ${w(b,1)}"
-								></div>`}):n}
+									style="flex-grow: ${k}; background: ${g.color};"
+									title="${g.label}: ${A(u,1)}"
+								></div>`}):l}
 				</div>
 			</div>
 			<div class="pills">
-				${m?t`<span class="rupas-label">${m}</span>`:n}
+				${m?s`<span class="rupas-label">${m}</span>`:l}
 				<span class="${`adequacy-badge ${d}`}">${c}</span>
 			</div>
-		</div>`}};de.styles=[v,x`
+		</div>`}};ue.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -3507,18 +3786,18 @@
 					justify-content: flex-start;
 				}
 			}
-		`],p([g({attribute:!1})],de.prototype,"data",2),de=p([f("roxy-shadbala-table")],de);var $r=360,T=$r/2,Jr=170,It=154,Xr=124,Me=96,ce=class extends u{constructor(){super(...arguments);this.data=null}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No synastry data</div>`;let{person1:e,person2:r,compatibilityScore:a,analysis:o}=this.data,l=this.data.interAspects??[],d=e?.planets??[],c=r?.planets??[],m=typeof a=="number"?Math.round(a):void 0,y=o?.overall,h=o?.strengths??[],b=o?.challenges??[];return d.length>0&&c.length>0?t`<div
+		`],p([y({attribute:!1})],ue.prototype,"data",2),ue=p([b("roxy-shadbala-table")],ue);var Mt=360,T=Mt/2,Nt=170,ca=154,zt=124,Me=96,xe=class extends x{constructor(){super(...arguments);this.data=null}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No synastry data</div>`;let{person1:e,person2:t,compatibilityScore:r,analysis:o}=this.data,i=this.data.interAspects??[],d=e?.planets??[],c=t?.planets??[],m=typeof r=="number"?Math.round(r):void 0,g=o?.overall,h=o?.strengths??[],u=o?.challenges??[];return d.length>0&&c.length>0?s`<div
 			class="wrap"
 			aria-label="Synastry compatibility chart"
 		>
 			<div class="head">
 				<h2 class="title">Synastry</h2>
-				${typeof m=="number"?t`<span class="score" aria-label=${`Score ${m} of 100`}
+				${typeof m=="number"?s`<span class="score" aria-label=${`Score ${m} of 100`}
 							>${m} / 100</span
-						>`:n}
+						>`:l}
 			</div>
 			<svg
-				viewBox="0 0 ${$r} ${$r}"
+				viewBox="0 0 ${Mt} ${Mt}"
 				role="img"
 				aria-label="Dual chart wheel comparing two natal charts"
 			>
@@ -3527,7 +3806,7 @@
 					class="wheel-line"
 					cx=${T}
 					cy=${T}
-					r=${Jr}
+					r=${Nt}
 					stroke-width="1.5"
 				/>
 				<circle
@@ -3545,8 +3824,9 @@
 					stroke-width="0.6"
 				/>
 				${this.renderSpokes()} ${this.renderSigns()}
-				${this.renderInterAspectLines(d,c,l)}
-				${this.renderRing(d,Xr,"p1")} ${this.renderRing(c,Me,"p2")}
+				${this.renderInterAspectLines(d,c,i)}
+				${this.renderRing(d,zt,"p1",1)} ${this.renderRing(c,Me,"p2",2)}
+				${this.renderAscendants(this.data)}
 			</svg>
 			<div class="legend-row">
 				<span><span class="swatch" style="background: var(--roxy-accent)"></span>Person 1</span>
@@ -3554,31 +3834,31 @@
 				<span><span class="swatch" style="background: var(--roxy-success)"></span>harmonious</span>
 				<span><span class="swatch" style="background: var(--roxy-danger)"></span>challenging</span>
 			</div>
-			${y?t`<p class="summary">${y}</p>`:n}
-			${l.length>0?this.renderAspects(l):n}
-			${h.length>0||b.length>0?t`<div class="lists">
-						${h.length?t`<div>
+			${g?s`<p class="summary">${g}</p>`:l}
+			${i.length>0?this.renderAspects(i):l}
+			${h.length>0||u.length>0?s`<div class="lists">
+						${h.length?s`<div>
 									<h3>Strengths</h3>
 									<ul>
-										${h.map($=>t`<li>${$}</li>`)}
+										${h.map($=>s`<li>${$}</li>`)}
 									</ul>
-								</div>`:n}
-						${b.length?t`<div>
+								</div>`:l}
+						${u.length?s`<div>
 									<h3>Challenges</h3>
 									<ul>
-										${b.map($=>t`<li>${$}</li>`)}
+										${u.map($=>s`<li>${$}</li>`)}
 									</ul>
-								</div>`:n}
-					</div>`:n}
-		</div>`:t`<div
+								</div>`:l}
+					</div>`:l}
+		</div>`:s`<div
 				class="wrap"
 				aria-label="Synastry compatibility chart"
 			>
 				<div class="head">
 					<h2 class="title">Synastry</h2>
-					${typeof m=="number"?t`<span class="score" aria-label=${`Score ${m} of 100`}
+					${typeof m=="number"?s`<span class="score" aria-label=${`Score ${m} of 100`}
 								>${m} / 100</span
-							>`:n}
+							>`:l}
 				</div>
 				<div class="missing-planets" role="status">
 					Synastry response missing planet positions. Pass
@@ -3586,23 +3866,29 @@
 					<code>person2.planets</code> arrays from the natal-chart endpoint, or
 					use the <code>&lt;roxy-data&gt;</code> fallback.
 				</div>
-				${y?t`<p class="summary">${y}</p>`:n}
-				${l.length>0?this.renderAspects(l):n}
-				${h.length>0||b.length>0?t`<div class="lists">
-							${h.length?t`<div>
+				${g?s`<p class="summary">${g}</p>`:l}
+				${i.length>0?this.renderAspects(i):l}
+				${h.length>0||u.length>0?s`<div class="lists">
+							${h.length?s`<div>
 										<h3>Strengths</h3>
 										<ul>
-											${h.map($=>t`<li>${$}</li>`)}
+											${h.map($=>s`<li>${$}</li>`)}
 										</ul>
-									</div>`:n}
-							${b.length?t`<div>
+									</div>`:l}
+							${u.length?s`<div>
 										<h3>Challenges</h3>
 										<ul>
-											${b.map($=>t`<li>${$}</li>`)}
+											${u.map($=>s`<li>${$}</li>`)}
 										</ul>
-									</div>`:n}
-						</div>`:n}
-			</div>`}toAngle(e){return 180-e}renderSpokes(){return Array.from({length:12},(e,r)=>{let a=this.toAngle(r*30),o=P(T,T,Me-14,a),l=P(T,T,Jr,a);return S`<line class="wheel-line" x1=${o.x} y1=${o.y} x2=${l.x} y2=${l.y} stroke-width="0.6" />`})}renderSigns(){return _.map((e,r)=>{let a=this.toAngle(r*30+15),o=P(T,T,It,a);return S`<text class="sign" x=${o.x} y=${o.y} text-anchor="middle" dominant-baseline="central">${N[e]}</text>`})}renderRing(e,r,a){return e.map(o=>{if(!Number.isFinite(o.longitude))return n;let l=P(T,T,r,this.toAngle(o.longitude)),d=L[A(o.name)]??o.name.slice(0,2);return S`<text class=${a} x=${l.x} y=${l.y} text-anchor="middle" dominant-baseline="central"><title>${o.name}</title>${d}</text>`})}renderInterAspectLines(e,r,a){let o=(l,d)=>{let c=A(d);for(let m of l)if(A(m.name)===c&&typeof m.longitude=="number")return m.longitude};return a.map(l=>{let d=o(e,l.planet1),c=o(r,l.planet2);if(d===void 0||c===void 0)return n;let m=P(T,T,Xr-12,this.toAngle(d)),y=P(T,T,Me+8,this.toAngle(c)),h=we(l),b=Re[h]??"aspect-other",E=w(l.orb,1);return S`<line class=${`aspect ${b}`} x1=${m.x} y1=${m.y} x2=${y.x} y2=${y.y}><title>${l.planet1} ${h} ${l.planet2}${E?` (orb ${E}\xB0)`:""}</title></line>`})}renderAspects(e){return t`<table>
+									</div>`:l}
+						</div>`:l}
+			</div>`}toAngle(e){return 180-e}renderSpokes(){return Array.from({length:12},(e,t)=>{let r=this.toAngle(t*30),o=L(T,T,Me-14,r),i=L(T,T,Nt,r);return w`<line class="wheel-line" x1=${o.x} y1=${o.y} x2=${i.x} y2=${i.y} stroke-width="0.6" />`})}renderSigns(){return M.map((e,t)=>{let r=this.toAngle(t*30+15),o=L(T,T,ca,r);return w`<text class="sign" x=${o.x} y=${o.y} text-anchor="middle" dominant-baseline="central">${G[e]}</text>`})}renderRing(e,t,r,o){return e.map(i=>{if(!Number.isFinite(i.longitude))return l;let d=this.toAngle(i.longitude),c=L(T,T,t,d),g=L(T,T,t+(o===1?-12:-10),d),h=R[E(i.name)]??i.name.slice(0,2),u=B(i.longitude),k=i.isRetrograde===!0,$=`${u.degree}\xB0${String(u.minute).padStart(2,"0")}'`,$e=`${i.name}${k?" retrograde":""} - ${$} ${u.sign}`;return w`<g>
+				<text class=${r} x=${c.x} y=${c.y} text-anchor="middle" dominant-baseline="central"><title>${$e}</title>${h}<tspan class="person-tag" dy="-0.55em" dx="0.15em">${o}</tspan></text>
+				<text class="planet-deg" x=${g.x} y=${g.y} text-anchor="middle" dominant-baseline="central">${u.degree}°${k?w`<tspan class="retro"> ℞</tspan>`:l}</text>
+			</g>`})}renderAscendants(e){let t=[],r=(o,i)=>{if(!o)return;let d=M.findIndex(k=>k.toLowerCase()===o.sign.toLowerCase());if(d===-1)return;let c=d*30+o.degree,m=this.toAngle(c),g=i===1?zt+14:Me+14,h=L(T,T,g,m),u=L(T,T,Nt+14,m);t.push(w`<g>
+				<line class="asc-tick" x1=${h.x} y1=${h.y} x2=${u.x} y2=${u.y} />
+				<text class="asc-label" x=${u.x} y=${u.y} text-anchor="middle" dominant-baseline="central">Asc${i}</text>
+			</g>`)};return r(e.person1?.ascendant,1),r(e.person2?.ascendant,2),t}renderInterAspectLines(e,t,r){let o=(i,d)=>{let c=E(d);for(let m of i)if(E(m.name)===c&&typeof m.longitude=="number")return m.longitude};return r.map(i=>{let d=o(e,i.planet1),c=o(t,i.planet2);if(d===void 0||c===void 0)return l;let m=L(T,T,zt-12,this.toAngle(d)),g=L(T,T,Me+8,this.toAngle(c)),h=Re(i),u=qe[h]??"aspect-other",k=A(i.orb,1);return w`<line class=${`aspect ${u}`} x1=${m.x} y1=${m.y} x2=${g.x} y2=${g.y}><title>${i.planet1} ${h} ${i.planet2}${k?` (orb ${k}\xB0)`:""}</title></line>`})}renderAspects(e){return s`<table>
 			<thead>
 				<tr>
 					<th>Planet 1</th>
@@ -3613,15 +3899,15 @@
 				</tr>
 			</thead>
 			<tbody>
-				${e.slice(0,12).map(r=>t`<tr>
-						<td>${r.planet1}</td>
-						<td>${r.planet2}</td>
-						<td>${we(r)||""}</td>
-						<td class="orb">${w(r.orb,1)}</td>
-						<td>${Bt(r.strength)}</td>
+				${e.slice(0,12).map(t=>s`<tr>
+						<td>${t.planet1}</td>
+						<td>${t.planet2}</td>
+						<td>${Re(t)||""}</td>
+						<td class="orb">${A(t.orb,1)}</td>
+						<td>${pa(t.strength)}</td>
 					</tr>`)}
 			</tbody>
-		</table>`}};ce.styles=[v,x`
+		</table>`}};xe.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -3651,7 +3937,9 @@
 			svg {
 				display: block;
 				width: 100%;
-				max-width: 400px;
+				max-width: 560px;
+				aspect-ratio: 1 / 1;
+				height: auto;
 				margin: 0 auto;
 			}
 
@@ -3673,6 +3961,31 @@
 				font-weight: 600;
 				font-size: 13px;
 			}
+			.person-tag {
+				font-size: 7px;
+				font-weight: 700;
+				opacity: 0.85;
+			}
+			.planet-deg {
+				fill: var(--roxy-muted, #71717a);
+				font-size: 7px;
+				font-family: var(--roxy-font-sans);
+			}
+			.planet-deg .retro {
+				fill: var(--roxy-danger, #dc2626);
+			}
+			.asc-tick {
+				stroke: var(--roxy-accent-fg, #b45309);
+				stroke-width: 1;
+				opacity: 0.75;
+			}
+			.asc-label {
+				fill: var(--roxy-accent-fg, #b45309);
+				font-size: 9px;
+				font-weight: 700;
+				font-family: var(--roxy-font-sans);
+				letter-spacing: 0.04em;
+			}
 			.aspect {
 				stroke-width: 0.8;
 				fill: none;
@@ -3773,33 +4086,33 @@
 				padding: 0 4px;
 				border-radius: 4px;
 			}
-		`],p([g({attribute:!1})],ce.prototype,"data",2),ce=p([f("roxy-synastry-chart")],ce);function Bt(i){return typeof i=="number"?Math.round(i).toString():""}var X=class extends u{constructor(){super(...arguments);this.data=null;this.flipped=!1;this.toggleFlip=()=>{this.flipped=!this.flipped}}render(){let e=this.data;return e?"card"in e?this.renderDailyCard(e):this.renderFullCard(e):t`<div class="roxy-empty" role="status">No tarot data</div>`}renderDailyCard(e){let r=e.card,a=this.flipped!==!!r.reversed,o=r.keywords??[];return t`<article class="card" aria-label=${r.name??"Tarot card"}>
+		`],p([y({attribute:!1})],xe.prototype,"data",2),xe=p([b("roxy-synastry-chart")],xe);function pa(n){return typeof n=="number"?Math.round(n).toString():""}var oe=class extends x{constructor(){super(...arguments);this.data=null;this.flipped=!1;this.toggleFlip=()=>{this.flipped=!this.flipped}}render(){let e=this.data;return e?"card"in e?this.renderDailyCard(e):this.renderFullCard(e):s`<div class="roxy-empty" role="status">No tarot data</div>`}renderDailyCard(e){let t=e.card,r=this.flipped!==!!t.reversed,o=t.keywords??[];return s`<article class="card" aria-label=${t.name??"Tarot card"}>
 			<div class="image-wrap">
-				${r.imageUrl?t`<img
-							class=${`image ${a?"reversed":""}`}
-							src=${r.imageUrl}
-							alt=${r.name??"Tarot card"}
+				${t.imageUrl?s`<img
+							class=${`image ${r?"reversed":""}`}
+							src=${t.imageUrl}
+							alt=${t.name??"Tarot card"}
 							tabindex="0"
 							@click=${this.toggleFlip}
-							@keydown=${l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),this.toggleFlip())}}
-						/>`:t`<div
-							class=${`image ${a?"reversed":""}`}
+							@keydown=${i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this.toggleFlip())}}
+						/>`:s`<div
+							class=${`image ${r?"reversed":""}`}
 							style="aspect-ratio: 0.6; display: flex; align-items: center; justify-content: center; color: var(--roxy-muted)"
 						>
-							${r.name??"?"}
+							${t.name??"?"}
 						</div>`}
 			</div>
 			<div>
 				<div class="meta">
-					${r.arcana?t`${r.arcana} arcana`:n}
-					${a?t` · reversed`:n}
+					${t.arcana?s`${t.arcana} arcana`:l}
+					${r?s` · reversed`:l}
 				</div>
-				<h2 class="title">${r.name??"Tarot card"}</h2>
-				${e.dailyMessage?t`<p class="message">${e.dailyMessage}</p>`:n}
-				${r.meaning?t`<p>${r.meaning}</p>`:n}
-				${o.length>0?t`<div class="chips">
-							${o.map(l=>t`<span>${l}</span>`)}
-						</div>`:n}
+				<h2 class="title">${t.name??"Tarot card"}</h2>
+				${e.dailyMessage?s`<p class="message">${e.dailyMessage}</p>`:l}
+				${t.meaning?s`<p>${t.meaning}</p>`:l}
+				${o.length>0?s`<div class="chips">
+							${o.map(i=>s`<span>${i}</span>`)}
+						</div>`:l}
 				<button
 					class="flip"
 					type="button"
@@ -3809,17 +4122,17 @@
 					Flip card
 				</button>
 			</div>
-		</article>`}renderFullCard(e){let r=this.flipped,a=r?e.reversed:e.upright,o=r?e.keywords?.reversed??[]:e.keywords?.upright??[];return t`<article class="card" aria-label=${e.name??"Tarot card"}>
+		</article>`}renderFullCard(e){let t=this.flipped,r=t?e.reversed:e.upright,o=t?e.keywords?.reversed??[]:e.keywords?.upright??[];return s`<article class="card" aria-label=${e.name??"Tarot card"}>
 			<div class="image-wrap">
-				${e.imageUrl?t`<img
-							class=${`image ${r?"reversed":""}`}
+				${e.imageUrl?s`<img
+							class=${`image ${t?"reversed":""}`}
 							src=${e.imageUrl}
 							alt=${e.name??"Tarot card"}
 							tabindex="0"
 							@click=${this.toggleFlip}
-							@keydown=${l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),this.toggleFlip())}}
-						/>`:t`<div
-							class=${`image ${r?"reversed":""}`}
+							@keydown=${i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this.toggleFlip())}}
+						/>`:s`<div
+							class=${`image ${t?"reversed":""}`}
 							style="aspect-ratio: 0.6; display: flex; align-items: center; justify-content: center; color: var(--roxy-muted)"
 						>
 							${e.name??"?"}
@@ -3827,15 +4140,15 @@
 			</div>
 			<div>
 				<div class="meta">
-					${e.arcana?t`${e.arcana} arcana`:n}
-					${e.number!==void 0&&e.number!==null?t` · ${e.number}`:n}
-					${r?t` · reversed`:n}
+					${e.arcana?s`${e.arcana} arcana`:l}
+					${e.number!==void 0&&e.number!==null?s` · ${e.number}`:l}
+					${t?s` · reversed`:l}
 				</div>
 				<h2 class="title">${e.name??"Tarot card"}</h2>
-				${a?.description?t`<p>${a.description}</p>`:n}
-				${o.length>0?t`<div class="chips">
-							${o.map(l=>t`<span>${l}</span>`)}
-						</div>`:n}
+				${r?.description?s`<p>${r.description}</p>`:l}
+				${o.length>0?s`<div class="chips">
+							${o.map(i=>s`<span>${i}</span>`)}
+						</div>`:l}
 				<button
 					class="flip"
 					type="button"
@@ -3845,7 +4158,7 @@
 					Flip card
 				</button>
 			</div>
-		</article>`}};X.styles=[v,x`
+		</article>`}};oe.styles=[v,f`
 			.card {
 				background: var(--roxy-bg, #fff);
 				border: 1px solid var(--roxy-border, #e4e4e7);
@@ -3935,51 +4248,51 @@
 			.flip:hover {
 				transform: scale(1.02);
 			}
-		`],p([g({attribute:!1})],X.prototype,"data",2),p([C()],X.prototype,"flipped",2),X=p([f("roxy-tarot-card")],X);var Z=class extends u{constructor(){super(...arguments);this.data=null;this.spread="three-card"}render(){let e=this.data;if(!e)return t`<div class="roxy-empty" role="status">No tarot spread</div>`;let r="answer"in e,a="cards"in e&&!("spread"in e),o=a?[]:"positions"in e?e.positions??[]:[],l=a&&"cards"in e?e.cards:[],d=r?e.answer:void 0,c=r?e.strength:void 0,m="spread"in e?e.spread:this.spread.replace(/-/g," "),y="question"in e?e.question:void 0,h="summary"in e?e.summary:void 0,b=r?e.interpretation:void 0,E=d?d.toLowerCase().replace(/[^a-z]/g,""):"";return t`<article class="wrap" aria-label="Tarot spread">
+		`],p([y({attribute:!1})],oe.prototype,"data",2),p([z()],oe.prototype,"flipped",2),oe=p([b("roxy-tarot-card")],oe);var ne=class extends x{constructor(){super(...arguments);this.data=null;this.spread="three-card"}render(){let e=this.data;if(!e)return s`<div class="roxy-empty" role="status">No tarot spread</div>`;let t="answer"in e,r="cards"in e&&!("spread"in e),o=r?[]:"positions"in e?e.positions??[]:[],i=r&&"cards"in e?e.cards:[],d=t?e.answer:void 0,c=t?e.strength:void 0,m="spread"in e?e.spread:this.spread.replace(/-/g," "),g="question"in e?e.question:void 0,h="summary"in e?e.summary:void 0,u=t?e.interpretation:void 0,k=d?d.toLowerCase().replace(/[^a-z]/g,""):"";return s`<article class="wrap" aria-label="Tarot spread">
 			<header class="head">
 				<h2 class="title">${m}</h2>
-				${y?t`<span class="question">"${y}"</span>`:n}
+				${g?s`<span class="question">"${g}"</span>`:l}
 			</header>
-			${r?t`<div>
-						<span class=${`answer ${E}`}>${d}</span>
-						${c?t`<small> · ${c}</small>`:n}
-					</div>`:n}
-			${o.length>0?t`<div class="grid">
-						${o.map($=>t`<div class="card">
+			${t?s`<div>
+						<span class=${`answer ${k}`}>${d}</span>
+						${c?s`<small> · ${c}</small>`:l}
+					</div>`:l}
+			${o.length>0?s`<div class="grid">
+						${o.map($=>s`<div class="card">
 								<p class="label">${$.name??""}</p>
 								<div class="image">
-									${$.card?.imageUrl?t`<img
+									${$.card?.imageUrl?s`<img
 												src=${$.card.imageUrl}
 												alt=${$.card.name??"tarot card"}
 												class=${$.card.reversed?"reversed":""}
-											/>`:t`${$.card?.name??"?"}`}
+											/>`:s`${$.card?.name??"?"}`}
 								</div>
 								<p class="name">
 									${$.card?.name??""}
-									${$.card?.reversed?t`<small>(reversed)</small>`:n}
+									${$.card?.reversed?s`<small>(reversed)</small>`:l}
 								</p>
-								${$.interpretation?t`<p class="interp">${$.interpretation}</p>`:n}
+								${$.interpretation?s`<p class="interp">${$.interpretation}</p>`:l}
 							</div>`)}
-					</div>`:n}
-			${l.length>0?t`<div class="grid">
-						${l.map($=>t`<div class="card">
+					</div>`:l}
+			${i.length>0?s`<div class="grid">
+						${i.map($=>s`<div class="card">
 								<div class="image">
-									${$.imageUrl?t`<img
+									${$.imageUrl?s`<img
 												src=${$.imageUrl}
 												alt=${$.name??"tarot card"}
 												class=${$.reversed?"reversed":""}
-											/>`:t`${$.name??"?"}`}
+											/>`:s`${$.name??"?"}`}
 								</div>
 								<p class="name">
 									${$.name??""}
-									${$.reversed?t`<small>(reversed)</small>`:n}
+									${$.reversed?s`<small>(reversed)</small>`:l}
 								</p>
-								${$.meaning?t`<p class="interp">${$.meaning}</p>`:n}
+								${$.meaning?s`<p class="interp">${$.meaning}</p>`:l}
 							</div>`)}
-					</div>`:n}
-			${h?t`<p class="reading">${h}</p>`:n}
-			${b?t`<p class="reading">${b}</p>`:n}
-		</article>`}};Z.styles=[v,x`
+					</div>`:l}
+			${h?s`<p class="reading">${h}</p>`:l}
+			${u?s`<p class="reading">${u}</p>`:l}
+		</article>`}};ne.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -4085,28 +4398,28 @@
 				margin: 0;
 				color: var(--roxy-fg, #0a0a0a);
 			}
-		`],p([g({attribute:!1})],Z.prototype,"data",2),p([g({type:String,reflect:!0})],Z.prototype,"spread",2),Z=p([f("roxy-tarot-spread")],Z);var pe=class extends u{constructor(){super(...arguments);this.data=null}render(){if(!this.data?.transitPlanets?.length)return t`<div class="roxy-empty" role="status">No transits data</div>`;let{transitDate:e,transitTime:r,transitPlanets:a,transitAspects:o,summary:l}=this.data,d=[Ke(e),G(r)].filter(Boolean).join(" ");return t`<div class="wrap" aria-label="Transit positions table">
+		`],p([y({attribute:!1})],ne.prototype,"data",2),p([y({type:String,reflect:!0})],ne.prototype,"spread",2),ne=p([b("roxy-tarot-spread")],ne);var fe=class extends x{constructor(){super(...arguments);this.data=null}render(){if(!this.data?.transitPlanets?.length)return s`<div class="roxy-empty" role="status">No transits data</div>`;let{transitDate:e,transitTime:t,transitPlanets:r,transitAspects:o,summary:i}=this.data,d=[rt(e),j(t)].filter(Boolean).join(" ");return s`<div class="wrap" aria-label="Transit positions table">
 			<div class="head">
 				<h2 class="title">Transits</h2>
-				${d?t`<p class="subtitle">${d}</p>`:n}
+				${d?s`<p class="subtitle">${d}</p>`:l}
 			</div>
 
-			${l?this.renderSummaryPills(l):n}
+			${i?this.renderSummaryPills(i):l}
 
 			<div>
 				<p class="section-label">Planet positions</p>
 				<div class="overflow-scroll">
-					${this.renderPlanetsTable(a)}
+					${this.renderPlanetsTable(r)}
 				</div>
 			</div>
 
-			${o?.length?t`<div>
+			${o?.length?s`<div>
 						<p class="section-label">Transit aspects</p>
 						<div class="overflow-scroll">
 							${this.renderAspectsList(o)}
 						</div>
-					</div>`:n}
-		</div>`}renderSummaryPills(e){return t`<div class="summary-pills" role="region" aria-label="Aspect summary">
+					</div>`:l}
+		</div>`}renderSummaryPills(e){return s`<div class="summary-pills" role="region" aria-label="Aspect summary">
 			<span class="pill pill--muted">
 				Total: ${e.totalAspects}
 			</span>
@@ -4119,7 +4432,7 @@
 			<span class="pill pill--muted">
 				Neutral: ${e.neutral}
 			</span>
-		</div>`}renderPlanetsTable(e){return t`<table class="planets-table">
+		</div>`}renderPlanetsTable(e){return s`<table class="planets-table">
 			<thead>
 				<tr>
 					<th scope="col">Planet</th>
@@ -4129,50 +4442,50 @@
 				</tr>
 			</thead>
 			<tbody>
-				${e.map(r=>{let a=L[A(r.name)]??"",o=N[A(r.sign)]??"",l=r.speed>=0?"\u2191":"\u2193";return t`<tr>
+				${e.map(t=>{let r=R[E(t.name)]??"",o=G[E(t.sign)]??"",i=t.speed>=0?"\u2191":"\u2193";return s`<tr>
 						<td>
 							<div class="planet-cell">
-								<span class="glyph" aria-hidden="true">${a}</span>
-								${r.name}
-								${r.isRetrograde?t`<span class="retro-badge" aria-label="retrograde">R</span>`:n}
+								<span class="glyph" aria-hidden="true">${r}</span>
+								${t.name}
+								${t.isRetrograde?s`<span class="retro-badge" aria-label="retrograde">R</span>`:l}
 							</div>
 						</td>
 						<td>
 							<div class="planet-cell">
 								<span class="glyph" aria-hidden="true">${o}</span>
-								${r.sign}
+								${t.sign}
 							</div>
 						</td>
-						<td class="num">${w(r.degree,2)}</td>
+						<td class="num">${A(t.degree,2)}</td>
 						<td class="speed">
-							<span class="speed-arrow" aria-hidden="true">${l}</span>
-							${w(Math.abs(r.speed),4)}
+							<span class="speed-arrow" aria-hidden="true">${i}</span>
+							${A(Math.abs(t.speed),4)}
 						</td>
 					</tr>`})}
 			</tbody>
-		</table>`}renderAspectsList(e){return t`<div role="list" aria-label="Transit aspects">
-			${e.map((r,a)=>{let o=L[A(r.transitPlanet)]??"",l=L[A(r.natalPlanet)]??"",d=(r.nature??"neutral").toLowerCase(),c=r.interpretation,m=(r.type??"").toLowerCase(),y=r.isApplying?"Applying":"Separating";return t`<details class="aspect-card" role="listitem" name="transit-aspects" ?open=${a===0}>
+		</table>`}renderAspectsList(e){return s`<div role="list" aria-label="Transit aspects">
+			${e.map((t,r)=>{let o=R[E(t.transitPlanet)]??"",i=R[E(t.natalPlanet)]??"",d=(t.nature??"neutral").toLowerCase(),c=t.interpretation,m=(t.type??"").toLowerCase(),g=t.isApplying?"Applying":"Separating";return s`<details class="aspect-card" role="listitem" name="transit-aspects" ?open=${r===0}>
 					<summary>
 						<span aria-hidden="true">${o}</span>
-						${r.transitPlanet}
+						${t.transitPlanet}
 						<span class="nature-badge ${d}">${m}</span>
-						<span aria-hidden="true">${l}</span>
-						${r.natalPlanet}
+						<span aria-hidden="true">${i}</span>
+						${t.natalPlanet}
 						<span class="meta">
-							${y} · orb ${w(r.orb,2)}° · strength ${w(r.strength,1)}
+							${g} · orb ${A(t.orb,2)}° · strength ${A(t.strength,1)}
 						</span>
 					</summary>
 					<div class="interp-body">
-						${c?.summary?t`<p>${c.summary}</p>`:n}
-						${c?.impact?t`<p><strong>Impact:</strong> ${c.impact}</p>`:n}
-						${c?.timing?t`<p><strong>Timing:</strong> ${c.timing}</p>`:n}
-						${c?.guidance?t`<p><strong>Guidance:</strong> ${c.guidance}</p>`:n}
-						${c?.keywords?.length?t`<div class="interp-keywords">
-										${c.keywords.map(h=>t`<span class="kw">${h}</span>`)}
-									</div>`:n}
+						${c?.summary?s`<p>${c.summary}</p>`:l}
+						${c?.impact?s`<p><strong>Impact:</strong> ${c.impact}</p>`:l}
+						${c?.timing?s`<p><strong>Timing:</strong> ${c.timing}</p>`:l}
+						${c?.guidance?s`<p><strong>Guidance:</strong> ${c.guidance}</p>`:l}
+						${c?.keywords?.length?s`<div class="interp-keywords">
+										${c.keywords.map(h=>s`<span class="kw">${h}</span>`)}
+									</div>`:l}
 					</div>
 				</details>`})}
-		</div>`}};pe.styles=[v,x`
+		</div>`}};fe.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -4368,68 +4681,21 @@
 				background: color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent);
 				color: var(--roxy-fg, #0a0a0a);
 			}
-		`],p([g({attribute:!1})],pe.prototype,"data",2),pe=p([f("roxy-transits-table")],pe);var Q=class extends u{constructor(){super(...arguments);this.data=null;this.chartStyle="south"}buildHouses(){return this.data?.meta?Ze(this.data.meta):[]}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No kundli data</div>`;let e=this.buildHouses(),r=this.chartStyle,a=r==="north"?Fe():r==="east"?Je():We(),o=r==="north"?Ve:r==="east"?Xe:Ye;return t`<div class="wrap">
-			<h2 class="title">Vedic kundli</h2>
+		`],p([y({attribute:!1})],fe.prototype,"data",2),fe=p([b("roxy-transits-table")],fe);var ie=class extends x{constructor(){super(...arguments);this.data=null;this.chartStyle="north";this.setStyle=e=>{this.chartStyle=e}}viewModel(){return this.data?.meta?ot(this.data.meta,"D1 Rashi"):null}render(){let e=this.viewModel();return e?s`<div class="wrap">
+			<div class="header">
+				<h2 class="title">Vedic kundli</h2>
+				${it(this.chartStyle,this.setStyle)}
+			</div>
 			<svg
-				viewBox="0 0 300 300"
+				viewBox="0 0 400 400"
+				preserveAspectRatio="xMidYMid meet"
 				role="img"
 				aria-label="Vedic birth chart with twelve sign houses"
 			>
 				<title>Vedic kundli</title>
-				${a}
-				${e.map(l=>o(l))}
+				${nt(e,this.chartStyle)}
 			</svg>
-		</div>`}};Q.styles=[v,x`
-			.wrap {
-				display: grid;
-				gap: var(--roxy-space-md, 1rem);
-			}
-			.title {
-				font-size: var(--roxy-text-lg, 1.125rem);
-				font-weight: var(--roxy-weight-bold, 600);
-				margin: 0;
-			}
-			svg {
-				display: block;
-				width: 100%;
-				max-width: 360px;
-				margin: 0 auto;
-			}
-			.line {
-				fill: transparent;
-				stroke: var(--roxy-border, #e4e4e7);
-			}
-			.sign-text {
-				fill: var(--roxy-muted, #71717a);
-				font-size: 9px;
-				font-weight: 500;
-				font-family: var(--roxy-font-sans);
-			}
-			.planet-text {
-				fill: var(--roxy-fg, #0a0a0a);
-				font-size: 10px;
-				font-weight: 600;
-				font-family: var(--roxy-font-sans);
-			}
-			.house-num {
-				fill: var(--roxy-muted, #71717a);
-				font-size: 9px;
-				font-weight: 400;
-				font-family: var(--roxy-font-sans);
-			}
-			.lagna-marker {
-				fill: var(--roxy-accent-fg, #b45309);
-				font-size: 8px;
-				font-weight: 700;
-				font-family: var(--roxy-font-sans);
-				letter-spacing: 0.05em;
-			}
-			.lagna-bg {
-				fill: color-mix(in srgb, var(--roxy-accent, #f59e0b) 12%, transparent);
-				stroke: color-mix(in srgb, var(--roxy-accent, #f59e0b) 45%, transparent);
-				stroke-width: 0.8;
-			}
-		`],p([g({attribute:!1})],Q.prototype,"data",2),p([g({type:String,reflect:!0,attribute:"chart-style"})],Q.prototype,"chartStyle",2),Q=p([f("roxy-vedic-kundli")],Q);var qt=["Lagna","Sun","Moon","Mars","Mercury","Jupiter","Venus","Saturn","Rahu","Ketu"],me=class extends u{constructor(){super(...arguments);this.data=null}orderedRows(){let e=this.data?.meta??{},r=new Set,a=[];for(let o of qt){let l=e[o];l&&(a.push([o,l]),r.add(o))}for(let[o,l]of Object.entries(e))r.has(o)||a.push([o,l]);return a}render(){if(!this.data?.meta)return t`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.orderedRows();return t`<div class="wrap" aria-label="Vedic planetary positions" tabindex="0">
+		</div>`:s`<div class="roxy-empty" role="status">No kundli data</div>`}};ie.styles=[v,lt],p([y({attribute:!1})],ie.prototype,"data",2),p([y({type:String,reflect:!0,attribute:"chart-style"})],ie.prototype,"chartStyle",2),ie=p([b("roxy-vedic-kundli")],ie);var ma=["Lagna","Sun","Moon","Mars","Mercury","Jupiter","Venus","Saturn","Rahu","Ketu"],be=class extends x{constructor(){super(...arguments);this.data=null}orderedRows(){let e=this.data?.meta??{},t=new Set,r=[];for(let o of ma){let i=e[o];i&&(r.push([o,i]),t.add(o))}for(let[o,i]of Object.entries(e))t.has(o)||r.push([o,i]);return r}render(){if(!this.data?.meta)return s`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.orderedRows();return s`<div class="wrap" aria-label="Vedic planetary positions" tabindex="0">
 			<header class="head">
 				<h2 class="title">Planetary positions</h2>
 			</header>
@@ -4448,26 +4714,26 @@
 					</tr>
 				</thead>
 				<tbody>
-					${e.map(([r,a])=>{let o=(a.graha??r)==="Lagna",l=L[A(a.graha??r)]??"",d=N[A(a.rashi??"")]??"";return t`<tr class=${o?"lagna":""}>
+					${e.map(([t,r])=>{let o=(r.graha??t)==="Lagna",i=R[E(r.graha??t)]??"",d=G[E(r.rashi??"")]??"";return s`<tr class=${o?"lagna":""}>
 							<td class="graha">
-								${l?t`<span class="glyph">${l}</span>`:n}${a.graha??r}
+								${i?s`<span class="glyph">${i}</span>`:l}${r.graha??t}
 							</td>
 							<td>
-								${d?t`<span class="glyph">${d}</span>`:n}${a.rashi??""}
+								${d?s`<span class="glyph">${d}</span>`:l}${r.rashi??""}
 							</td>
 							<td class="num">
-								${typeof a.longitude=="number"?Ue(a.longitude):""}
+								${typeof r.longitude=="number"?at(r.longitude):""}
 							</td>
-							<td>${a.nakshatra?.name??""}</td>
-							<td class="num">${a.nakshatra?.pada??""}</td>
-							<td>${a.nakshatra?.lord??""}</td>
-							<td class="num">${typeof a.house=="number"?a.house:""}</td>
-							<td>${a.awastha??""}</td>
-							<td>${a.isRetrograde?t`<span class="retro">R</span>`:n}</td>
+							<td>${r.nakshatra?.name??""}</td>
+							<td class="num">${r.nakshatra?.pada??""}</td>
+							<td>${r.nakshatra?.lord??""}</td>
+							<td class="num">${typeof r.house=="number"?r.house:""}</td>
+							<td>${r.awastha??""}</td>
+							<td>${r.isRetrograde?s`<span class="retro">R</span>`:l}</td>
 						</tr>`})}
 				</tbody>
 			</table>
-		</div>`}};me.styles=[v,x`
+		</div>`}};be.styles=[v,f`
 			.wrap {
 				border: 1px solid var(--roxy-border, #e4e4e7);
 				border-radius: var(--roxy-radius-md, 8px);
@@ -4533,7 +4799,7 @@
 			.num {
 				font-variant-numeric: tabular-nums;
 			}
-		`],p([g({attribute:!1})],me.prototype,"data",2),me=p([f("roxy-vedic-planets-table")],me);var he=class extends u{constructor(){super(...arguments);this.data=null}rows(){let e=this.data;if(!e)return[];let r=(e.planets??[]).map(a=>({name:a.name,sign:a.sign,longitude:a.longitude,house:a.house,speed:a.speed,isRetrograde:a.isRetrograde}));for(let[a,o]of[["Ascendant",e.ascendant],["Midheaven",e.midheaven],["Part of Fortune",e.partOfFortune],["Vertex",e.vertex]])o&&r.push({name:a,sign:o.sign,longitude:o.longitude,isPoint:!0});return r}render(){if(!this.data?.planets)return t`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.rows();return t`<div class="wrap" aria-label="Western planetary positions" tabindex="0">
+		`],p([y({attribute:!1})],be.prototype,"data",2),be=p([b("roxy-vedic-planets-table")],be);var ve=class extends x{constructor(){super(...arguments);this.data=null}rows(){let e=this.data;if(!e)return[];let t=(e.planets??[]).map(r=>({name:r.name,sign:r.sign,longitude:r.longitude,house:r.house,speed:r.speed,isRetrograde:r.isRetrograde}));for(let[r,o]of[["Ascendant",e.ascendant],["Midheaven",e.midheaven],["Part of Fortune",e.partOfFortune],["Vertex",e.vertex]])o&&t.push({name:r,sign:o.sign,longitude:o.longitude,isPoint:!0});return t}render(){if(!this.data?.planets)return s`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.rows();return s`<div class="wrap" aria-label="Western planetary positions" tabindex="0">
 			<header class="head">
 				<h2 class="title">Planetary positions</h2>
 			</header>
@@ -4548,25 +4814,25 @@
 					</tr>
 				</thead>
 				<tbody>
-					${e.map(r=>{let a=L[A(r.name)]??"",o=N[A(r.sign??"")]??"",l=typeof r.speed=="number"?w(r.speed,3):"";return t`<tr class=${r.isPoint?"point":""}>
+					${e.map(t=>{let r=R[E(t.name)]??"",o=G[E(t.sign??"")]??"",i=typeof t.speed=="number"?A(t.speed,3):"";return s`<tr class=${t.isPoint?"point":""}>
 							<td class="body">
-								${a?t`<span class="glyph">${a}</span>`:n}${r.name}
+								${r?s`<span class="glyph">${r}</span>`:l}${t.name}
 							</td>
 							<td>
-								${o?t`<span class="glyph">${o}</span>`:n}${r.sign??""}
+								${o?s`<span class="glyph">${o}</span>`:l}${t.sign??""}
 							</td>
 							<td class="num">
-								${typeof r.longitude=="number"?Ue(r.longitude):""}
+								${typeof t.longitude=="number"?at(t.longitude):""}
 							</td>
-							<td class="num">${typeof r.house=="number"?r.house:""}</td>
+							<td class="num">${typeof t.house=="number"?t.house:""}</td>
 							<td class="num">
-								${l?t`${l}°/day`:n}
-								${r.isRetrograde?t`<span class="retro"> ℞</span>`:n}
+								${i?s`${i}°/day`:l}
+								${t.isRetrograde?s`<span class="retro"> ℞</span>`:l}
 							</td>
 						</tr>`})}
 				</tbody>
 			</table>
-		</div>`}};he.styles=[v,x`
+		</div>`}};ve.styles=[v,f`
 			.wrap {
 				border: 1px solid var(--roxy-border, #e4e4e7);
 				border-radius: var(--roxy-radius-md, 8px);
@@ -4626,20 +4892,20 @@
 			.num {
 				font-variant-numeric: tabular-nums;
 			}
-		`],p([g({attribute:!1})],he.prototype,"data",2),he=p([f("roxy-western-planets-table")],he);var ee=class extends u{constructor(){super(...arguments);this.data=null;this.filter="";this.handleInput=e=>{this.filter=e.target.value}}renderQualityChip(e){let r=`quality-chip quality-${e}`;return t`<span class=${r}>${e}</span>`}renderDetailCard(e){return t`<div class="detail-card">
+		`],p([y({attribute:!1})],ve.prototype,"data",2),ve=p([b("roxy-western-planets-table")],ve);var le=class extends x{constructor(){super(...arguments);this.data=null;this.filter="";this.handleInput=e=>{this.filter=e.target.value}}renderQualityChip(e){let t=`quality-chip quality-${e}`;return s`<span class=${t}>${e}</span>`}renderDetailCard(e){return s`<div class="detail-card">
 			<p class="detail-name">
 				${e.name}
-				${e.quality?this.renderQualityChip(e.quality):n}
+				${e.quality?this.renderQualityChip(e.quality):l}
 			</p>
-			${e.description?t`<p class="description">${e.description}</p>`:n}
-			${e.result?t`<details>
+			${e.description?s`<p class="description">${e.description}</p>`:l}
+			${e.result?s`<details>
 						<summary>Effects</summary>
 						<div class="result-body">${e.result}</div>
-					</details>`:n}
-		</div>`}render(){if(!this.data)return t`<div class="roxy-empty" role="status">No yoga data</div>`;let e=this.data,r=this.filter.toLowerCase();if("description"in e&&typeof e.description=="string"){let a=e;return t`<div class="wrap">${this.renderDetailCard(a)}</div>`}if("yogas"in e&&Array.isArray(e.yogas)){let a=e.yogas;if(a.length>0&&"description"in a[0]){let m=a,y=r?m.filter(b=>b.name.toLowerCase().includes(r)):m,h=e.total;return t`<div class="wrap">
+					</details>`:l}
+		</div>`}render(){if(!this.data)return s`<div class="roxy-empty" role="status">No yoga data</div>`;let e=this.data,t=this.filter.toLowerCase();if("description"in e&&typeof e.description=="string"){let r=e;return s`<div class="wrap">${this.renderDetailCard(r)}</div>`}if("yogas"in e&&Array.isArray(e.yogas)){let r=e.yogas;if(r.length>0&&"description"in r[0]){let m=r,g=t?m.filter(u=>u.name.toLowerCase().includes(t)):m,h=e.total;return s`<div class="wrap">
 					<div class="head">
 						<h2 class="title">Yoga catalog</h2>
-						${h!==void 0?t`<span class="count">${h} total</span>`:n}
+						${h!==void 0?s`<span class="count">${h} total</span>`:l}
 					</div>
 					<div class="search-wrap">
 						<input
@@ -4657,12 +4923,12 @@
 						aria-live="polite"
 						aria-label="Yoga results"
 					>
-						${y.length>0?y.map(b=>this.renderDetailCard(b)):t`<p class="no-results">No yogas match your search.</p>`}
+						${g.length>0?g.map(u=>this.renderDetailCard(u)):s`<p class="no-results">No yogas match your search.</p>`}
 					</div>
-				</div>`}let l=a,d=r?l.filter(m=>m.name.toLowerCase().includes(r)):l,c=e.total;return t`<div class="wrap">
+				</div>`}let i=r,d=t?i.filter(m=>m.name.toLowerCase().includes(t)):i,c=e.total;return s`<div class="wrap">
 				<div class="head">
 					<h2 class="title">Yoga catalog</h2>
-					${c!==void 0?t`<span class="count">${c} total</span>`:n}
+					${c!==void 0?s`<span class="count">${c} total</span>`:l}
 				</div>
 				<div class="search-wrap">
 					<input
@@ -4680,12 +4946,12 @@
 					aria-live="polite"
 					aria-label="Yoga results"
 				>
-					${d.length>0?d.map(m=>t`<div class="yoga-chip">
+					${d.length>0?d.map(m=>s`<div class="yoga-chip">
 									${m.name}
 									<span class="yoga-id">${m.id}</span>
-								</div>`):t`<p class="no-results">No yogas match your search.</p>`}
+								</div>`):s`<p class="no-results">No yogas match your search.</p>`}
 				</div>
-			</div>`}return t`<div class="roxy-empty" role="status">No yoga data</div>`}};ee.styles=[v,x`
+			</div>`}return s`<div class="roxy-empty" role="status">No yoga data</div>`}};le.styles=[v,f`
 			.wrap {
 				display: grid;
 				gap: var(--roxy-space-md, 1rem);
@@ -4833,7 +5099,7 @@
 				display: grid;
 				gap: var(--roxy-space-sm, 0.5rem);
 			}
-		`],p([g({attribute:!1})],ee.prototype,"data",2),p([C()],ee.prototype,"filter",2),ee=p([f("roxy-yoga-list")],ee);var Qe=[{pascal:"RoxyNatalChart",tag:"roxy-natal-chart",slug:"natal-chart",heading:"Natal chart",description:"Western natal chart wheel for /astrology/natal-chart responses",docsLabel:"Western",endpointLabel:"POST /astrology/natal-chart",docsSummary:"Natal chart wheel with planet glyphs and aspect lines",topic:"Astrology"},{pascal:"RoxySynastryChart",tag:"roxy-synastry-chart",slug:"synastry-chart",heading:"Synastry",description:"Dual-wheel synastry chart with inter-aspects table",docsLabel:"Western",endpointLabel:"POST /astrology/synastry",docsSummary:"Dual-wheel synastry with inter-aspects table",topic:"Astrology"},{pascal:"RoxyWesternPlanetsTable",tag:"roxy-western-planets-table",slug:"western-planets-table",heading:"Western planets",description:"Western planetary positions table with sign, degree, house, and motion plus the chart angles",docsLabel:"Western",endpointLabel:"POST /astrology/natal-chart",docsSummary:"Sign, degree, house, motion columns plus ASC, MC, PoF, Vertex",topic:"Astrology"},{pascal:"RoxyTransitsTable",tag:"roxy-transits-table",slug:"transits-table",heading:"Transits",description:"Live planet positions plus aspects to a natal chart",docsLabel:"Western",endpointLabel:"POST /astrology/transits",docsSummary:"Transit planet positions plus optional aspects to a natal chart",topic:"Astrology"},{pascal:"RoxyMoonPhase",tag:"roxy-moon-phase",slug:"moon-phase",heading:"Moon phase",description:"Moon phase card and calendar",docsLabel:"Western",endpointLabel:"GET /astrology/moon-phase/{current,upcoming,calendar/...}",docsSummary:"Moon phase card and calendar",topic:"Astrology"},{pascal:"RoxyHoroscopeCard",tag:"roxy-horoscope-card",slug:"horoscope-card",heading:"Daily horoscope",description:"Daily, weekly, or monthly horoscope card for /astrology/horoscope/...",docsLabel:"Western",endpointLabel:"GET /astrology/horoscope/{sign}/{daily,weekly,monthly}",docsSummary:"Daily, weekly, or monthly horoscope card",topic:"Astrology"},{pascal:"RoxyCompatibilityCard",tag:"roxy-compatibility-card",slug:"compatibility-card",heading:"Compatibility score",description:"Cross-domain compatibility score card",docsLabel:"Cross",endpointLabel:"POST /astrology/compatibility-score, /numerology/compatibility, /biorhythm/compatibility",docsSummary:"Score card with category breakdown",topic:"Astrology"},{pascal:"RoxyVedicKundli",tag:"roxy-vedic-kundli",slug:"vedic-kundli",heading:"Vedic kundli",description:"South, North, or East Indian Vedic kundli for /vedic-astrology/birth-chart with per-planet degree and nakshatra detail",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/birth-chart",docsSummary:"South, North, or East Indian kundli with degree detail",topic:"Vedic"},{pascal:"RoxyDivisionalChart",tag:"roxy-divisional-chart",slug:"divisional-chart",heading:"Divisional chart",description:"D2 to D60 varga chart wheel with Vargottama markers",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/divisional-chart",docsSummary:"Generic divisional varga wheel from D2 Hora to D60 Shashtiamsa",topic:"Vedic"},{pascal:"RoxyKpChart",tag:"roxy-kp-chart",slug:"kp-chart",heading:"KP chart",description:"Full KP chart with Ascendant, Placidus cusps, and planets in tabbed stellar-hierarchy tables",docsLabel:"Vedic (KP)",endpointLabel:"POST /vedic-astrology/kp/chart",docsSummary:"Ascendant, cusps, and planets with KP stellar hierarchy",topic:"Vedic"},{pascal:"RoxyVedicPlanetsTable",tag:"roxy-vedic-planets-table",slug:"vedic-planets-table",heading:"Vedic planets",description:"Vedic planetary positions table with degree, nakshatra, pada, nakshatra lord, bhava, and avastha",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/birth-chart",docsSummary:"Degree, nakshatra, pada, lord, bhava, avastha columns",topic:"Vedic"},{pascal:"RoxyKpPlanetsTable",tag:"roxy-kp-planets-table",slug:"kp-planets-table",heading:"KP planets",description:"KP planets table with sub-lord and sub-sub-lord columns",docsLabel:"Vedic (KP)",endpointLabel:"POST /vedic-astrology/kp/planets",docsSummary:"Sub-lord and sub-sub-lord columns",topic:"Vedic"},{pascal:"RoxyKpRulingPlanets",tag:"roxy-kp-ruling-planets",slug:"kp-ruling-planets",heading:"KP ruling planets",description:"KP ruling planets with day lord, Moon and Lagna stellar hierarchies, and house significators",docsLabel:"Vedic (KP)",endpointLabel:"POST /vedic-astrology/kp/ruling-planets",docsSummary:"Day lord, Moon/Lagna hierarchies, ruling planets, significators",topic:"Vedic"},{pascal:"RoxyAshtakavargaGrid",tag:"roxy-ashtakavarga-grid",slug:"ashtakavarga-grid",heading:"Ashtakavarga",description:"Sarva and Bhinna ashtakavarga heatmap with bindu scores",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/ashtakavarga",docsSummary:"Sarva, Bhinna, and Shodhya Pinda views in a tabbed heatmap",topic:"Vedic"},{pascal:"RoxyShadbalaTable",tag:"roxy-shadbala-table",slug:"shadbala-table",heading:"Shadbala",description:"Six-fold planetary strength with adequacy badge per planet",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/shadbala",docsSummary:"Six-fold planetary strength bar plus rupas and adequacy badge",topic:"Vedic"},{pascal:"RoxyDashaTimeline",tag:"roxy-dasha-timeline",slug:"dasha-timeline",heading:"Vimshottari dasha",description:"Vimshottari dasha timeline with active mahadasha highlighted",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/dasha/{current,major,sub/...}",docsSummary:"Vimshottari mahadasha + antardasha + pratyantardasha",topic:"Vedic"},{pascal:"RoxyGunaMilan",tag:"roxy-guna-milan",slug:"guna-milan",heading:"Guna milan",description:"36-point Ashtakoota matrimonial compatibility breakdown",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/compatibility",docsSummary:"36-point Ashtakoota with eight sub-scores",topic:"Vedic"},{pascal:"RoxyPanchangTable",tag:"roxy-panchang-table",slug:"panchang-table",heading:"Panchang",description:"Panchang muhurta table with auspicious and inauspicious periods",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/panchang/{basic,detailed}",docsSummary:"15+ muhurtas in detailed mode",topic:"Vedic"},{pascal:"RoxyChoghadiyaGrid",tag:"roxy-choghadiya-grid",slug:"choghadiya-grid",heading:"Choghadiya",description:"Day and night Choghadiya muhurta tiles for activity timing",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/panchang/choghadiya",docsSummary:"Day and night Choghadiya muhurta tiles colored by effect",topic:"Vedic"},{pascal:"RoxyYogaList",tag:"roxy-yoga-list",slug:"yoga-list",heading:"Yoga catalog",description:"Yoga reference cards from the catalog with optional detail mode",docsLabel:"Vedic",endpointLabel:"GET /vedic-astrology/yoga, /yoga/{id}",docsSummary:"Filterable yoga cards from the 300 plus yoga catalog",topic:"Vedic"},{pascal:"RoxyNakshatraCard",tag:"roxy-nakshatra-card",slug:"nakshatra-card",heading:"Nakshatra",description:"Nakshatra reference card with lord, deity, symbol, characteristics, and remedies",docsLabel:"Vedic",endpointLabel:"GET /vedic-astrology/nakshatras/{id}",docsSummary:"Lord, deity, symbol, characteristics, remedies",topic:"Vedic"},{pascal:"RoxyDoshaCard",tag:"roxy-dosha-card",slug:"dosha-card",heading:"Manglik dosha",description:"Manglik, Kaal Sarp, or Sade Sati presence card",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/dosha/{manglik,kalsarpa,sadhesati}",docsSummary:"Presence, severity, remedies, scoped effects",topic:"Vedic"},{pascal:"RoxyNumerologyCard",tag:"roxy-numerology-card",slug:"numerology-card",heading:"Life path number",description:"Numerology card for life path, expression, personal year, or full chart",docsLabel:"Numerology",endpointLabel:"POST /numerology/{life-path,expression,personal-year,chart}",docsSummary:"Life path, expression, personal year, full chart",topic:"Numerology"},{pascal:"RoxyTarotCard",tag:"roxy-tarot-card",slug:"tarot-card",heading:"Daily tarot card",description:"Single tarot card with upright/reversed flip animation",docsLabel:"Tarot",endpointLabel:"GET /tarot/cards/{id}, POST /tarot/daily",docsSummary:"Single card with upright and reversed flip",topic:"Tarot"},{pascal:"RoxyTarotSpread",tag:"roxy-tarot-spread",slug:"tarot-spread",heading:"Three-card spread",description:"Tarot spread renderer for three-card, Celtic Cross, love, or yes/no",docsLabel:"Tarot",endpointLabel:"POST /tarot/spreads/{three-card,celtic-cross,love}, /tarot/yes-no, /tarot/draw",docsSummary:"Spreads with positions and reading",topic:"Tarot"},{pascal:"RoxyBiorhythmChart",tag:"roxy-biorhythm-chart",slug:"biorhythm-chart",heading:"Daily biorhythm",description:"Daily biorhythm bars or multi-day forecast cycle lines",docsLabel:"Biorhythm",endpointLabel:"POST /biorhythm/{daily,forecast,critical-days}",docsSummary:"Daily bars, forecast cycle lines, critical days",topic:"Biorhythm"},{pascal:"RoxyHexagram",tag:"roxy-hexagram",slug:"hexagram",heading:"I Ching hexagram",description:"I Ching hexagram with trigram glyphs, judgment, image, and changing lines",docsLabel:"I Ching",endpointLabel:"GET /iching/hexagrams/{number}, /iching/cast, POST /iching/daily, /iching/daily/cast",docsSummary:"Hexagram with trigrams, judgment, image, changing lines",topic:"I Ching"},{pascal:"RoxyEndpointForm",tag:"roxy-endpoint-form",slug:"endpoint-form",heading:"Schema-driven form",description:"Schema-driven form that emits roxy-submit with a validated payload",docsLabel:"Helper",endpointLabel:"Any endpoint via x-roxy-ui hints",docsSummary:"Schema-driven form, emits roxy-submit",topic:"Helpers",selfFetching:!0},{pascal:"RoxyLocationSearch",tag:"roxy-location-search",slug:"location-search",heading:"City search",description:"City search input with debounced /location/search calls",docsLabel:"Helper",endpointLabel:"GET /location/search",docsSummary:"Debounced city search input, emits roxy-location-select",topic:"Helpers",selfFetching:!0},{pascal:"RoxyData",tag:"roxy-data",slug:"data",heading:"Generic renderer",description:"Generic fallback renderer for any OpenAPI response shape",docsLabel:"Helper",endpointLabel:"Any response shape",docsSummary:"Generic fallback renderer for unknown shapes",topic:"Helpers",selfFetching:!0}];var Zr="0.3.1";var Kt=Qe.map(i=>i.slug);return at(Ut);})();
+		`],p([y({attribute:!1})],le.prototype,"data",2),p([z()],le.prototype,"filter",2),le=p([b("roxy-yoga-list")],le);var dt=[{pascal:"RoxyNatalChart",tag:"roxy-natal-chart",slug:"natal-chart",heading:"Natal chart",description:"Western natal chart wheel for /astrology/natal-chart responses",docsLabel:"Western",endpointLabel:"POST /astrology/natal-chart",docsSummary:"Natal chart wheel with planet glyphs and aspect lines",topic:"Astrology"},{pascal:"RoxySynastryChart",tag:"roxy-synastry-chart",slug:"synastry-chart",heading:"Synastry",description:"Dual-wheel synastry chart with inter-aspects table",docsLabel:"Western",endpointLabel:"POST /astrology/synastry",docsSummary:"Dual-wheel synastry with inter-aspects table",topic:"Astrology"},{pascal:"RoxyWesternPlanetsTable",tag:"roxy-western-planets-table",slug:"western-planets-table",heading:"Western planets",description:"Western planetary positions table with sign, degree, house, and motion plus the chart angles",docsLabel:"Western",endpointLabel:"POST /astrology/natal-chart",docsSummary:"Sign, degree, house, motion columns plus ASC, MC, PoF, Vertex",topic:"Astrology"},{pascal:"RoxyTransitsTable",tag:"roxy-transits-table",slug:"transits-table",heading:"Transits",description:"Live planet positions plus aspects to a natal chart",docsLabel:"Western",endpointLabel:"POST /astrology/transits",docsSummary:"Transit planet positions plus optional aspects to a natal chart",topic:"Astrology"},{pascal:"RoxyMoonPhase",tag:"roxy-moon-phase",slug:"moon-phase",heading:"Moon phase",description:"Moon phase card and calendar",docsLabel:"Western",endpointLabel:"GET /astrology/moon-phase/{current,upcoming,calendar/...}",docsSummary:"Moon phase card and calendar",topic:"Astrology"},{pascal:"RoxyHoroscopeCard",tag:"roxy-horoscope-card",slug:"horoscope-card",heading:"Daily horoscope",description:"Daily, weekly, or monthly horoscope card for /astrology/horoscope/...",docsLabel:"Western",endpointLabel:"GET /astrology/horoscope/{sign}/{daily,weekly,monthly}",docsSummary:"Daily, weekly, or monthly horoscope card",topic:"Astrology"},{pascal:"RoxyCompatibilityCard",tag:"roxy-compatibility-card",slug:"compatibility-card",heading:"Compatibility score",description:"Cross-domain compatibility score card",docsLabel:"Cross",endpointLabel:"POST /astrology/compatibility-score, /numerology/compatibility, /biorhythm/compatibility",docsSummary:"Score card with category breakdown",topic:"Astrology"},{pascal:"RoxyVedicKundli",tag:"roxy-vedic-kundli",slug:"vedic-kundli",heading:"Vedic kundli",description:"South, North, or East Indian Vedic kundli for /vedic-astrology/birth-chart with per-planet degree and nakshatra detail",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/birth-chart",docsSummary:"South, North, or East Indian kundli with degree detail",topic:"Vedic"},{pascal:"RoxyDivisionalChart",tag:"roxy-divisional-chart",slug:"divisional-chart",heading:"Divisional chart",description:"D2 to D60 varga chart wheel with Vargottama markers",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/divisional-chart",docsSummary:"Generic divisional varga wheel from D2 Hora to D60 Shashtiamsa",topic:"Vedic"},{pascal:"RoxyKpChart",tag:"roxy-kp-chart",slug:"kp-chart",heading:"KP chart",description:"Full KP chart with Ascendant, Placidus cusps, and planets in tabbed stellar-hierarchy tables",docsLabel:"Vedic (KP)",endpointLabel:"POST /vedic-astrology/kp/chart",docsSummary:"Ascendant, cusps, and planets with KP stellar hierarchy",topic:"Vedic"},{pascal:"RoxyVedicPlanetsTable",tag:"roxy-vedic-planets-table",slug:"vedic-planets-table",heading:"Vedic planets",description:"Vedic planetary positions table with degree, nakshatra, pada, nakshatra lord, bhava, and avastha",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/birth-chart",docsSummary:"Degree, nakshatra, pada, lord, bhava, avastha columns",topic:"Vedic"},{pascal:"RoxyKpPlanetsTable",tag:"roxy-kp-planets-table",slug:"kp-planets-table",heading:"KP planets",description:"KP planets table with sub-lord and sub-sub-lord columns",docsLabel:"Vedic (KP)",endpointLabel:"POST /vedic-astrology/kp/planets",docsSummary:"Sub-lord and sub-sub-lord columns",topic:"Vedic"},{pascal:"RoxyKpRulingPlanets",tag:"roxy-kp-ruling-planets",slug:"kp-ruling-planets",heading:"KP ruling planets",description:"KP ruling planets with day lord, Moon and Lagna stellar hierarchies, and house significators",docsLabel:"Vedic (KP)",endpointLabel:"POST /vedic-astrology/kp/ruling-planets",docsSummary:"Day lord, Moon/Lagna hierarchies, ruling planets, significators",topic:"Vedic"},{pascal:"RoxyAshtakavargaGrid",tag:"roxy-ashtakavarga-grid",slug:"ashtakavarga-grid",heading:"Ashtakavarga",description:"Sarva and Bhinna ashtakavarga heatmap with bindu scores",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/ashtakavarga",docsSummary:"Sarva, Bhinna, and Shodhya Pinda views in a tabbed heatmap",topic:"Vedic"},{pascal:"RoxyShadbalaTable",tag:"roxy-shadbala-table",slug:"shadbala-table",heading:"Shadbala",description:"Six-fold planetary strength with adequacy badge per planet",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/shadbala",docsSummary:"Six-fold planetary strength bar plus rupas and adequacy badge",topic:"Vedic"},{pascal:"RoxyDashaTimeline",tag:"roxy-dasha-timeline",slug:"dasha-timeline",heading:"Vimshottari dasha",description:"Vimshottari dasha timeline with active mahadasha highlighted",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/dasha/{current,major,sub/...}",docsSummary:"Vimshottari mahadasha + antardasha + pratyantardasha",topic:"Vedic"},{pascal:"RoxyGunaMilan",tag:"roxy-guna-milan",slug:"guna-milan",heading:"Guna milan",description:"36-point Ashtakoota matrimonial compatibility breakdown",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/compatibility",docsSummary:"36-point Ashtakoota with eight sub-scores",topic:"Vedic"},{pascal:"RoxyPanchangTable",tag:"roxy-panchang-table",slug:"panchang-table",heading:"Panchang",description:"Panchang muhurta table with auspicious and inauspicious periods",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/panchang/{basic,detailed}",docsSummary:"15+ muhurtas in detailed mode",topic:"Vedic"},{pascal:"RoxyChoghadiyaGrid",tag:"roxy-choghadiya-grid",slug:"choghadiya-grid",heading:"Choghadiya",description:"Day and night Choghadiya muhurta tiles for activity timing",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/panchang/choghadiya",docsSummary:"Day and night Choghadiya muhurta tiles colored by effect",topic:"Vedic"},{pascal:"RoxyYogaList",tag:"roxy-yoga-list",slug:"yoga-list",heading:"Yoga catalog",description:"Yoga reference cards from the catalog with optional detail mode",docsLabel:"Vedic",endpointLabel:"GET /vedic-astrology/yoga, /yoga/{id}",docsSummary:"Filterable yoga cards from the 300 plus yoga catalog",topic:"Vedic"},{pascal:"RoxyNakshatraCard",tag:"roxy-nakshatra-card",slug:"nakshatra-card",heading:"Nakshatra",description:"Nakshatra reference card with lord, deity, symbol, characteristics, and remedies",docsLabel:"Vedic",endpointLabel:"GET /vedic-astrology/nakshatras/{id}",docsSummary:"Lord, deity, symbol, characteristics, remedies",topic:"Vedic"},{pascal:"RoxyDoshaCard",tag:"roxy-dosha-card",slug:"dosha-card",heading:"Manglik dosha",description:"Manglik, Kaal Sarp, or Sade Sati presence card",docsLabel:"Vedic",endpointLabel:"POST /vedic-astrology/dosha/{manglik,kalsarpa,sadhesati}",docsSummary:"Presence, severity, remedies, scoped effects",topic:"Vedic"},{pascal:"RoxyNumerologyCard",tag:"roxy-numerology-card",slug:"numerology-card",heading:"Life path number",description:"Numerology card for life path, expression, personal year, or full chart",docsLabel:"Numerology",endpointLabel:"POST /numerology/{life-path,expression,personal-year,chart}",docsSummary:"Life path, expression, personal year, full chart",topic:"Numerology"},{pascal:"RoxyTarotCard",tag:"roxy-tarot-card",slug:"tarot-card",heading:"Daily tarot card",description:"Single tarot card with upright/reversed flip animation",docsLabel:"Tarot",endpointLabel:"GET /tarot/cards/{id}, POST /tarot/daily",docsSummary:"Single card with upright and reversed flip",topic:"Tarot"},{pascal:"RoxyTarotSpread",tag:"roxy-tarot-spread",slug:"tarot-spread",heading:"Three-card spread",description:"Tarot spread renderer for three-card, Celtic Cross, love, or yes/no",docsLabel:"Tarot",endpointLabel:"POST /tarot/spreads/{three-card,celtic-cross,love}, /tarot/yes-no, /tarot/draw",docsSummary:"Spreads with positions and reading",topic:"Tarot"},{pascal:"RoxyBiorhythmChart",tag:"roxy-biorhythm-chart",slug:"biorhythm-chart",heading:"Daily biorhythm",description:"Daily biorhythm bars or multi-day forecast cycle lines",docsLabel:"Biorhythm",endpointLabel:"POST /biorhythm/{daily,forecast,critical-days}",docsSummary:"Daily bars, forecast cycle lines, critical days",topic:"Biorhythm"},{pascal:"RoxyHexagram",tag:"roxy-hexagram",slug:"hexagram",heading:"I Ching hexagram",description:"I Ching hexagram with trigram glyphs, judgment, image, and changing lines",docsLabel:"I Ching",endpointLabel:"GET /iching/hexagrams/{number}, /iching/cast, POST /iching/daily, /iching/daily/cast",docsSummary:"Hexagram with trigrams, judgment, image, changing lines",topic:"I Ching"},{pascal:"RoxyEndpointForm",tag:"roxy-endpoint-form",slug:"endpoint-form",heading:"Schema-driven form",description:"Schema-driven form that emits roxy-submit with a validated payload",docsLabel:"Helper",endpointLabel:"Any endpoint via x-roxy-ui hints",docsSummary:"Schema-driven form, emits roxy-submit",topic:"Helpers",selfFetching:!0},{pascal:"RoxyLocationSearch",tag:"roxy-location-search",slug:"location-search",heading:"City search",description:"City search input with debounced /location/search calls",docsLabel:"Helper",endpointLabel:"GET /location/search",docsSummary:"Debounced city search input, emits roxy-location-select",topic:"Helpers",selfFetching:!0},{pascal:"RoxyData",tag:"roxy-data",slug:"data",heading:"Generic renderer",description:"Generic fallback renderer for any OpenAPI response shape",docsLabel:"Helper",endpointLabel:"Any response shape",docsSummary:"Generic fallback renderer for unknown shapes",topic:"Helpers",selfFetching:!0}];var cr="0.4.1";var ha=dt.map(n=>n.slug);return yr(ga);})();
 /*! Bundled license information:
 
 @lit/reactive-element/css-tag.js: