@roxyapi/ui 0.3.0 → 0.4.0

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

@@ -1,6 +1,6 @@
-"use strict";var RoxyUI_natal_chart=(()=>{var K=Object.defineProperty;var vt=Object.getOwnPropertyDescriptor;var Gt=Object.getOwnPropertyNames;var Vt=Object.prototype.hasOwnProperty;var Ft=(o,t)=>{for(var e in t)K(o,e,{get:t[e],enumerable:!0})},Wt=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Gt(t))!Vt.call(o,s)&&s!==e&&K(o,s,{get:()=>t[s],enumerable:!(r=vt(t,s))||r.enumerable});return o};var Kt=o=>Wt(K({},"__esModule",{value:!0}),o),L=(o,t,e,r)=>{for(var s=r>1?void 0:r?vt(t,e):t,n=o.length-1,i;n>=0;n--)(i=o[n])&&(s=(r?i(t,e,s):i(s))||s);return r&&s&&K(t,e,s),s};var he={};Ft(he,{RoxyNatalChart:()=>v});var Y=globalThis,J=Y.ShadowRoot&&(Y.ShadyCSS===void 0||Y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,rt=Symbol(),At=new WeakMap,O=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==rt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(J&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=At.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&At.set(e,t))}return t}toString(){return this.cssText}},_t=o=>new O(typeof o=="string"?o:o+"",void 0,rt),U=(o,...t)=>{let e=o.length===1?o[0]:t.reduce((r,s,n)=>r+(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.")})(s)+o[n+1],o[0]);return new O(e,o,rt)},wt=(o,t)=>{if(J)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),s=Y.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,o.appendChild(r)}},st=J?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return _t(e)})(o):o;var{is:Yt,defineProperty:Jt,getOwnPropertyDescriptor:Zt,getOwnPropertyNames:Qt,getOwnPropertySymbols:Xt,getPrototypeOf:te}=Object,Z=globalThis,St=Z.trustedTypes,ee=St?St.emptyScript:"",re=Z.reactiveElementPolyfillSupport,H=(o,t)=>o,z={toAttribute(o,t){switch(t){case Boolean:o=o?ee:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Q=(o,t)=>!Yt(o,t),Et={attribute:!0,type:String,converter:z,reflect:!1,useDefault:!1,hasChanged:Q};Symbol.metadata??=Symbol("metadata"),Z.litPropertyMetadata??=new WeakMap;var b=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Et){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),s=this.getPropertyDescriptor(t,r,e);s!==void 0&&Jt(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){let{get:s,set:n}=Zt(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:s,set(i){let a=s?.call(this);n?.call(this,i),this.requestUpdate(t,a,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Et}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;let t=te(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){let e=this.properties,r=[...Qt(e),...Xt(e)];for(let s of r)this.createProperty(s,e[s])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,s]of e)this.elementProperties.set(r,s)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let s=this._$Eu(e,r);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let s of r)e.unshift(st(s))}else t!==void 0&&e.push(st(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.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(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return wt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){let r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(s!==void 0&&r.reflect===!0){let n=(r.converter?.toAttribute!==void 0?r.converter:z).toAttribute(e,r.type);this._$Em=t,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$Em=null}}_$AK(t,e){let r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){let n=r.getPropertyOptions(s),i=typeof n.converter=="function"?{fromAttribute:n.converter}:n.converter?.fromAttribute!==void 0?n.converter:z;this._$Em=s;let a=i.fromAttribute(e,n.type);this[s]=a??this._$Ej?.get(s)??a,this._$Em=null}}requestUpdate(t,e,r,s=!1,n){if(t!==void 0){let i=this.constructor;if(s===!1&&(n=this[t]),r??=i.getPropertyOptions(t),!((r.hasChanged??Q)(n,e)||r.useDefault&&r.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:s,wrapped:n},i){r&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,i??e??this[t]),n!==!0||i!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(e=void 0),this._$AL.set(t,e)),s===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[s,n]of this._$Ep)this[s]=n;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[s,n]of r){let{wrapped:i}=n,a=this[s];i!==!0||this._$AL.has(s)||a===void 0||this.C(s,void 0,n,a)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(e)):this._$EM()}catch(r){throw t=!1,this._$EM(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[H("elementProperties")]=new Map,b[H("finalized")]=new Map,re?.({ReactiveElement:b}),(Z.reactiveElementVersions??=[]).push("2.1.2");var dt=globalThis,Pt=o=>o,X=dt.trustedTypes,kt=X?X.createPolicy("lit-html",{createHTML:o=>o}):void 0,Lt="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,Ot="?"+A,se=`<${Ot}>`,k=document,I=()=>k.createComment(""),j=o=>o===null||typeof o!="object"&&typeof o!="function",pt=Array.isArray,ne=o=>pt(o)||typeof o?.[Symbol.iterator]=="function",nt=`[ 	
-\f\r]`,D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ct=/-->/g,Mt=/>/g,E=RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),Tt=/'/g,Rt=/"/g,Ut=/^(?:script|style|textarea|title)$/i,ht=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),u=ht(1),x=ht(2),xe=ht(3),C=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Nt=new WeakMap,P=k.createTreeWalker(k,129);function Ht(o,t){if(!pt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return kt!==void 0?kt.createHTML(t):t}var oe=(o,t)=>{let e=o.length-1,r=[],s,n=t===2?"<svg>":t===3?"<math>":"",i=D;for(let a=0;a<e;a++){let l=o[a],p,m,h=-1,y=0;for(;y<l.length&&(i.lastIndex=y,m=i.exec(l),m!==null);)y=i.lastIndex,i===D?m[1]==="!--"?i=Ct:m[1]!==void 0?i=Mt:m[2]!==void 0?(Ut.test(m[2])&&(s=RegExp("</"+m[2],"g")),i=E):m[3]!==void 0&&(i=E):i===E?m[0]===">"?(i=s??D,h=-1):m[1]===void 0?h=-2:(h=i.lastIndex-m[2].length,p=m[1],i=m[3]===void 0?E:m[3]==='"'?Rt:Tt):i===Rt||i===Tt?i=E:i===Ct||i===Mt?i=D:(i=E,s=void 0);let $=i===E&&o[a+1].startsWith("/>")?" ":"";n+=i===D?l+se:h>=0?(r.push(p),l.slice(0,h)+Lt+l.slice(h)+A+$):l+A+(h===-2?a:$)}return[Ht(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},q=class o{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let n=0,i=0,a=t.length-1,l=this.parts,[p,m]=oe(t,e);if(this.el=o.createElement(p,r),P.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(s=P.nextNode())!==null&&l.length<a;){if(s.nodeType===1){if(s.hasAttributes())for(let h of s.getAttributeNames())if(h.endsWith(Lt)){let y=m[i++],$=s.getAttribute(h).split(A),S=/([.?@])?(.*)/.exec(y);l.push({type:1,index:n,name:S[2],strings:$,ctor:S[1]==="."?it:S[1]==="?"?at:S[1]==="@"?lt:R}),s.removeAttribute(h)}else h.startsWith(A)&&(l.push({type:6,index:n}),s.removeAttribute(h));if(Ut.test(s.tagName)){let h=s.textContent.split(A),y=h.length-1;if(y>0){s.textContent=X?X.emptyScript:"";for(let $=0;$<y;$++)s.append(h[$],I()),P.nextNode(),l.push({type:2,index:++n});s.append(h[y],I())}}}else if(s.nodeType===8)if(s.data===Ot)l.push({type:2,index:n});else{let h=-1;for(;(h=s.data.indexOf(A,h+1))!==-1;)l.push({type:7,index:n}),h+=A.length-1}n++}}static createElement(t,e){let r=k.createElement("template");return r.innerHTML=t,r}};function T(o,t,e=o,r){if(t===C)return t;let s=r!==void 0?e._$Co?.[r]:e._$Cl,n=j(t)?void 0:t._$litDirective$;return s?.constructor!==n&&(s?._$AO?.(!1),n===void 0?s=void 0:(s=new n(o),s._$AT(o,e,r)),r!==void 0?(e._$Co??=[])[r]=s:e._$Cl=s),s!==void 0&&(t=T(o,s._$AS(o,t.values),s,r)),t}var ot=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:r}=this._$AD,s=(t?.creationScope??k).importNode(e,!0);P.currentNode=s;let n=P.nextNode(),i=0,a=0,l=r[0];for(;l!==void 0;){if(i===l.index){let p;l.type===2?p=new B(n,n.nextSibling,this,t):l.type===1?p=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(p=new ct(n,this,t)),this._$AV.push(p),l=r[++a]}i!==l?.index&&(n=P.nextNode(),i++)}return P.currentNode=k,s}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},B=class o{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,s){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=T(this,t,e),j(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==C&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ne(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&j(this._$AH)?this._$AA.nextSibling.data=t:this.T(k.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:r}=t,s=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=q.createElement(Ht(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===s)this._$AH.p(e);else{let n=new ot(s,this),i=n.u(this.options);n.p(e),this.T(i),this._$AH=n}}_$AC(t){let e=Nt.get(t.strings);return e===void 0&&Nt.set(t.strings,e=new q(t)),e}k(t){pt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,s=0;for(let n of t)s===e.length?e.push(r=new o(this.O(I()),this.O(I()),this,this.options)):r=e[s],r._$AI(n),s++;s<e.length&&(this._$AR(r&&r._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let r=Pt(t).nextSibling;Pt(t).remove(),t=r}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},R=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=d}_$AI(t,e=this,r,s){let n=this.strings,i=!1;if(n===void 0)t=T(this,t,e,0),i=!j(t)||t!==this._$AH&&t!==C,i&&(this._$AH=t);else{let a=t,l,p;for(t=n[0],l=0;l<n.length-1;l++)p=T(this,a[r+l],e,l),p===C&&(p=this._$AH[l]),i||=!j(p)||p!==this._$AH[l],p===d?t=d:t!==d&&(t+=(p??"")+n[l+1]),this._$AH[l]=p}i&&!s&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},it=class extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}},at=class extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}},lt=class extends R{constructor(t,e,r,s,n){super(t,e,r,s,n),this.type=5}_$AI(t,e=this){if((t=T(this,t,e,0)??d)===C)return;let r=this._$AH,s=t===d&&r!==d||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==d&&(r===d||s);s&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},ct=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){T(this,t)}};var ie=dt.litHtmlPolyfillSupport;ie?.(q,B),(dt.litHtmlVersions??=[]).push("3.3.2");var zt=(o,t,e)=>{let r=e?.renderBefore??t,s=r._$litPart$;if(s===void 0){let n=e?.renderBefore??null;r._$litPart$=s=new B(t.insertBefore(I(),n),n,void 0,e??{})}return s._$AI(o),s};var ut=globalThis,_=class extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=zt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return C}};_._$litElement$=!0,_.finalized=!0,ut.litElementHydrateSupport?.({LitElement:_});var ae=ut.litElementPolyfillSupport;ae?.({LitElement:_});(ut.litElementVersions??=[]).push("4.2.2");var Dt=o=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(o,t)}):customElements.define(o,t)};var le={attribute:!0,type:String,converter:z,reflect:!1,hasChanged:Q},ce=(o=le,t,e)=>{let{kind:r,metadata:s}=e,n=globalThis.litPropertyMetadata.get(s);if(n===void 0&&globalThis.litPropertyMetadata.set(s,n=new Map),r==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(e.name,o),r==="accessor"){let{name:i}=e;return{set(a){let l=t.get.call(this);t.set.call(this,a),this.requestUpdate(i,l,o,!0,a)},init(a){return a!==void 0&&this.C(i,void 0,o,a),a}}}if(r==="setter"){let{name:i}=e;return function(a){let l=this[i];t.call(this,a),this.requestUpdate(i,l,o,!0,a)}}throw Error("Unsupported decorator location: "+r)};function G(o){return(t,e)=>typeof e=="object"?ce(o,t,e):((r,s,n)=>{let i=s.hasOwnProperty(n);return s.constructor.createProperty(n,r),i?Object.getOwnPropertyDescriptor(s,n):void 0})(o,t,e)}function It(o){return G({...o,state:!0,attribute:!1})}var M={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"};var jt={Aries:"\u2648",Taurus:"\u2649",Gemini:"\u264A",Cancer:"\u264B",Leo:"\u264C",Virgo:"\u264D",Libra:"\u264E",Scorpio:"\u264F",Sagittarius:"\u2650",Capricorn:"\u2651",Aquarius:"\u2652",Pisces:"\u2653"};var N=["Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces"],nr=N.map(o=>o.toLowerCase()),mt={conjunction:"\u260C",opposition:"\u260D",trine:"\u25B3",square:"\u25A1",sextile:"\u2731",quincunx:"\u22BB",semisextile:"\u22BC"};var qt=U`
+"use strict";var RoxyUI_natal_chart=(()=>{var K=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var Yt=Object.getOwnPropertyNames;var Jt=Object.prototype.hasOwnProperty;var Zt=(i,t)=>{for(var e in t)K(i,e,{get:t[e],enumerable:!0})},Qt=(i,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Yt(t))!Jt.call(i,s)&&s!==e&&K(i,s,{get:()=>t[s],enumerable:!(r=wt(t,s))||r.enumerable});return i};var Xt=i=>Qt(K({},"__esModule",{value:!0}),i),U=(i,t,e,r)=>{for(var s=r>1?void 0:r?wt(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(s=(r?o(t,e,s):o(s))||s);return r&&s&&K(t,e,s),s};var fe={};Zt(fe,{RoxyNatalChart:()=>_});var Y=globalThis,J=Y.ShadowRoot&&(Y.ShadyCSS===void 0||Y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,rt=Symbol(),St=new WeakMap,z=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==rt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(J&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=St.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&St.set(e,t))}return t}toString(){return this.cssText}},Et=i=>new z(typeof i=="string"?i:i+"",void 0,rt),H=(i,...t)=>{let e=i.length===1?i[0]:t.reduce((r,s,n)=>r+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+i[n+1],i[0]);return new z(e,i,rt)},Pt=(i,t)=>{if(J)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),s=Y.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,i.appendChild(r)}},st=J?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return Et(e)})(i):i;var{is:te,defineProperty:ee,getOwnPropertyDescriptor:re,getOwnPropertyNames:se,getOwnPropertySymbols:ne,getPrototypeOf:oe}=Object,Z=globalThis,kt=Z.trustedTypes,ie=kt?kt.emptyScript:"",ae=Z.reactiveElementPolyfillSupport,I=(i,t)=>i,D={toAttribute(i,t){switch(t){case Boolean:i=i?ie:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){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}},Q=(i,t)=>!te(i,t),Ct={attribute:!0,type:String,converter:D,reflect:!1,useDefault:!1,hasChanged:Q};Symbol.metadata??=Symbol("metadata"),Z.litPropertyMetadata??=new WeakMap;var A=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Ct){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),s=this.getPropertyDescriptor(t,r,e);s!==void 0&&ee(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){let{get:s,set:n}=re(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get:s,set(o){let a=s?.call(this);n?.call(this,o),this.requestUpdate(t,a,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ct}static _$Ei(){if(this.hasOwnProperty(I("elementProperties")))return;let t=oe(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(I("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(I("properties"))){let e=this.properties,r=[...se(e),...ne(e)];for(let s of r)this.createProperty(s,e[s])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,s]of e)this.elementProperties.set(r,s)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let s=this._$Eu(e,r);s!==void 0&&this._$Eh.set(s,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let s of r)e.unshift(st(s))}else t!==void 0&&e.push(st(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.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(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Pt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){let r=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,r);if(s!==void 0&&r.reflect===!0){let n=(r.converter?.toAttribute!==void 0?r.converter:D).toAttribute(e,r.type);this._$Em=t,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$Em=null}}_$AK(t,e){let r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){let n=r.getPropertyOptions(s),o=typeof n.converter=="function"?{fromAttribute:n.converter}:n.converter?.fromAttribute!==void 0?n.converter:D;this._$Em=s;let a=o.fromAttribute(e,n.type);this[s]=a??this._$Ej?.get(s)??a,this._$Em=null}}requestUpdate(t,e,r,s=!1,n){if(t!==void 0){let o=this.constructor;if(s===!1&&(n=this[t]),r??=o.getPropertyOptions(t),!((r.hasChanged??Q)(n,e)||r.useDefault&&r.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:s,wrapped:n},o){r&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),n!==!0||o!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(e=void 0),this._$AL.set(t,e)),s===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[s,n]of this._$Ep)this[s]=n;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[s,n]of r){let{wrapped:o}=n,a=this[s];o!==!0||this._$AL.has(s)||a===void 0||this.C(s,void 0,n,a)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(r=>r.hostUpdate?.()),this.update(e)):this._$EM()}catch(r){throw t=!1,this._$EM(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[I("elementProperties")]=new Map,A[I("finalized")]=new Map,ae?.({ReactiveElement:A}),(Z.reactiveElementVersions??=[]).push("2.1.2");var dt=globalThis,Mt=i=>i,X=dt.trustedTypes,Tt=X?X.createPolicy("lit-html",{createHTML:i=>i}):void 0,zt="$lit$",w=`lit$${Math.random().toFixed(9).slice(2)}$`,Ht="?"+w,le=`<${Ht}>`,k=document,q=()=>k.createComment(""),B=i=>i===null||typeof i!="object"&&typeof i!="function",pt=Array.isArray,ce=i=>pt(i)||typeof i?.[Symbol.iterator]=="function",nt=`[ 	
+\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Rt=/-->/g,Lt=/>/g,E=RegExp(`>|${nt}(?:([^\\s"'>=/]+)(${nt}*=${nt}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Nt=/'/g,Ot=/"/g,It=/^(?:script|style|textarea|title)$/i,ht=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),u=ht(1),x=ht(2),_e=ht(3),C=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),Ut=new WeakMap,P=k.createTreeWalker(k,129);function Dt(i,t){if(!pt(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Tt!==void 0?Tt.createHTML(t):t}var de=(i,t)=>{let e=i.length-1,r=[],s,n=t===2?"<svg>":t===3?"<math>":"",o=j;for(let a=0;a<e;a++){let l=i[a],d,m,p=-1,y=0;for(;y<l.length&&(o.lastIndex=y,m=o.exec(l),m!==null);)y=o.lastIndex,o===j?m[1]==="!--"?o=Rt:m[1]!==void 0?o=Lt:m[2]!==void 0?(It.test(m[2])&&(s=RegExp("</"+m[2],"g")),o=E):m[3]!==void 0&&(o=E):o===E?m[0]===">"?(o=s??j,p=-1):m[1]===void 0?p=-2:(p=o.lastIndex-m[2].length,d=m[1],o=m[3]===void 0?E:m[3]==='"'?Ot:Nt):o===Ot||o===Nt?o=E:o===Rt||o===Lt?o=j:(o=E,s=void 0);let f=o===E&&i[a+1].startsWith("/>")?" ":"";n+=o===j?l+le:p>=0?(r.push(d),l.slice(0,p)+zt+l.slice(p)+w+f):l+w+(p===-2?a:f)}return[Dt(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},G=class i{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let n=0,o=0,a=t.length-1,l=this.parts,[d,m]=de(t,e);if(this.el=i.createElement(d,r),P.currentNode=this.el.content,e===2||e===3){let p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(s=P.nextNode())!==null&&l.length<a;){if(s.nodeType===1){if(s.hasAttributes())for(let p of s.getAttributeNames())if(p.endsWith(zt)){let y=m[o++],f=s.getAttribute(p).split(w),b=/([.?@])?(.*)/.exec(y);l.push({type:1,index:n,name:b[2],strings:f,ctor:b[1]==="."?it:b[1]==="?"?at:b[1]==="@"?lt:R}),s.removeAttribute(p)}else p.startsWith(w)&&(l.push({type:6,index:n}),s.removeAttribute(p));if(It.test(s.tagName)){let p=s.textContent.split(w),y=p.length-1;if(y>0){s.textContent=X?X.emptyScript:"";for(let f=0;f<y;f++)s.append(p[f],q()),P.nextNode(),l.push({type:2,index:++n});s.append(p[y],q())}}}else if(s.nodeType===8)if(s.data===Ht)l.push({type:2,index:n});else{let p=-1;for(;(p=s.data.indexOf(w,p+1))!==-1;)l.push({type:7,index:n}),p+=w.length-1}n++}}static createElement(t,e){let r=k.createElement("template");return r.innerHTML=t,r}};function T(i,t,e=i,r){if(t===C)return t;let s=r!==void 0?e._$Co?.[r]:e._$Cl,n=B(t)?void 0:t._$litDirective$;return s?.constructor!==n&&(s?._$AO?.(!1),n===void 0?s=void 0:(s=new n(i),s._$AT(i,e,r)),r!==void 0?(e._$Co??=[])[r]=s:e._$Cl=s),s!==void 0&&(t=T(i,s._$AS(i,t.values),s,r)),t}var ot=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:r}=this._$AD,s=(t?.creationScope??k).importNode(e,!0);P.currentNode=s;let n=P.nextNode(),o=0,a=0,l=r[0];for(;l!==void 0;){if(o===l.index){let d;l.type===2?d=new V(n,n.nextSibling,this,t):l.type===1?d=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(d=new ct(n,this,t)),this._$AV.push(d),l=r[++a]}o!==l?.index&&(n=P.nextNode(),o++)}return P.currentNode=k,s}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},V=class i{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,s){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=s,this._$Cv=s?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=T(this,t,e),B(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==C&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ce(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==h&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(k.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:r}=t,s=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=G.createElement(Dt(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===s)this._$AH.p(e);else{let n=new ot(s,this),o=n.u(this.options);n.p(e),this.T(o),this._$AH=n}}_$AC(t){let e=Ut.get(t.strings);return e===void 0&&Ut.set(t.strings,e=new G(t)),e}k(t){pt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,s=0;for(let n of t)s===e.length?e.push(r=new i(this.O(q()),this.O(q()),this,this.options)):r=e[s],r._$AI(n),s++;s<e.length&&(this._$AR(r&&r._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let r=Mt(t).nextSibling;Mt(t).remove(),t=r}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},R=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,n){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=h}_$AI(t,e=this,r,s){let n=this.strings,o=!1;if(n===void 0)t=T(this,t,e,0),o=!B(t)||t!==this._$AH&&t!==C,o&&(this._$AH=t);else{let a=t,l,d;for(t=n[0],l=0;l<n.length-1;l++)d=T(this,a[r+l],e,l),d===C&&(d=this._$AH[l]),o||=!B(d)||d!==this._$AH[l],d===h?t=h:t!==h&&(t+=(d??"")+n[l+1]),this._$AH[l]=d}o&&!s&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},it=class extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}},at=class extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}},lt=class extends R{constructor(t,e,r,s,n){super(t,e,r,s,n),this.type=5}_$AI(t,e=this){if((t=T(this,t,e,0)??h)===C)return;let r=this._$AH,s=t===h&&r!==h||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==h&&(r===h||s);s&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},ct=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){T(this,t)}};var pe=dt.litHtmlPolyfillSupport;pe?.(G,V),(dt.litHtmlVersions??=[]).push("3.3.2");var jt=(i,t,e)=>{let r=e?.renderBefore??t,s=r._$litPart$;if(s===void 0){let n=e?.renderBefore??null;r._$litPart$=s=new V(t.insertBefore(q(),n),n,void 0,e??{})}return s._$AI(i),s};var ut=globalThis,S=class extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=jt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return C}};S._$litElement$=!0,S.finalized=!0,ut.litElementHydrateSupport?.({LitElement:S});var he=ut.litElementPolyfillSupport;he?.({LitElement:S});(ut.litElementVersions??=[]).push("4.2.2");var qt=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};var ue={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:Q},me=(i=ue,t,e)=>{let{kind:r,metadata:s}=e,n=globalThis.litPropertyMetadata.get(s);if(n===void 0&&globalThis.litPropertyMetadata.set(s,n=new Map),r==="setter"&&((i=Object.create(i)).wrapped=!0),n.set(e.name,i),r==="accessor"){let{name:o}=e;return{set(a){let l=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,l,i,!0,a)},init(a){return a!==void 0&&this.C(o,void 0,i,a),a}}}if(r==="setter"){let{name:o}=e;return function(a){let l=this[o];t.call(this,a),this.requestUpdate(o,l,i,!0,a)}}throw Error("Unsupported decorator location: "+r)};function F(i){return(t,e)=>typeof e=="object"?me(i,t,e):((r,s,n)=>{let o=s.hasOwnProperty(n);return s.constructor.createProperty(n,r),o?Object.getOwnPropertyDescriptor(s,n):void 0})(i,t,e)}function Bt(i){return F({...i,state:!0,attribute:!1})}var M={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"};var Gt={Aries:"\u2648",Taurus:"\u2649",Gemini:"\u264A",Cancer:"\u264B",Leo:"\u264C",Virgo:"\u264D",Libra:"\u264E",Scorpio:"\u264F",Sagittarius:"\u2650",Capricorn:"\u2651",Aquarius:"\u2652",Pisces:"\u2653"};var L=["Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces"],cr=L.map(i=>i.toLowerCase()),mt={conjunction:"\u260C",opposition:"\u260D",trine:"\u25B3",square:"\u25A1",sextile:"\u2731",quincunx:"\u22BB",semisextile:"\u22BC"};var Vt=H`
 	:host {
 		display: block;
 		container-type: inline-size;
@@ -82,12 +82,26 @@
 		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
 		outline-offset: 2px;
 	}
-`;function w(o){let t=o%360;return t<0?t+360:t}function gt(o){let t=w(o),e=Math.floor(t/30)%12,r=t%30,s=Math.floor(r),n=(r-s)*60,i=Math.floor(n),a=Math.round((n-i)*60);return{sign:N[e]??"Aries",signIndex:e,degree:s,minute:i,second:a}}function yt(o){return w(o+180)}function Bt(o,t){let e=w(o),r=w(t)-e;return r<0&&(r+=360),w(e+r/2)}function g(o,t,e,r){let s=r*Math.PI/180;return{x:o+e*Math.cos(s),y:t+e*Math.sin(s)}}function et(o,t=1){return typeof o!="number"||!Number.isFinite(o)?"":o.toFixed(t).replace(/\.?0+$/,"")}var ft={conjunction:"aspect-conjunction",sextile:"aspect-sextile",square:"aspect-square",trine:"aspect-trine",opposition:"aspect-opposition"};function xt(o){return(o.type??"").toLowerCase().replace(/_/g,"-")}function f(o){return o?o.charAt(0).toUpperCase()+o.slice(1).toLowerCase():""}var bt=420,c=bt/2,V=164,$t=146,F=120,W=96,de=178,pe=196,v=class extends _{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 u`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.getPlanets(),r=this.data.aspects??[],s=this.view;return u`<div class="wrap">
+
+	/* 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;
+	}
+`;function v(i){let t=i%360;return t<0?t+360:t}function gt(i){let t=v(i),e=Math.floor(t/30)%12,r=t%30,s=Math.floor(r),n=(r-s)*60,o=Math.floor(n),a=Math.round((n-o)*60);return{sign:L[e]??"Aries",signIndex:e,degree:s,minute:o,second:a}}function yt(i){return v(i+180)}function Ft(i,t){let e=v(i),r=v(t)-e;return r<0&&(r+=360),v(e+r/2)}function g(i,t,e,r){let s=r*Math.PI/180;return{x:i+e*Math.cos(s),y:t+e*Math.sin(s)}}function et(i,t=1){return typeof i!="number"||!Number.isFinite(i)?"":i.toFixed(t).replace(/\.?0+$/,"")}var ft={conjunction:"aspect-conjunction",sextile:"aspect-sextile",square:"aspect-square",trine:"aspect-trine",opposition:"aspect-opposition"};function xt(i){return(i.type??"").toLowerCase().replace(/_/g,"-")}function $(i){return i?i.charAt(0).toUpperCase()+i.slice(1).toLowerCase():""}var bt=420,c=bt/2,N=164,$t=146,W=120,O=96,ge=178,ye=196,_=class extends S{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 u`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.getPlanets(),r=this.data.aspects??[],s=this.view;return u`<div class="wrap">
 			<header>
 				<h2 class="title">Natal chart</h2>
 				${this.data.birthDetails?u`<div class="meta">
 							${[this.data.birthDetails.date,this.data.birthDetails.time].filter(Boolean).join(" \xB7 ")}
-						</div>`:d}
+						</div>`:h}
 			</header>
 			<div
 				class="tablist"
@@ -113,7 +127,7 @@
 			<div class="legend">
 				<span>${e.length} planets</span>
 				<span>${r.length} aspects</span>
-				${this.data.houseSystem?u`<span>${this.data.houseSystem} houses</span>`:d}
+				${this.data.houseSystem?u`<span>${this.data.houseSystem} houses</span>`:h}
 				<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>
@@ -129,56 +143,57 @@
 				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=${c} cy=${c} r=${V} stroke-width="1.5" />
+			<circle class="wheel-line" cx=${c} cy=${c} r=${N} stroke-width="1.5" />
 			<circle class="wheel-line" cx=${c} cy=${c} r=${$t-14} stroke-width="0.8" />
-			<circle class="wheel-line" cx=${c} cy=${c} r=${F} stroke-width="1" />
-			<circle class="wheel-line" cx=${c} cy=${c} r=${W-16} stroke-width="0.5" />
+			<circle class="wheel-line" cx=${c} cy=${c} r=${W} stroke-width="1" />
+			<circle class="wheel-line" cx=${c} cy=${c} r=${O-16} stroke-width="0.5" />
 			${this.renderTicks()} ${this.renderSpokes()} ${this.renderSigns()}
 			${this.renderHouseNumbers()} ${this.renderCuspDegrees()}
 			${this.renderAspects(e,r)} ${this.renderPlanets(e)}
 			${this.renderAngles()}
-		</svg>`}renderAspectGrid(e,r){let s=e.map(i=>f(i.name)),n=new Map;for(let i of r){let a=[f(i.planet1),f(i.planet2)].sort().join("|");n.set(a,i)}return s.length===0?u`<p class="roxy-empty" role="status">No planets to grid</p>`:u`<div class="grid-scroll">
+		</svg>`}renderAspectGrid(e,r){let s=e.map(o=>$(o.name)),n=new Map;for(let o of r){let a=[$(o.planet1),$(o.planet2)].sort().join("|");n.set(a,o)}return s.length===0?u`<p class="roxy-empty" role="status">No planets to grid</p>`:u`<div class="grid-scroll">
 			<table class="aspect-grid" aria-label="Planet by planet aspect grid">
 				<thead>
 					<tr>
 						<th></th>
-						${s.slice(0,-1).map(i=>{let a=M[i]??i.slice(0,2);return u`<th scope="col" title=${i}>${a}</th>`})}
+						${s.slice(0,-1).map(o=>{let a=M[o]??o.slice(0,2);return u`<th scope="col" title=${o}>${a}</th>`})}
 					</tr>
 				</thead>
 				<tbody>
-					${s.slice(1).map((i,a)=>{let l=M[i]??i.slice(0,2);return u`<tr>
-							<th scope="row" title=${i}>${l}</th>
-							${s.slice(0,a+1).map(p=>{let m=n.get([i,p].sort().join("|"));if(!m)return u`<td class="empty"></td>`;let h=xt(m),y=mt[h]??mt[h.replace(/-/g,"")]??h.slice(0,3),$=ft[h]??"aspect-other",S=et(m.orb,1);return u`<td class=${`cell ${$}`} title=${`${i} ${h} ${p}${S?` (orb ${S}\xB0)`:""}`}>
+					${s.slice(1).map((o,a)=>{let l=M[o]??o.slice(0,2);return u`<tr>
+							<th scope="row" title=${o}>${l}</th>
+							${s.slice(0,a+1).map(d=>{let m=n.get([o,d].sort().join("|"));if(!m)return u`<td class="empty"></td>`;let p=xt(m),y=mt[p]??mt[p.replace(/-/g,"")]??p.slice(0,3),f=ft[p]??"aspect-other",b=et(m.orb,1);return u`<td class=${`cell ${f}`} title=${`${o} ${p} ${d}${b?` (orb ${b}\xB0)`:""}`}>
 									<span class="asp">${y}</span>
 								</td>`})}
 							${s.slice(a+1,-1).map(()=>u`<td class="empty"></td>`)}
 						</tr>`})}
 				</tbody>
 			</table>
-		</div>`}renderAngles(){let e=this.getAscendant(),r=this.getMidheaven(),s=[this.renderAngleMark(e,"ASC"),this.renderAngleMark(yt(e),"DSC")];r!==null&&(s.push(this.renderAngleMark(r,"MC")),s.push(this.renderAngleMark(yt(r),"IC")));let n=this.data?.partOfFortune?.longitude;typeof n=="number"&&s.push(this.renderAngleMark(w(n),"PoF"));let i=this.data?.vertex?.longitude;return typeof i=="number"&&s.push(this.renderAngleMark(w(i),"Vtx")),s}renderAngleMark(e,r){let s=this.toAngle(e),n=g(c,c,V,s),i=g(c,c,de,s),a=g(c,c,pe,s);return x`
+		</div>`}renderAngles(){let e=this.getAscendant(),r=this.getMidheaven(),s=[this.renderAngleMark(e,"ASC"),this.renderAngleMark(yt(e),"DSC")];r!==null&&(s.push(this.renderAngleMark(r,"MC")),s.push(this.renderAngleMark(yt(r),"IC")));let n=this.data?.partOfFortune?.longitude;typeof n=="number"&&s.push(this.renderAngleMark(v(n),"PoF"));let o=this.data?.vertex?.longitude;return typeof o=="number"&&s.push(this.renderAngleMark(v(o),"Vtx")),s}renderAngleMark(e,r){let s=this.toAngle(e),n=g(c,c,N,s),o=g(c,c,ge,s),a=g(c,c,ye,s);return x`
 			<g>
-				<line class="angle-tick" x1=${n.x} y1=${n.y} x2=${i.x} y2=${i.y} />
+				<line class="angle-tick" x1=${n.x} y1=${n.y} x2=${o.x} y2=${o.y} />
 				<text class="angle-marker" x=${a.x} y=${a.y} text-anchor="middle" dominant-baseline="central">${r}</text>
 			</g>
-		`}renderSpokes(){let e=this.data?.houses??[];return(e.length===12?e.map(s=>s.longitude):Array.from({length:12},(s,n)=>this.getAscendant()+n*30)).map(s=>{let n=this.toAngle(s),i=g(c,c,F,n),a=g(c,c,V,n);return x`<line class="wheel-line" x1=${i.x} y1=${i.y} x2=${a.x} y2=${a.y} stroke-width="0.8" />`})}renderSigns(){return N.map((e,r)=>{let s=this.toAngle(r*30+15),n=g(c,c,$t,s);return x`<text class="sign-glyph" x=${n.x} y=${n.y} text-anchor="middle" dominant-baseline="central">${jt[e]}</text>`})}renderHouseNumbers(){let e=this.data?.houses??[];if(e.length===12)return e.map((s,n)=>{let i=e[(n+1)%12],a=Bt(s.longitude,i?i.longitude:s.longitude+30),l=g(c,c,F-12,this.toAngle(a));return x`<text class="house-num" x=${l.x} y=${l.y} text-anchor="middle" dominant-baseline="central">${s.number}</text>`});let r=Math.floor(this.getAscendant()/30);return Array.from({length:12},(s,n)=>{let i=this.toAngle(n*30+15),a=g(c,c,F-12,i),l=(n-r+12)%12+1;return x`<text class="house-num" x=${a.x} y=${a.y} text-anchor="middle" dominant-baseline="central">${l}</text>`})}renderTicks(){let e=[];for(let r=0;r<360;r+=5){let s=this.toAngle(r),n=r%30===0,i=n?$t-14:V-5,a=g(c,c,i,s),l=g(c,c,V,s);e.push(x`<line class=${n?"tick tick-major":"tick"} x1=${a.x} y1=${a.y} x2=${l.x} y2=${l.y} stroke-width=${n?1:.5} />`)}return e}renderCuspDegrees(){let e=this.data?.houses??[];return e.length!==12?d:e.map(r=>{let s=this.toAngle(r.longitude),n=g(c,c,F+9,s),i=gt(r.longitude);return x`<text class="cusp-deg" x=${n.x} y=${n.y} text-anchor="middle" dominant-baseline="central">${i.degree}°${String(i.minute).padStart(2,"0")}'</text>`})}renderPlanets(e){return e.map(r=>{if(!Number.isFinite(r.longitude))return d;let s=this.toAngle(r.longitude),n=g(c,c,W,s),i=g(c,c,W-13,s),a=M[f(r.name)]??r.name.slice(0,2),l=gt(r.longitude),p=r.isRetrograde===!0,m=`${l.degree}\xB0${String(l.minute).padStart(2,"0")}'`;return x`<g>
-				<text class="planet-glyph" x=${n.x} y=${n.y} text-anchor="middle" dominant-baseline="central"><title>${r.name}${p?" retrograde":""} - ${m} ${r.sign??""}</title>${a}</text>
-				<text class="planet-deg" x=${i.x} y=${i.y} text-anchor="middle" dominant-baseline="central">${m}${p?x`<tspan class="retro"> ℞</tspan>`:d}</text>
-			</g>`})}renderDetails(){let e=this.data?.summary,r=this.data?.aspectsInterpretation;if(!e&&!r)return d;let s=e?.retrogradePlanets??[];return u`<div class="details">
+		`}renderSpokes(){let e=this.data?.houses??[];return(e.length===12?e.map(s=>s.longitude):Array.from({length:12},(s,n)=>this.getAscendant()+n*30)).map(s=>{let n=this.toAngle(s),o=g(c,c,W,n),a=g(c,c,N,n);return x`<line class="wheel-line" x1=${o.x} y1=${o.y} x2=${a.x} y2=${a.y} stroke-width="0.8" />`})}renderSigns(){return L.map((e,r)=>{let s=this.toAngle(r*30+15),n=g(c,c,$t,s);return x`<text class="sign-glyph" x=${n.x} y=${n.y} text-anchor="middle" dominant-baseline="central">${Gt[e]}</text>`})}renderHouseNumbers(){let e=this.data?.houses??[];if(e.length===12)return e.map((s,n)=>{let o=e[(n+1)%12],a=Ft(s.longitude,o?o.longitude:s.longitude+30),l=g(c,c,W-12,this.toAngle(a));return x`<text class="house-num" x=${l.x} y=${l.y} text-anchor="middle" dominant-baseline="central">${s.number}</text>`});let r=Math.floor(this.getAscendant()/30);return Array.from({length:12},(s,n)=>{let o=this.toAngle(n*30+15),a=g(c,c,W-12,o),l=(n-r+12)%12+1;return x`<text class="house-num" x=${a.x} y=${a.y} text-anchor="middle" dominant-baseline="central">${l}</text>`})}renderTicks(){let e=[];for(let r=0;r<360;r+=5){let s=this.toAngle(r),n=r%30===0,o=n?$t-14:N-5,a=g(c,c,o,s),l=g(c,c,N,s);e.push(x`<line class=${n?"tick tick-major":"tick"} x1=${a.x} y1=${a.y} x2=${l.x} y2=${l.y} stroke-width=${n?1:.5} />`)}return e}renderCuspDegrees(){let e=this.data?.houses??[];return e.length!==12?h:e.map(r=>{let s=this.toAngle(r.longitude),n=g(c,c,W+9,s),o=gt(r.longitude);return x`<text class="cusp-deg" x=${n.x} y=${n.y} text-anchor="middle" dominant-baseline="central">${o.degree}°${String(o.minute).padStart(2,"0")}'</text>`})}renderPlanets(e){let s=e.filter(o=>Number.isFinite(o.longitude)).map(o=>({p:o,trueLon:v(o.longitude),displayLon:v(o.longitude)})).sort((o,a)=>o.trueLon-a.trueLon);for(let o=1;o<s.length;o++){let a=s[o-1],l=s[o];if(!a||!l)continue;let d=a.displayLon+7;l.displayLon<d&&(l.displayLon=d)}let n=s[s.length-1];if(n&&n.displayLon>360){let o=n.displayLon-360;for(let a of s)a.displayLon-=o}return s.map(({p:o,trueLon:a,displayLon:l})=>{let d=this.toAngle(a),m=this.toAngle(l),p=g(c,c,O,m),y=g(c,c,O-13,m),f=g(c,c,N-4,d),b=g(c,c,O+8,m),Wt=M[$(o.name)]??o.name.slice(0,2),vt=gt(o.longitude),At=o.isRetrograde===!0,_t=`${vt.degree}\xB0${String(vt.minute).padStart(2,"0")}'`,Kt=Math.abs(l-a)>.5;return x`<g>
+				${Kt?x`<line class="planet-leader" x1=${f.x} y1=${f.y} x2=${b.x} y2=${b.y} />`:h}
+				<text class="planet-glyph" x=${p.x} y=${p.y} text-anchor="middle" dominant-baseline="central"><title>${o.name}${At?" retrograde":""} - ${_t} ${o.sign??""}</title>${Wt}</text>
+				<text class="planet-deg" x=${y.x} y=${y.y} text-anchor="middle" dominant-baseline="central">${_t}${At?x`<tspan class="retro"> ℞</tspan>`:h}</text>
+			</g>`})}renderDetails(){let e=this.data?.summary,r=this.data?.aspectsInterpretation;if(!e&&!r)return h;let s=e?.retrogradePlanets??[];return u`<div class="details">
 			${e?.dominantElement||e?.dominantModality?u`<div class="pill-row">
-						${e.dominantElement?u`<span class="pill">Dominant element: ${e.dominantElement}</span>`:d}
-						${e.dominantModality?u`<span class="pill">Dominant modality: ${e.dominantModality}</span>`:d}
-					</div>`:d}
+						${e.dominantElement?u`<span class="pill">Dominant element: ${e.dominantElement}</span>`:h}
+						${e.dominantModality?u`<span class="pill">Dominant modality: ${e.dominantModality}</span>`:h}
+					</div>`:h}
 			${r?u`<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>`:d}
+					</div>`:h}
 			${s.length>0?u`<div class="pill-row">
-						${s.map(n=>{let i=M[n]??n.slice(0,2);return u`<span class="pill pill--muted">${i} ${n} R</span>`})}
-					</div>`:d}
-			${r?.summary?u`<p class="summary">${r.summary}</p>`:d}
+						${s.map(n=>{let o=M[n]??n.slice(0,2);return u`<span class="pill pill--muted">${o} ${n} R</span>`})}
+					</div>`:h}
+			${r?.summary?u`<p class="summary">${r.summary}</p>`:h}
 			${this.renderElementModalityGrid()}
-		</div>`}renderElementModalityGrid(){let e=this.getPlanets();if(e.length===0)return d;let r=["Fire","Earth","Air","Water"],s=["Cardinal","Fixed","Mutable"],n=N,i={};for(let a of r)i[a]={Cardinal:[],Fixed:[],Mutable:[]};for(let a of e){let l=n.indexOf(f(a.sign??""));if(l<0)continue;let p=r[l%4],m=s[l%3],h=M[f(a.name)]??f(a.name).slice(0,2);i[p]?.[m]?.push(h)}return u`<table class="em-grid" aria-label="Element and modality distribution">
+		</div>`}renderElementModalityGrid(){let e=this.getPlanets();if(e.length===0)return h;let r=["Fire","Earth","Air","Water"],s=["Cardinal","Fixed","Mutable"],n=L,o={};for(let a of r)o[a]={Cardinal:[],Fixed:[],Mutable:[]};for(let a of e){let l=n.indexOf($(a.sign??""));if(l<0)continue;let d=r[l%4],m=s[l%3],p=M[$(a.name)]??$(a.name).slice(0,2);o[d]?.[m]?.push(p)}return u`<table class="em-grid" aria-label="Element and modality distribution">
 			<thead>
 				<tr>
 					<th></th>
@@ -187,28 +202,28 @@
 				</tr>
 			</thead>
 			<tbody>
-				${r.map(a=>{let l=s.reduce((p,m)=>p+(i[a]?.[m]?.length??0),0);return u`<tr>
+				${r.map(a=>{let l=s.reduce((d,m)=>d+(o[a]?.[m]?.length??0),0);return u`<tr>
 						<th scope="row">${a}</th>
-						${s.map(p=>u`<td>${(i[a]?.[p]??[]).join(" ")}</td>`)}
+						${s.map(d=>u`<td>${(o[a]?.[d]??[]).join(" ")}</td>`)}
 						<td class="em-total">${l}</td>
 					</tr>`})}
 				<tr>
 					<th scope="row">Total</th>
-					${s.map(a=>u`<td class="em-total">${r.reduce((l,p)=>l+(i[p]?.[a]?.length??0),0)}</td>`)}
+					${s.map(a=>u`<td class="em-total">${r.reduce((l,d)=>l+(o[d]?.[a]?.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?d:u`<section class="interpretations">
+		</table>`}renderInterpretations(){let e=this.getPlanets().filter(r=>r.interpretation);return e.length===0?h:u`<section class="interpretations">
 			<h3>Planet readings</h3>
-			${e.map((r,s)=>{let n=r.interpretation,i=M[f(r.name)]??"",a=et(r.degree??0,1);return u`<details class="interp-card" name="natal-planet-readings" ?open=${s===0}>
-					<summary>${i} ${r.name} <small>${r.sign??""} ${a}</small></summary>
+			${e.map((r,s)=>{let n=r.interpretation,o=M[$(r.name)]??"",a=et(r.degree??0,1);return u`<details class="interp-card" name="natal-planet-readings" ?open=${s===0}>
+					<summary>${o} ${r.name} <small>${r.sign??""} ${a}</small></summary>
 					<div class="interp-body">
-						${n.summary?u`<p class="interp-summary">${n.summary}</p>`:d}
-						${n.detailed?u`<p class="interp-detail">${n.detailed}</p>`:d}
-						${n.keywords?.length?u`<div class="interp-keywords">${n.keywords.map(l=>u`<span class="kw">${l}</span>`)}</div>`:d}
+						${n.summary?u`<p class="interp-summary">${n.summary}</p>`:h}
+						${n.detailed?u`<p class="interp-detail">${n.detailed}</p>`:h}
+						${n.keywords?.length?u`<div class="interp-keywords">${n.keywords.map(l=>u`<span class="kw">${l}</span>`)}</div>`:h}
 					</div>
 				</details>`})}
-		</section>`}renderAspects(e,r){let s=new Map;for(let n of e){if(typeof n.longitude!="number")continue;let i=f(n.name);i&&s.set(i,n.longitude)}return r.map(n=>{let i=s.get(f(n.planet1)),a=s.get(f(n.planet2));if(i===void 0||a===void 0)return d;let l=g(c,c,W-18,this.toAngle(i)),p=g(c,c,W-18,this.toAngle(a)),m=xt(n),h=ft[m]??"aspect-other",y=et(n.orb,1);return x`<line class=${`aspect ${h}`} x1=${l.x} y1=${l.y} x2=${p.x} y2=${p.y}><title>${n.planet1} ${m||""} ${n.planet2}${y?` (orb ${y}\xB0)`:""}</title></line>`})}};v.styles=[qt,U`
+		</section>`}renderAspects(e,r){let s=new Map;for(let n of e){if(typeof n.longitude!="number")continue;let o=$(n.name);o&&s.set(o,n.longitude)}return r.map(n=>{let o=s.get($(n.planet1)),a=s.get($(n.planet2));if(o===void 0||a===void 0)return h;let l=g(c,c,O-18,this.toAngle(o)),d=g(c,c,O-18,this.toAngle(a)),m=xt(n),p=ft[m]??"aspect-other",y=et(n.orb,1);return x`<line class=${`aspect ${p}`} x1=${l.x} y1=${l.y} x2=${d.x} y2=${d.y}><title>${n.planet1} ${m||""} ${n.planet2}${y?` (orb ${y}\xB0)`:""}</title></line>`})}};_.styles=[Vt,H`
 			.wrap {
 				width: 100%;
 				display: grid;
@@ -230,7 +245,8 @@
 			svg {
 				display: block;
 				width: 100%;
-				max-width: 360px;
+				max-width: 560px;
+				aspect-ratio: 1 / 1;
 				height: auto;
 				margin: 0 auto;
 			}
@@ -259,10 +275,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;
@@ -521,7 +560,7 @@
 				color: var(--roxy-accent-fg, #b45309);
 				font-size: var(--roxy-text-xs, 0.75rem);
 			}
-		`],L([G({attribute:!1})],v.prototype,"data",2),L([G({type:String,attribute:"house-system",reflect:!0})],v.prototype,"houseSystem",2),L([It()],v.prototype,"view",2),v=L([Dt("roxy-natal-chart")],v);return Kt(he);})();
+		`],U([F({attribute:!1})],_.prototype,"data",2),U([F({type:String,attribute:"house-system",reflect:!0})],_.prototype,"houseSystem",2),U([Bt()],_.prototype,"view",2),_=U([qt("roxy-natal-chart")],_);return Xt(fe);})();
 /*! Bundled license information:
 
 @lit/reactive-element/css-tag.js: