/* Solid warm ivory; the settings surface stays legible over any wheel. */
#chartSettingsCard{position:fixed;inset:auto;margin:0;padding:0;box-sizing:border-box;border:1px solid #d4c5aa;border-radius:25px;background:#fffaf1!important;color:#27251f!important;box-shadow:0 24px 75px #0008,0 2px 9px #0003;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1;z-index:240;overflow:hidden;font-family:inherit;font-size:14px;line-height:1.5;min-width:0;max-width:calc(100vw - 24px)}
#chartSettingsCard[open]{display:flex;flex-direction:column}
#chartSettingsCard::backdrop{background:transparent}
#chartSettingsCard *{box-sizing:border-box}
#chartSettingsCard button,#chartSettingsCard input,#chartSettingsCard select{font:inherit;letter-spacing:normal}
#chartSettingsCard button{cursor:pointer;min-height:40px;box-shadow:none;text-transform:none;white-space:normal}
#chartSettingsCard button:disabled{cursor:default;opacity:.45}
#chartSettingsCard :is(button,input,select):focus-visible{outline:3px solid #7665ae;outline-offset:2px}
#chartSettingsCard .cs-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 20px 15px;background:#fffaf1;border-bottom:1px solid #e4dac8;flex-shrink:0}
#chartSettingsCard .cs-eyebrow{display:block;color:#8c7242;font-size:9px;letter-spacing:1.8px;font-weight:900}
#chartSettingsCard h2{font-size:22px;line-height:1.15;letter-spacing:-.5px;margin:6px 0 0;color:#28251e;font-weight:900}
#chartSettingsCard .cs-close{display:grid;place-items:center;width:36px;min-height:36px;flex-shrink:0;border:1px solid #d8ccb7;background:#f0e8d9;color:#3e3628;font-size:25px;font-weight:500;border-radius:50%;padding:0}
#chartSettingsCard .cs-close:hover{background:#e8dcc5}
#chartSettingsCard .cs-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:7px 20px;background:#f5eddf;color:#84745b;font-size:9px;flex-shrink:0}
#chartSettingsCard .cs-breadcrumb button{border:0;background:none;color:#725a32;padding:0;min-height:25px;font-size:12px;font-weight:900;border-radius:5px}
#chartSettingsCard .cs-live{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:900;letter-spacing:1px;color:#497a65}
#chartSettingsCard .cs-live i{width:5px;height:5px;border-radius:50%;background:#4d9975;box-shadow:0 0 0 3px #4d99751a}
#chartSettingsCard .cs-content{padding:17px 19px 22px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#cabb9f #fffaf1;flex:1}
#chartSettingsCard p{color:#746751;font-size:12px;line-height:1.7;margin:0 0 12px}
#chartSettingsCard h3{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#897044;margin:23px 0 11px;font-weight:900}
#chartSettingsCard .cs-intro{display:flex;align-items:flex-start;gap:12px;margin:1px 0 15px}
#chartSettingsCard .cs-intro b{font-size:13px;font-weight:900;color:#413627}
#chartSettingsCard .cs-intro p{font-size:11px;margin:3px 0 0;color:#8a795f}
#chartSettingsCard .cs-orbit{display:grid;place-items:center;width:37px;height:37px;border:1px solid #cfb780;background:#f1e4c7;border-radius:13px;font-size:24px;color:#8d6b32;flex-shrink:0}
#chartSettingsCard .cs-search input{display:block;width:100%;margin:0 0 13px;padding:11px 13px;border-radius:13px;border:1px solid #dfd2ba;background:#fffef9;color:#332c20;font-size:14px;min-width:0}
#chartSettingsCard .cs-menu{display:grid;gap:2px}
#chartSettingsCard .cs-menu>button{display:grid;grid-template-columns:33px minmax(0,1fr) 10px;gap:9px;align-items:center;width:100%;text-align:start;border:0;border-bottom:1px solid #e9dfce;border-radius:0;background:transparent;color:#342d24;padding:12px 0}
#chartSettingsCard .cs-menu>button:hover{background:#f1e8d8;border-radius:10px}
#chartSettingsCard .cs-menu>button:last-child{border-bottom:0}
#chartSettingsCard .cs-menu-icon{display:grid;place-items:center;color:#987c44;font-size:23px;font-weight:500}
#chartSettingsCard .cs-menu b{display:block;font-size:13px;font-weight:900;color:#373024}
#chartSettingsCard .cs-menu small{display:block;font-size:9px;line-height:1.6;color:#938267;margin-top:2px}
#chartSettingsCard .cs-menu i{font-size:22px;font-style:normal;color:#ac9979}
#chartSettingsCard .cs-field{display:block;min-width:0;margin-bottom:16px;font-size:11px;font-weight:900;letter-spacing:.1px;color:#6d5b3d}
#chartSettingsCard .cs-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
#chartSettingsCard .cs-field small{display:block;color:#95856b;font-size:10px;font-weight:500;line-height:1.7;margin-top:6px}
#chartSettingsCard .cs-field :is(input:not([type=range]):not([type=color]),select){display:block;width:100%;max-width:100%;min-width:0;padding:11px 12px;margin:0;border:1px solid #ddcfb4;border-radius:12px;background:#fffef9;color:#3b3120;font-size:13px;font-weight:700;min-height:43px;box-shadow:0 1px 2px #82622d07}
#chartSettingsCard .cs-field select{padding-inline-end:25px;text-overflow:ellipsis}
#chartSettingsCard .cs-field input[type=file]{font-size:11px!important}
#chartSettingsCard .cs-field input[type=range]{display:block;width:100%;margin:5px 0 0;padding:0;height:26px;accent-color:#a68846;background:none;border:0}
#chartSettingsCard .cs-field input[type=color]{display:block;width:100%;height:38px;border:1px solid #d7c8ae;border-radius:10px;padding:4px;margin:0;background:#fffdf7;cursor:pointer}
#chartSettingsCard output{font-size:11px;font-variant-numeric:tabular-nums;font-weight:900;color:#9b7a38}
#chartSettingsCard .cs-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e7ddca;cursor:pointer;margin:0;color:#4a3d29;font-weight:700;min-width:0}
#chartSettingsCard .cs-toggle b{display:block;font-size:12px;line-height:1.6;font-weight:800}
#chartSettingsCard .cs-toggle small{display:block;font-size:10px;color:#92816a;font-weight:500}
#chartSettingsCard .cs-toggle input{position:absolute;inset-inline-end:0;opacity:0;width:39px;height:29px;padding:0;margin:0;cursor:pointer}
#chartSettingsCard .cs-toggle i{display:block;position:relative;flex-shrink:0;width:37px;height:22px;border-radius:50px;background:#d7ccba;box-shadow:inset 0 1px 2px #0001;transition:background .18s}
#chartSettingsCard .cs-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fffef8;box-shadow:0 1px 3px #0002;transition:transform .18s}
#chartSettingsCard .cs-toggle:has(input:checked) i{background:#a38c53}
#chartSettingsCard .cs-toggle:has(input:checked) i:after{transform:translateX(15px)}
#chartSettingsCard .cs-toggle:has(input:focus-visible) i{outline:3px solid #7665ae;outline-offset:3px}
#chartSettingsCard .cs-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
#chartSettingsCard .cs-colours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
#chartSettingsCard .cs-note{font-size:10px;line-height:1.8;border:1px solid #e4d6bd;border-radius:12px;background:#f5eddd;color:#8a734f;padding:10px 12px;margin:0 0 15px}
#chartSettingsCard .cs-readonly{padding:12px;border:1px solid #e0d4bc;border-radius:12px;background:#f2eadb;color:#7d6842;font-size:13px}
#chartSettingsCard .cs-quick{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}
#chartSettingsCard .cs-quick button{border:1px solid #ddcda9;background:#f4ead3;color:#8d6d30;border-radius:12px;padding:8px 10px;font-size:10px;font-weight:900;flex:1;min-height:36px}
#chartSettingsCard .cs-action{display:block;width:100%;border:1px solid #d7c08f;background:#eee1bf;color:#735827;border-radius:12px;padding:11px 12px;margin:12px 0;font-size:11px;font-weight:900}
#chartSettingsCard .cs-action:hover,#chartSettingsCard .cs-quick button:hover{background:#e8d8b0}
#chartSettingsCard .cs-reset{border:0;border-bottom:1px solid #d5c4a5;background:transparent;color:#8c6742;font-size:10px;padding:9px 0;margin:14px 0}
#chartSettingsCard .cs-presets button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:start;border:1px solid #e2d6bf;background:#fffdf7;color:#75603c;border-radius:11px;padding:10px 12px;margin:6px 0;font-size:12px}
#chartSettingsCard .cs-angle-picks{display:flex;gap:6px;flex-wrap:wrap}
#chartSettingsCard .cs-angle-picks label{position:relative;cursor:pointer;font-size:11px;color:#9c8765;min-width:42px}
#chartSettingsCard .cs-angle-picks input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
#chartSettingsCard .cs-angle-picks span{display:block;border:1px solid #e1d5bf;background:#fffdf8;padding:7px 8px;border-radius:10px;text-align:center}
#chartSettingsCard .cs-angle-picks input:checked+span{border-color:#bfa36c;background:#ede0be;color:#775b2a;font-weight:900}
#chartSettingsCard .cs-angle-picks input:focus-visible+span{outline:3px solid #7665ae;outline-offset:2px}
#chartSettingsCard .cs-footer{display:block!important;flex-shrink:0;padding:11px 18px 14px;border-top:1px solid #dfd0b5;background:#f7efdf}
#chartSettingsCard .cs-footer p{font-size:9px;color:#7e8a65;margin:0 0 9px;line-height:1.5}
#chartSettingsCard .cs-footer p.is-error{color:#ac4e3e}
#chartSettingsCard .cs-footer>div{display:flex;gap:7px;align-items:center}
#chartSettingsCard .cs-footer button{border:1px solid #dbc9a7;background:#fffaf0;color:#8b7041;border-radius:10px;padding:7px 10px;font-size:10px;min-height:32px;font-weight:900}
#chartSettingsCard .cs-footer .cs-done{margin-inline-start:auto;background:#9c814a;border-color:#9c814a;color:#fff9ec;padding-inline:14px}
.chart-layer-tabs .chart-settings-trigger{display:inline-flex;align-items:center;gap:6px;border-color:#dac48b55;color:#f3deb0;background:linear-gradient(145deg,#352b1b,#15110b)}
.chart-layer-tabs .chart-settings-trigger[aria-expanded=true]{color:#332610;background:#f7e8c9;border-color:#fff2d7}
.chart-workspace .chart-scoped-wheel{max-width:var(--chart-max-width,560px);width:100%;margin-inline:auto}
.chart-coordinate{font-family:inherit;fill:#fff3d3;paint-order:stroke;stroke:#111114;stroke-width:2px;stroke-linejoin:round;letter-spacing:0;font-weight:800;font-variant-numeric:tabular-nums}
.house-coordinate{fill:#f6eccf;stroke:#535458;stroke-width:1.2px}
.chart-context-details{text-align:center;display:grid;gap:14px;padding-inline:8px}
.chart-context-frame{display:flex;flex-direction:column;gap:3px;min-width:0}
.chart-context-kind{font-size:.65rem;letter-spacing:.08em;color:#e6cf9e;margin-bottom:3px}
.chart-context-fact bdi{color:#e5ddce;font-variant-numeric:tabular-nums}
.chart-context-unknown{max-width:36em;margin-inline:auto}
.chart-context-dual{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:640px){.chart-context-dual{grid-template-columns:minmax(0,1fr);gap:18px}.chart-context-frame{gap:4px}}
.chart-ivory .planet-coordinate,.chart-ivory .planet-name,.chart-ivory .angle-coordinate{fill:#332819;stroke:#fffaf0;stroke-width:2px}
.chart-aspect-label{paint-order:stroke;stroke:#08080a;stroke-width:2px;stroke-linejoin:round;font-weight:900}
.chart-ivory .chart-aspect-label{stroke:#fffaf0}
.chart-position-tables{display:grid;gap:12px;margin:17px auto;max-width:var(--chart-max-width,560px)}
.chart-position-table{min-width:0;padding:11px 10px;border:1px solid #cfb37333;background:#111014;border-radius:14px}
.chart-position-table h3{font-size:.76rem;color:#f0d99e;margin:0 0 7px}
.chart-position-table .data{font-size:.63rem;white-space:normal}
.chart-position-table .data th,.chart-position-table .data td{padding:7px 5px;font-variant-numeric:tabular-nums}
.chart-position-table .data td:nth-child(2){white-space:nowrap;color:#ebddc2}
.chart-position-table .data td small{display:block;font-size:.51rem;color:#a799b9}
.profile-wheel:has(>.chart-workspace){max-width:none}
@media(prefers-reduced-motion:reduce){#chartSettingsCard *{transition:none!important}}
@media(max-width:430px){#chartSettingsCard{border-radius:22px;font-size:13px}#chartSettingsCard .cs-header{padding:16px 16px 13px}#chartSettingsCard .cs-content{padding:13px 15px 18px}#chartSettingsCard .cs-breadcrumb{padding-inline:16px}#chartSettingsCard .cs-field :is(input:not([type=range]):not([type=color]),select){font-size:16px}#chartSettingsCard .cs-menu small{font-size:10px}#chartSettingsCard .cs-menu b{font-size:14px}}

#chartSettingsCard .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}