@roxyapi/ui 0.2.3 → 0.3.0

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

@@ -1,6 +1,6 @@
-"use strict";var RoxyUI_natal_chart=(()=>{var j=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var Ht=Object.getOwnPropertyNames;var zt=Object.prototype.hasOwnProperty;var Dt=(n,t)=>{for(var e in t)j(n,e,{get:t[e],enumerable:!0})},jt=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Ht(t))!zt.call(n,s)&&s!==e&&j(n,s,{get:()=>t[s],enumerable:!(r=mt(t,s))||r.enumerable});return n};var It=n=>jt(j({},"__esModule",{value:!0}),n),I=(n,t,e,r)=>{for(var s=r>1?void 0:r?mt(t,e):t,i=n.length-1,o;i>=0;i--)(o=n[i])&&(s=(r?o(t,e,s):o(s))||s);return r&&s&&j(t,e,s),s};var oe={};Dt(oe,{RoxyNatalChart:()=>b});var q=globalThis,B=q.ShadowRoot&&(q.ShadyCSS===void 0||q.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Z=Symbol(),gt=new WeakMap,M=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Z)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(B&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=gt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&gt.set(e,t))}return t}toString(){return this.cssText}},ft=n=>new M(typeof n=="string"?n:n+"",void 0,Z),N=(n,...t)=>{let e=n.length===1?n[0]:t.reduce((r,s,i)=>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)+n[i+1],n[0]);return new M(e,n,Z)},yt=(n,t)=>{if(B)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),s=q.litNonce;s!==void 0&&r.setAttribute("nonce",s),r.textContent=e.cssText,n.appendChild(r)}},Q=B?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return ft(e)})(n):n;var{is:qt,defineProperty:Bt,getOwnPropertyDescriptor:Gt,getOwnPropertyNames:Vt,getOwnPropertySymbols:Wt,getPrototypeOf:Ft}=Object,G=globalThis,$t=G.trustedTypes,Kt=$t?$t.emptyScript:"",Yt=G.reactiveElementPolyfillSupport,R=(n,t)=>n,T={toAttribute(n,t){switch(t){case Boolean:n=n?Kt:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){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}},V=(n,t)=>!qt(n,t),xt={attribute:!0,type:String,converter:T,reflect:!1,useDefault:!1,hasChanged:V};Symbol.metadata??=Symbol("metadata"),G.litPropertyMetadata??=new WeakMap;var y=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=xt){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&&Bt(this.prototype,t,s)}}static getPropertyDescriptor(t,e,r){let{get:s,set:i}=Gt(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get:s,set(o){let l=s?.call(this);i?.call(this,o),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??xt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;let t=Ft(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){let e=this.properties,r=[...Vt(e),...Wt(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(Q(s))}else t!==void 0&&e.push(Q(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 yt(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 i=(r.converter?.toAttribute!==void 0?r.converter:T).toAttribute(e,r.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){let r=this.constructor,s=r._$Eh.get(t);if(s!==void 0&&this._$Em!==s){let i=r.getPropertyOptions(s),o=typeof i.converter=="function"?{fromAttribute:i.converter}:i.converter?.fromAttribute!==void 0?i.converter:T;this._$Em=s;let l=o.fromAttribute(e,i.type);this[s]=l??this._$Ej?.get(s)??l,this._$Em=null}}requestUpdate(t,e,r,s=!1,i){if(t!==void 0){let o=this.constructor;if(s===!1&&(i=this[t]),r??=o.getPropertyOptions(t),!((r.hasChanged??V)(i,e)||r.useDefault&&r.reflect&&i===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:i},o){r&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,o??e??this[t]),i!==!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,i]of this._$Ep)this[s]=i;this._$Ep=void 0}let r=this.constructor.elementProperties;if(r.size>0)for(let[s,i]of r){let{wrapped:o}=i,l=this[s];o!==!0||this._$AL.has(s)||l===void 0||this.C(s,void 0,i,l)}}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){}};y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[R("elementProperties")]=new Map,y[R("finalized")]=new Map,Yt?.({ReactiveElement:y}),(G.reactiveElementVersions??=[]).push("2.1.2");var it=globalThis,vt=n=>n,W=it.trustedTypes,bt=W?W.createPolicy("lit-html",{createHTML:n=>n}):void 0,Pt="$lit$",x=`lit$${Math.random().toFixed(9).slice(2)}$`,Ct="?"+x,Jt=`<${Ct}>`,S=document,L=()=>S.createComment(""),U=n=>n===null||typeof n!="object"&&typeof n!="function",ot=Array.isArray,Zt=n=>ot(n)||typeof n?.[Symbol.iterator]=="function",X=`[ 	
-\f\r]`,O=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_t=/-->/g,At=/>/g,_=RegExp(`>|${X}(?:([^\\s"'>=/]+)(${X}*=${X}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),St=/'/g,wt=/"/g,kt=/^(?:script|style|textarea|title)$/i,at=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),m=at(1),E=at(2),he=at(3),w=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),Et=new WeakMap,A=S.createTreeWalker(S,129);function Mt(n,t){if(!ot(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}var Qt=(n,t)=>{let e=n.length-1,r=[],s,i=t===2?"<svg>":t===3?"<math>":"",o=O;for(let l=0;l<e;l++){let a=n[l],d,p,h=-1,g=0;for(;g<a.length&&(o.lastIndex=g,p=o.exec(a),p!==null);)g=o.lastIndex,o===O?p[1]==="!--"?o=_t:p[1]!==void 0?o=At:p[2]!==void 0?(kt.test(p[2])&&(s=RegExp("</"+p[2],"g")),o=_):p[3]!==void 0&&(o=_):o===_?p[0]===">"?(o=s??O,h=-1):p[1]===void 0?h=-2:(h=o.lastIndex-p[2].length,d=p[1],o=p[3]===void 0?_:p[3]==='"'?wt:St):o===wt||o===St?o=_:o===_t||o===At?o=O:(o=_,s=void 0);let $=o===_&&n[l+1].startsWith("/>")?" ":"";i+=o===O?a+Jt:h>=0?(r.push(d),a.slice(0,h)+Pt+a.slice(h)+x+$):a+x+(h===-2?l:$)}return[Mt(n,i+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},H=class n{constructor({strings:t,_$litType$:e},r){let s;this.parts=[];let i=0,o=0,l=t.length-1,a=this.parts,[d,p]=Qt(t,e);if(this.el=n.createElement(d,r),A.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(s=A.nextNode())!==null&&a.length<l;){if(s.nodeType===1){if(s.hasAttributes())for(let h of s.getAttributeNames())if(h.endsWith(Pt)){let g=p[o++],$=s.getAttribute(h).split(x),D=/([.?@])?(.*)/.exec(g);a.push({type:1,index:i,name:D[2],strings:$,ctor:D[1]==="."?et:D[1]==="?"?rt:D[1]==="@"?st:C}),s.removeAttribute(h)}else h.startsWith(x)&&(a.push({type:6,index:i}),s.removeAttribute(h));if(kt.test(s.tagName)){let h=s.textContent.split(x),g=h.length-1;if(g>0){s.textContent=W?W.emptyScript:"";for(let $=0;$<g;$++)s.append(h[$],L()),A.nextNode(),a.push({type:2,index:++i});s.append(h[g],L())}}}else if(s.nodeType===8)if(s.data===Ct)a.push({type:2,index:i});else{let h=-1;for(;(h=s.data.indexOf(x,h+1))!==-1;)a.push({type:7,index:i}),h+=x.length-1}i++}}static createElement(t,e){let r=S.createElement("template");return r.innerHTML=t,r}};function P(n,t,e=n,r){if(t===w)return t;let s=r!==void 0?e._$Co?.[r]:e._$Cl,i=U(t)?void 0:t._$litDirective$;return s?.constructor!==i&&(s?._$AO?.(!1),i===void 0?s=void 0:(s=new i(n),s._$AT(n,e,r)),r!==void 0?(e._$Co??=[])[r]=s:e._$Cl=s),s!==void 0&&(t=P(n,s._$AS(n,t.values),s,r)),t}var tt=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??S).importNode(e,!0);A.currentNode=s;let i=A.nextNode(),o=0,l=0,a=r[0];for(;a!==void 0;){if(o===a.index){let d;a.type===2?d=new z(i,i.nextSibling,this,t):a.type===1?d=new a.ctor(i,a.name,a.strings,this,t):a.type===6&&(d=new nt(i,this,t)),this._$AV.push(d),a=r[++l]}o!==a?.index&&(i=A.nextNode(),o++)}return A.currentNode=S,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++}},z=class n{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,r,s){this.type=2,this._$AH=c,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=P(this,t,e),U(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==w&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Zt(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!==c&&U(this._$AH)?this._$AA.nextSibling.data=t:this.T(S.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=H.createElement(Mt(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===s)this._$AH.p(e);else{let i=new tt(s,this),o=i.u(this.options);i.p(e),this.T(o),this._$AH=i}}_$AC(t){let e=Et.get(t.strings);return e===void 0&&Et.set(t.strings,e=new H(t)),e}k(t){ot(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,s=0;for(let i of t)s===e.length?e.push(r=new n(this.O(L()),this.O(L()),this,this.options)):r=e[s],r._$AI(i),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=vt(t).nextSibling;vt(t).remove(),t=r}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},C=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,s,i){this.type=1,this._$AH=c,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=i,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=c}_$AI(t,e=this,r,s){let i=this.strings,o=!1;if(i===void 0)t=P(this,t,e,0),o=!U(t)||t!==this._$AH&&t!==w,o&&(this._$AH=t);else{let l=t,a,d;for(t=i[0],a=0;a<i.length-1;a++)d=P(this,l[r+a],e,a),d===w&&(d=this._$AH[a]),o||=!U(d)||d!==this._$AH[a],d===c?t=c:t!==c&&(t+=(d??"")+i[a+1]),this._$AH[a]=d}o&&!s&&this.j(t)}j(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},et=class extends C{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}},rt=class extends C{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==c)}},st=class extends C{constructor(t,e,r,s,i){super(t,e,r,s,i),this.type=5}_$AI(t,e=this){if((t=P(this,t,e,0)??c)===w)return;let r=this._$AH,s=t===c&&r!==c||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,i=t!==c&&(r===c||s);s&&this.element.removeEventListener(this.name,this,r),i&&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)}},nt=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){P(this,t)}};var Xt=it.litHtmlPolyfillSupport;Xt?.(H,z),(it.litHtmlVersions??=[]).push("3.3.2");var Nt=(n,t,e)=>{let r=e?.renderBefore??t,s=r._$litPart$;if(s===void 0){let i=e?.renderBefore??null;r._$litPart$=s=new z(t.insertBefore(L(),i),i,void 0,e??{})}return s._$AI(n),s};var lt=globalThis,v=class extends y{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=Nt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return w}};v._$litElement$=!0,v.finalized=!0,lt.litElementHydrateSupport?.({LitElement:v});var te=lt.litElementPolyfillSupport;te?.({LitElement:v});(lt.litElementVersions??=[]).push("4.2.2");var Rt=n=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,t)}):customElements.define(n,t)};var ee={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:V},re=(n=ee,t,e)=>{let{kind:r,metadata:s}=e,i=globalThis.litPropertyMetadata.get(s);if(i===void 0&&globalThis.litPropertyMetadata.set(s,i=new Map),r==="setter"&&((n=Object.create(n)).wrapped=!0),i.set(e.name,n),r==="accessor"){let{name:o}=e;return{set(l){let a=t.get.call(this);t.set.call(this,l),this.requestUpdate(o,a,n,!0,l)},init(l){return l!==void 0&&this.C(o,void 0,n,l),l}}}if(r==="setter"){let{name:o}=e;return function(l){let a=this[o];t.call(this,l),this.requestUpdate(o,a,n,!0,l)}}throw Error("Unsupported decorator location: "+r)};function F(n){return(t,e)=>typeof e=="object"?re(n,t,e):((r,s,i)=>{let o=s.hasOwnProperty(i);return s.constructor.createProperty(i,r),o?Object.getOwnPropertyDescriptor(s,i):void 0})(n,t,e)}var Y={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 Tt={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 ct=["Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces"],Qe=ct.map(n=>n.toLowerCase());var Ot=N`
+"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`
 	:host {
 		display: block;
 		container-type: inline-size;
@@ -82,104 +82,133 @@
 		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
 		outline-offset: 2px;
 	}
-`;function f(n,t,e,r){let s=r*Math.PI/180;return{x:n+e*Math.cos(s),y:t+e*Math.sin(s)}}function dt(n,t=1){return typeof n!="number"||!Number.isFinite(n)?"":n.toFixed(t).replace(/\.?0+$/,"")}var Lt={conjunction:"aspect-conjunction",sextile:"aspect-sextile",square:"aspect-square",trine:"aspect-trine",opposition:"aspect-opposition"};function Ut(n){return(n.type??"").toLowerCase().replace(/_/g,"-")}function k(n){return n?n.charAt(0).toUpperCase()+n.slice(1).toLowerCase():""}var ut=420,u=ut/2,pt=164,se=146,ht=120,J=96,ne=178,ie=196,b=class extends v{constructor(){super(...arguments);this.data=null;this.houseSystem="placidus"}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 m`<div class="roxy-empty" role="status">No chart data</div>`;let e=this.getPlanets(),r=this.data.aspects??[];return m`<div class="wrap">
+`;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">
 			<header>
 				<h2 class="title">Natal chart</h2>
-				${this.data.birthDetails?m`<div class="meta">
+				${this.data.birthDetails?u`<div class="meta">
 							${[this.data.birthDetails.date,this.data.birthDetails.time].filter(Boolean).join(" \xB7 ")}
-						</div>`:c}
+						</div>`:d}
 			</header>
-			<svg
-				viewBox="0 0 ${ut} ${ut}"
-				role="img"
-				aria-label="Natal chart wheel with twelve houses, planets, and aspects"
+			<div
+				class="tablist"
+				role="tablist"
+				aria-label="Natal chart views"
+				@keydown=${this.onTabKeyDown}
 			>
-				<title>Natal chart wheel</title>
-				<desc>
-					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=${u}
-					cy=${u}
-					r=${pt}
-					stroke-width="1.5"
-				/>
-				<circle
-					class="wheel-line"
-					cx=${u}
-					cy=${u}
-					r=${ht}
-					stroke-width="1"
-				/>
-				<circle
-					class="wheel-line"
-					cx=${u}
-					cy=${u}
-					r=${J-16}
-					stroke-width="0.5"
-				/>
-				${this.renderSpokes()} ${this.renderSigns()} ${this.renderHouseNumbers()}
-				${this.renderAspects(e,r)} ${this.renderPlanets(e)}
-				${this.renderAngles()}
-			</svg>
+				${["wheel","grid"].map(n=>u`<button
+						class="tab"
+						role="tab"
+						id="tab-${n}"
+						aria-selected=${s===n?"true":"false"}
+						aria-controls="panel-${n}"
+						tabindex=${s===n?"0":"-1"}
+						@click=${()=>{this.view=n}}
+					>
+						${n==="wheel"?"Wheel":"Aspect grid"}
+					</button>`)}
+			</div>
+			<div id="panel-${s}" role="tabpanel" aria-labelledby="tab-${s}">
+				${s==="wheel"?this.renderWheel(e,r):this.renderAspectGrid(e,r)}
+			</div>
 			<div class="legend">
 				<span>${e.length} planets</span>
 				<span>${r.length} aspects</span>
+				${this.data.houseSystem?u`<span>${this.data.houseSystem} houses</span>`:d}
 				<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>`}renderAngles(){let e=this.getAscendant(),r=this.getMidheaven(),s=[this.renderAngleMark(e,"ASC")];return r!==null&&s.push(this.renderAngleMark(r,"MC")),s}renderAngleMark(e,r){let s=this.toAngle(e),i=f(u,u,pt,s),o=f(u,u,ne,s),l=f(u,u,ie,s);return E`
+		</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 u`<svg
+			viewBox="0 0 ${bt} ${bt}"
+			role="img"
+			aria-label="Natal chart wheel with twelve houses, planets, and aspects"
+		>
+			<title>Natal chart wheel</title>
+			<desc>
+				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=${$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" />
+			${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">
+			<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>`})}
+					</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)`:""}`}>
+									<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`
 			<g>
-				<line class="angle-tick" x1=${i.x} y1=${i.y} x2=${o.x} y2=${o.y} />
-				<text class="angle-marker" x=${l.x} y=${l.y} text-anchor="middle" dominant-baseline="central">${r}</text>
+				<line class="angle-tick" x1=${n.x} y1=${n.y} x2=${i.x} y2=${i.y} />
+				<text class="angle-marker" x=${a.x} y=${a.y} text-anchor="middle" dominant-baseline="central">${r}</text>
 			</g>
-		`}renderSpokes(){return Array.from({length:12},(e,r)=>{let s=this.toAngle(r*30),i=f(u,u,ht,s),o=f(u,u,pt,s);return E`<line class="wheel-line" x1=${i.x} y1=${i.y} x2=${o.x} y2=${o.y} stroke-width="0.8" />`})}renderSigns(){return ct.map((e,r)=>{let s=this.toAngle(r*30+15),i=f(u,u,se,s);return E`<text class="sign-glyph" x=${i.x} y=${i.y} text-anchor="middle" dominant-baseline="central">${Tt[e]}</text>`})}renderHouseNumbers(){let e=Math.floor(this.getAscendant()/30);return Array.from({length:12},(r,s)=>{let i=this.toAngle(s*30+15),o=f(u,u,ht-12,i),l=(s-e+12)%12+1;return E`<text class="house-num" x=${o.x} y=${o.y} text-anchor="middle" dominant-baseline="central">${l}</text>`})}renderPlanets(e){return e.map(r=>{if(!Number.isFinite(r.longitude))return c;let s=this.toAngle(r.longitude),i=f(u,u,J,s),o=Y[k(r.name)]??r.name.slice(0,2),l=r.isRetrograde?" R":"",a=l?`${o}\u1D3F`:o;return E`<text class="planet-glyph" x=${i.x} y=${i.y} text-anchor="middle" dominant-baseline="central"><title>${r.name}${l}</title>${a}</text>`})}renderDetails(){let e=this.data?.summary,r=this.data?.aspectsInterpretation;if(!e&&!r)return c;let s=e?.retrogradePlanets??[],i=e?.elementDistribution??{},o=e?.modalityDistribution??{},l=Math.max(1,...Object.values(i)),a=Math.max(1,...Object.values(o));return m`<div class="details">
-			${e?.dominantElement||e?.dominantModality?m`<div class="pill-row">
-						${e.dominantElement?m`<span class="pill">Dominant element: ${e.dominantElement}</span>`:c}
-						${e.dominantModality?m`<span class="pill">Dominant modality: ${e.dominantModality}</span>`:c}
-					</div>`:c}
-			${r?m`<div class="pill-row">
+		`}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">
+			${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}
+			${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>`:c}
-			${s.length>0?m`<div class="pill-row">
-						${s.map(d=>{let p=Y[d]??d.slice(0,2);return m`<span class="pill pill--muted">${p} ${d} R</span>`})}
-					</div>`:c}
-			${r?.summary?m`<p class="summary">${r.summary}</p>`:c}
-			${Object.keys(i).length>0||Object.keys(o).length>0?m`<div class="dist-grid">
-						${Object.keys(i).length>0?m`<div class="dist-section">
-									<h3>Elements</h3>
-									${Object.entries(i).map(([d,p])=>m`<div class="dist-row">
-											<span>${d}</span>
-											<div class="dist-bar"><span style="width: ${Math.round(p/l*100)}%"></span></div>
-											<span>${p}</span>
-										</div>`)}
-								</div>`:c}
-						${Object.keys(o).length>0?m`<div class="dist-section">
-									<h3>Modalities</h3>
-									${Object.entries(o).map(([d,p])=>m`<div class="dist-row">
-											<span>${d}</span>
-											<div class="dist-bar"><span style="width: ${Math.round(p/a*100)}%"></span></div>
-											<span>${p}</span>
-										</div>`)}
-								</div>`:c}
-					</div>`:c}
-		</div>`}renderInterpretations(){let e=this.getPlanets().filter(r=>r.interpretation);return e.length===0?c:m`<section class="interpretations">
+					</div>`:d}
+			${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}
+			${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">
+			<thead>
+				<tr>
+					<th></th>
+					${s.map(a=>u`<th scope="col">${a.slice(0,3)}</th>`)}
+					<th scope="col">Total</th>
+				</tr>
+			</thead>
+			<tbody>
+				${r.map(a=>{let l=s.reduce((p,m)=>p+(i[a]?.[m]?.length??0),0);return u`<tr>
+						<th scope="row">${a}</th>
+						${s.map(p=>u`<td>${(i[a]?.[p]??[]).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>`)}
+					<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">
 			<h3>Planet readings</h3>
-			${e.map((r,s)=>{let i=r.interpretation,o=Y[k(r.name)]??"",l=dt(r.degree??0,1);return m`<details class="interp-card" name="natal-planet-readings" ?open=${s===0}>
-					<summary>${o} ${r.name} <small>${r.sign??""} ${l}</small></summary>
+			${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>
 					<div class="interp-body">
-						${i.summary?m`<p class="interp-summary">${i.summary}</p>`:c}
-						${i.detailed?m`<p class="interp-detail">${i.detailed}</p>`:c}
-						${i.keywords?.length?m`<div class="interp-keywords">${i.keywords.map(a=>m`<span class="kw">${a}</span>`)}</div>`:c}
+						${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}
 					</div>
 				</details>`})}
-		</section>`}renderAspects(e,r){let s=new Map;for(let i of e){if(typeof i.longitude!="number")continue;let o=k(i.name);o&&s.set(o,i.longitude)}return r.map(i=>{let o=s.get(k(i.planet1)),l=s.get(k(i.planet2));if(o===void 0||l===void 0)return c;let a=f(u,u,J-18,this.toAngle(o)),d=f(u,u,J-18,this.toAngle(l)),p=Ut(i),h=Lt[p]??"aspect-other",g=dt(i.orb,1);return E`<line class=${`aspect ${h}`} x1=${a.x} y1=${a.y} x2=${d.x} y2=${d.y}><title>${i.planet1} ${p||""} ${i.planet2}${g?` (orb ${g}\xB0)`:""}</title></line>`})}};b.styles=[Ot,N`
+		</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`
 			.wrap {
 				width: 100%;
 				display: grid;
@@ -224,12 +253,35 @@
 				font-family: var(--roxy-font-sans);
 			}
 
+			.planet-deg {
+				fill: var(--roxy-fg, #0a0a0a);
+				font-size: 7px;
+				font-family: var(--roxy-font-sans);
+			}
+
+			.planet-deg .retro {
+				fill: var(--roxy-danger, #dc2626);
+			}
+
 			.house-num {
 				fill: var(--roxy-muted, #71717a);
 				font-size: 9px;
 				font-family: var(--roxy-font-sans);
 			}
 
+			.cusp-deg {
+				fill: var(--roxy-muted, #71717a);
+				font-size: 6px;
+				font-family: var(--roxy-font-sans);
+			}
+
+			.tick {
+				stroke: var(--roxy-border, #e4e4e7);
+			}
+			.tick-major {
+				stroke: var(--roxy-secondary, #475569);
+			}
+
 			.aspect {
 				stroke-width: 0.8;
 				fill: none;
@@ -279,6 +331,78 @@
 				vertical-align: middle;
 			}
 
+			.tablist {
+				display: flex;
+				gap: 2px;
+				border-bottom: 2px solid var(--roxy-border, #e4e4e7);
+			}
+			.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);
+			}
+			.tab[aria-selected='true'] {
+				color: var(--roxy-accent-fg, #b45309);
+				border-bottom-color: var(--roxy-accent, #f59e0b);
+				font-weight: var(--roxy-weight-bold, 600);
+			}
+			.tab:hover:not([aria-selected='true']) {
+				color: var(--roxy-fg, #0a0a0a);
+			}
+
+			.grid-scroll {
+				overflow-x: auto;
+				-webkit-overflow-scrolling: touch;
+			}
+			table.aspect-grid {
+				border-collapse: collapse;
+				font-size: var(--roxy-text-xs, 0.75rem);
+				margin: 0 auto;
+			}
+			table.aspect-grid th,
+			table.aspect-grid td {
+				width: 1.6rem;
+				height: 1.6rem;
+				text-align: center;
+				border: 1px solid var(--roxy-border, #e4e4e7);
+				padding: 0;
+			}
+			table.aspect-grid th {
+				color: var(--roxy-secondary, #475569);
+				font-weight: var(--roxy-weight-bold, 600);
+			}
+			table.aspect-grid td.cell {
+				cursor: default;
+			}
+			table.aspect-grid td.empty {
+				background: color-mix(in srgb, var(--roxy-border, #e4e4e7) 18%, transparent);
+			}
+			table.aspect-grid td .asp {
+				font-size: 0.95em;
+				line-height: 1;
+			}
+			table.aspect-grid td.aspect-trine .asp,
+			table.aspect-grid td.aspect-sextile .asp {
+				color: var(--roxy-success, #16a34a);
+			}
+			table.aspect-grid td.aspect-square .asp,
+			table.aspect-grid td.aspect-opposition .asp {
+				color: var(--roxy-danger, #dc2626);
+			}
+			table.aspect-grid td.aspect-conjunction .asp {
+				color: var(--roxy-accent-fg, #b45309);
+			}
+			table.aspect-grid td.aspect-other .asp {
+				color: var(--roxy-muted, #71717a);
+			}
+
 			.details {
 				margin-top: var(--roxy-space-md, 1rem);
 			}
@@ -319,48 +443,37 @@
 				margin: var(--roxy-space-md, 1rem) 0;
 			}
 
-			.dist-grid {
-				display: grid;
-				grid-template-columns: 1fr 1fr;
-				gap: var(--roxy-space-md, 1rem);
+			.em-grid {
+				border-collapse: collapse;
+				font-size: var(--roxy-text-xs, 0.75rem);
+				width: 100%;
 			}
-
-			@container (max-width: 639px) {
-				.dist-grid {
-					grid-template-columns: 1fr;
-				}
+			.em-grid th,
+			.em-grid td {
+				border: 1px solid var(--roxy-border, #e4e4e7);
+				padding: 3px 5px;
+				text-align: center;
+				vertical-align: middle;
 			}
-
-			.dist-section h3 {
-				font-size: var(--roxy-text-xs, 0.75rem);
-				font-weight: var(--roxy-weight-bold, 600);
+			.em-grid th {
 				color: var(--roxy-muted, #71717a);
-				margin: 0 0 var(--roxy-space-xs, 0.25rem);
+				font-weight: var(--roxy-weight-bold, 600);
 				text-transform: uppercase;
-				letter-spacing: 0.05em;
+				letter-spacing: 0.04em;
 			}
-
-			.dist-row {
-				display: grid;
-				grid-template-columns: 4rem 1fr 1.5rem;
-				align-items: center;
-				gap: var(--roxy-space-xs, 0.25rem);
-				font-size: var(--roxy-text-xs, 0.75rem);
-				color: var(--roxy-fg, #0f172a);
-				margin-bottom: 4px;
+			.em-grid th[scope='row'] {
+				text-align: left;
 			}
-
-			.dist-bar {
-				background: color-mix(in srgb, var(--roxy-accent, #f59e0b) 20%, transparent);
-				height: 6px;
-				border-radius: 3px;
+			.em-grid td {
+				color: var(--roxy-accent, #f59e0b);
+				font-size: 0.95em;
+				line-height: 1.4;
+				min-width: 1.4rem;
 			}
-
-			.dist-bar > span {
-				display: block;
-				height: 100%;
-				background: var(--roxy-accent, #f59e0b);
-				border-radius: 3px;
+			.em-grid .em-total {
+				color: var(--roxy-fg, #0a0a0a);
+				font-weight: var(--roxy-weight-bold, 600);
+				background: color-mix(in srgb, var(--roxy-border, #e4e4e7) 25%, transparent);
 			}
 
 			.interpretations {
@@ -408,7 +521,7 @@
 				color: var(--roxy-accent-fg, #b45309);
 				font-size: var(--roxy-text-xs, 0.75rem);
 			}
-		`],I([F({attribute:!1})],b.prototype,"data",2),I([F({type:String,attribute:"house-system",reflect:!0})],b.prototype,"houseSystem",2),b=I([Rt("roxy-natal-chart")],b);return It(oe);})();
+		`],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);})();
 /*! Bundled license information:
 
 @lit/reactive-element/css-tag.js: