[data-theme=classic]{--astro-color-bg: #ffffff;--astro-color-paper: #ffffff;--astro-color-text: #000000;--astro-color-classic-yellow: #FFFFF1;--astro-color-classic-skyblue: #f3feff;--astro-color-classic-blue: #e1fefe;--astro-color-sun: #000000;--astro-color-moon: #000000;--astro-color-mercury: #000000;--astro-color-venus: #000000;--astro-color-mars: #000000;--astro-color-jupiter: #000000;--astro-color-saturn: #000000;--astro-color-uranus: #000000;--astro-color-neptune: #000000;--astro-color-pluto: #000000;--astro-color-mean-node: #000000;--astro-color-true-node: #000000;--astro-color-aspect-conj: #FFD700;--astro-color-aspect-opp: #FF0000;--astro-color-aspect-trine: #0000FF;--astro-color-aspect-square: #FF0000;--astro-color-aspect-sextile: #0000FF;--astro-color-aspect-minor: #008000;--astro-color-fire: #FF4500;--astro-color-earth: #228B22;--astro-color-air: #FFD700;--astro-color-water: #1E90FF}[data-theme=classic] .astro-zodiac-ring{fill:none;stroke:#000;stroke-width:1px;stroke-opacity:1}[data-theme=classic] .astro-zodiac-glyph{font-weight:700;font-size:25px}[data-theme=classic] .astro-zodiac-glyph.fire{fill:var(--astro-color-fire)}[data-theme=classic] .astro-zodiac-glyph.earth{fill:var(--astro-color-earth)}[data-theme=classic] .astro-zodiac-glyph.air{fill:var(--astro-color-air)}[data-theme=classic] .astro-zodiac-glyph.water{fill:var(--astro-color-water)}[data-theme=classic] .astro-house-line{stroke:#000;opacity:.7;stroke-dasharray:none}[data-theme=classic] .astro-house-line.angle{stroke:#000;stroke-width:2px;stroke-opacity:1}[data-theme=classic] .astro-planet-symbol{font-family:serif;fill:#000;font-size:25px}[data-theme=classic] .astro-planet-degree{font-size:13px;font-family:sans-serif}[data-theme=classic] .astro-marker{stroke:#000;stroke-width:1px;stroke-opacity:.6}[data-theme=classic] .astro-aspect-line{stroke-width:1.2px;stroke-opacity:.6}[data-theme=classic] .astro-house-label{font-size:11px;opacity:.8}[data-theme=classic] .astro-angle-label{font-size:12px}[data-theme=classic] .astro-angle-degree{font-size:10px}[data-theme=classic] .astro-zodiac-line{stroke:var(--astro-color-text);stroke-opacity:.8}[data-theme=classic] .astro-aspect-conj{stroke:gold}[data-theme=classic] .astro-aspect-opp,[data-theme=classic] .astro-aspect-trine{stroke:#00f}[data-theme=classic] .astro-aspect-square{stroke:red}[data-theme=classic] .astro-aspect-sextile{stroke:#00f;stroke-dasharray:2,2}[data-theme=classic] .astro-aspect-minor{stroke:green;stroke-dasharray:1,2}[data-theme=modern]{--astro-color-bg: #ffffff;--astro-color-paper: #ffffff;--astro-color-text: #000000;--astro-color-sun: #000000;--astro-color-moon: #000000;--astro-color-mercury: #000000;--astro-color-venus: #000000;--astro-color-mars: #000000;--astro-color-jupiter: #000000;--astro-color-saturn: #000000;--astro-color-uranus: #000000;--astro-color-neptune: #000000;--astro-color-pluto: #000000;--astro-color-mean-node: #000000;--astro-color-true-node: #000000;--astro-color-aspect-conj: #333333;--astro-color-aspect-opp: #333333;--astro-color-aspect-trine: #999999;--astro-color-aspect-square: #666666;--astro-color-aspect-sextile: #cccccc;--astro-color-aspect-minor: #cccccc}[data-theme=modern] .astro-zodiac-ring{fill:#000;stroke:none}[data-theme=modern] .astro-zodiac-label{fill:#fff;font-family:sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.5px}[data-theme=modern] .astro-house-line{stroke:#ccc;stroke-width:.5px;stroke-dasharray:none}[data-theme=modern] .astro-house-line.angle{stroke:#999;stroke-width:1px}[data-theme=modern] .astro-house-label,[data-theme=modern] .astro-house-ring{display:none}[data-theme=modern] .astro-planet-symbol{font-family:serif;fill:#000;font-weight:400;font-size:30px}[data-theme=modern] .astro-planet-degree,[data-theme=modern] .astro-planet-minute,[data-theme=modern] .astro-planet-zodiac{display:none}[data-theme=modern] .astro-marker{stroke:#000;stroke-width:.8px;stroke-linecap:round}[data-theme=modern] .astro-aspect-line{stroke-width:.5px;opacity:1}[data-theme=modern] .astro-aspect-tick{stroke:#999;stroke-width:1px}[data-theme=modern] .astro-aspect-conj{stroke-dasharray:none}[data-theme=modern] .astro-aspect-opp{stroke-dasharray:4,2}[data-theme=modern] .astro-aspect-trine{stroke-dasharray:6,3}[data-theme=modern] .astro-aspect-square{stroke-dasharray:8,2}[data-theme=modern] .astro-aspect-sextile{stroke-dasharray:1,5}:root,[data-theme=light]{--astro-color-bg: #ffffff;--astro-color-paper: #ffffff;--astro-color-text: #333333;--astro-color-sun: #FFD700;--astro-color-moon: #909090;--astro-color-mercury: #87CEEB;--astro-color-venus: #FF69B4;--astro-color-mars: #FF4500;--astro-color-jupiter: #DAA520;--astro-color-saturn: #696969;--astro-color-uranus: #40E0D0;--astro-color-neptune: #4169E1;--astro-color-pluto: #8B0000;--astro-color-chiron: #9ACD32;--astro-color-mean-node: #A52A2A;--astro-color-true-node: #A52A2A;--astro-color-mean-lilith: #000000;--astro-color-vertex: #666666;--astro-color-anti-vertex: #666666;--astro-color-pars-fortunae: #333333;--astro-color-aspect-conj: #FFD700;--astro-color-aspect-opp: #FF4500;--astro-color-aspect-trine: #32CD32;--astro-color-aspect-square: #FF0000;--astro-color-aspect-sextile: #1E90FF;--astro-color-aspect-minor: #A9A9A9;--astro-color-fire: #e44d2e;--astro-color-earth: #955e1c;--astro-color-air: #87ceeb;--astro-color-water: #27ae60;--astro-color-zodiac-0: #333333;--astro-color-zodiac-1: #333333;--astro-color-zodiac-2: #333333;--astro-color-zodiac-3: #333333;--astro-color-zodiac-4: #333333;--astro-color-zodiac-5: #333333;--astro-color-zodiac-6: #333333;--astro-color-zodiac-7: #333333;--astro-color-zodiac-8: #333333;--astro-color-zodiac-9: #333333;--astro-color-zodiac-10: #333333;--astro-color-zodiac-11: #333333}.astro-chart{background-color:var(--astro-color-bg)}text{font-family:sans-serif;fill:var(--astro-color-text)}.astro-zodiac-ring{fill:none;stroke:var(--astro-color-text);stroke-opacity:.4;stroke-width:1px}.astro-zodiac-line{stroke:var(--astro-color-text);stroke-opacity:.2;stroke-width:1px}.astro-zodiac-glyph{font-size:22px;text-anchor:middle;dominant-baseline:central;fill:var(--astro-color-text)}.astro-zodiac-sign-bg{fill-opacity:.2;stroke:none}.astro-zodiac-sign-bg.fire{fill:var(--astro-color-fire)}.astro-zodiac-sign-bg.earth{fill:var(--astro-color-earth)}.astro-zodiac-sign-bg.air{fill:var(--astro-color-air)}.astro-zodiac-sign-bg.water{fill:var(--astro-color-water)}.astro-degree-tick{stroke:var(--astro-color-text);stroke-width:.5px;opacity:.2}.astro-degree-tick.major{opacity:.5}.astro-degree-tick.medium{opacity:.3}.astro-house-ring{fill:none;stroke:var(--astro-color-text);stroke-width:.5px;stroke-opacity:.5}.astro-house-line{stroke:var(--astro-color-text);stroke-width:.8px;opacity:.5;stroke-dasharray:3,3}.astro-house-line.angle{stroke-width:1.5px;opacity:.5;stroke-dasharray:none}.astro-house-label{fill:var(--astro-color-text);font-size:8px;text-anchor:middle;dominant-baseline:middle;opacity:.4}.astro-angle-label{fill:var(--astro-color-text);font-size:8px;font-weight:700;text-anchor:middle;dominant-baseline:middle;opacity:.8;stroke:var(--astro-color-bg);stroke-width:3px;paint-order:stroke fill}.astro-angle-degree{fill:var(--astro-color-text);font-size:9px;text-anchor:middle;dominant-baseline:middle;opacity:.8;stroke:var(--astro-color-bg);stroke-width:3px;paint-order:stroke fill}.astro-planet-symbol{font-size:20px;text-anchor:middle;dominant-baseline:central;fill:inherit;stroke:none}.astro-planet-tick{stroke-width:.8px;stroke-opacity:.6}.astro-planet-indicator{font-size:8px;fill:inherit;stroke:none}.astro-planet-degree{font-size:14px;text-anchor:middle;dominant-baseline:middle;opacity:.6;stroke:none}.astro-planet-zodiac{font-size:14px;text-anchor:middle;dominant-baseline:middle;opacity:.8;stroke:none}.astro-planet-minute{font-size:12px;text-anchor:middle;dominant-baseline:middle;opacity:.5;stroke:none}.astro-inner-ring{stroke:var(--astro-color-text);stroke-width:.5px;opacity:.5}.astro-marker{stroke-width:.8px;stroke-opacity:.4;stroke:var(--astro-color-text)}.astro-aspect-line{stroke-width:1px;stroke-opacity:.6;fill:none}.astro-aspect-symbol{font-size:14px;text-anchor:middle;dominant-baseline:central;opacity:1}.astro-aspect-conj{stroke:var(--astro-color-aspect-conj);fill:var(--astro-color-aspect-conj)}.astro-aspect-opp{stroke:var(--astro-color-aspect-opp);fill:var(--astro-color-aspect-opp)}.astro-aspect-trine{stroke:var(--astro-color-aspect-trine);fill:var(--astro-color-aspect-trine)}.astro-aspect-square{stroke:var(--astro-color-aspect-square);fill:var(--astro-color-aspect-square)}.astro-aspect-sextile{stroke:var(--astro-color-aspect-sextile);fill:var(--astro-color-aspect-sextile)}.astro-aspect-minor{stroke:var(--astro-color-aspect-minor);fill:var(--astro-color-aspect-minor)}.astro-planet-sun{fill:var(--astro-color-sun);stroke:var(--astro-color-sun)}.astro-planet-sun .astro-marker{stroke:var(--astro-color-sun)}.astro-planet-moon{fill:var(--astro-color-moon);stroke:var(--astro-color-moon)}.astro-planet-moon .astro-marker{stroke:var(--astro-color-moon)}.astro-planet-mercury{fill:var(--astro-color-mercury);stroke:var(--astro-color-mercury)}.astro-planet-mercury .astro-marker{stroke:var(--astro-color-mercury)}.astro-planet-venus{fill:var(--astro-color-venus);stroke:var(--astro-color-venus)}.astro-planet-venus .astro-marker{stroke:var(--astro-color-venus)}.astro-planet-mars{fill:var(--astro-color-mars);stroke:var(--astro-color-mars)}.astro-planet-mars .astro-marker{stroke:var(--astro-color-mars)}.astro-planet-jupiter{fill:var(--astro-color-jupiter);stroke:var(--astro-color-jupiter)}.astro-planet-jupiter .astro-marker{stroke:var(--astro-color-jupiter)}.astro-planet-saturn{fill:var(--astro-color-saturn);stroke:var(--astro-color-saturn)}.astro-planet-saturn .astro-marker{stroke:var(--astro-color-saturn)}.astro-planet-uranus{fill:var(--astro-color-uranus);stroke:var(--astro-color-uranus)}.astro-planet-uranus .astro-marker{stroke:var(--astro-color-uranus)}.astro-planet-neptune{fill:var(--astro-color-neptune);stroke:var(--astro-color-neptune)}.astro-planet-neptune .astro-marker{stroke:var(--astro-color-neptune)}.astro-planet-pluto{fill:var(--astro-color-pluto);stroke:var(--astro-color-pluto)}.astro-planet-pluto .astro-marker{stroke:var(--astro-color-pluto)}.astro-planet-chiron{fill:var(--astro-color-chiron);stroke:var(--astro-color-chiron)}.astro-planet-chiron .astro-marker{stroke:var(--astro-color-chiron)}.astro-planet-mean-node{fill:var(--astro-color-mean-node);stroke:var(--astro-color-mean-node)}.astro-planet-mean-node .astro-marker{stroke:var(--astro-color-mean-node)}.astro-planet-true-node{fill:var(--astro-color-true-node);stroke:var(--astro-color-true-node)}.astro-planet-true-node .astro-marker{stroke:var(--astro-color-true-node)}.astro-planet-lilith-mean{fill:var(--astro-color-mean-lilith);stroke:var(--astro-color-mean-lilith)}.astro-planet-lilith-mean .astro-marker{stroke:var(--astro-color-mean-lilith)}.astro-planet-lilith-true{fill:var(--astro-color-mean-lilith);stroke:var(--astro-color-mean-lilith)}.astro-planet-lilith-true .astro-marker{stroke:var(--astro-color-mean-lilith)}.astro-planet-vertex{fill:var(--astro-color-vertex);stroke:var(--astro-color-vertex)}.astro-planet-vertex .astro-marker{stroke:var(--astro-color-vertex)}.astro-planet-anti-vertex{fill:var(--astro-color-anti-vertex);stroke:var(--astro-color-anti-vertex)}.astro-planet-anti-vertex .astro-marker{stroke:var(--astro-color-anti-vertex)}.astro-planet-pars-fortunae{fill:var(--astro-color-pars-fortunae);stroke:var(--astro-color-pars-fortunae)}.astro-planet-pars-fortunae .astro-marker{stroke:var(--astro-color-pars-fortunae)}[data-theme=dark]{--astro-color-bg: #1a1a1a;--astro-color-paper: #2d2d2d;--astro-color-text: #e0e0e0;--astro-color-sun: #FFD700;--astro-color-moon: #d3d3d3;--astro-color-mercury: #87CEEB;--astro-color-venus: #FF69B4;--astro-color-mars: #FF4500;--astro-color-jupiter: #DAA520;--astro-color-saturn: #a9a9a9;--astro-color-uranus: #40E0D0;--astro-color-neptune: #4169E1;--astro-color-pluto: #ff6b6b;--astro-color-chiron: #9ACD32;--astro-color-mean-node: #cd5c5c;--astro-color-true-node: #cd5c5c;--astro-color-mean-lilith: #808080;--astro-color-vertex: #a0a0a0;--astro-color-anti-vertex: #a0a0a0;--astro-color-pars-fortunae: #e0e0e0;--astro-color-aspect-conj: #FFD700;--astro-color-aspect-opp: #FF4500;--astro-color-aspect-trine: #32CD32;--astro-color-aspect-square: #FF0000;--astro-color-aspect-sextile: #1E90FF;--astro-color-aspect-minor: #808080;--astro-color-fire: #ff6347;--astro-color-earth: #deb887;--astro-color-air: #87cefa;--astro-color-water: #2e8b57;--astro-color-zodiac-0: #e0e0e0;--astro-color-zodiac-1: #e0e0e0;--astro-color-zodiac-2: #e0e0e0;--astro-color-zodiac-3: #e0e0e0;--astro-color-zodiac-4: #e0e0e0;--astro-color-zodiac-5: #e0e0e0;--astro-color-zodiac-6: #e0e0e0;--astro-color-zodiac-7: #e0e0e0;--astro-color-zodiac-8: #e0e0e0;--astro-color-zodiac-9: #e0e0e0;--astro-color-zodiac-10: #e0e0e0;--astro-color-zodiac-11: #e0e0e0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333}.demo-layout{display:grid;grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;height:100vh}.demo-header{grid-column:1 / -1;background-color:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;flex-wrap:wrap;z-index:10}.demo-header-left{display:flex;align-items:center;gap:15px}.demo-header h3{margin:0;color:#333;white-space:nowrap}.demo-header-controls{display:flex;gap:12px;align-items:center}.demo-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:0;color:#333}.demo-sidebar{background-color:#fff;border-right:1px solid #ddd;padding:20px;overflow-y:auto}.demo-sidebar-overlay{display:none}.demo-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background-color:#fafafa}.demo-content svg{max-width:100%;height:auto}.demo-nav-item{display:block;padding:10px 15px;margin-bottom:5px;border-radius:6px;cursor:pointer;text-decoration:none;color:#555;font-weight:500}.demo-nav-item:hover{background-color:#f0f0f0}.demo-nav-item.active{background-color:#e6f0ff;color:#06c}.demo-section-title{font-size:.85em;text-transform:uppercase;color:#999;margin:20px 0 10px;font-weight:700;letter-spacing:.05em}.demo-control-group{display:flex;align-items:center;gap:10px}.demo-control-group label{font-size:.9em;color:#666;white-space:nowrap}.demo-input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.date-input{padding:2px 4px}.coord-input{width:50px;padding:2px 4px}.size-input{width:80px}.size-label{font-size:11px;color:#666;min-width:35px}@media(max-width:768px){.demo-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.demo-menu-btn{display:block}.demo-header{padding:10px 15px;flex-direction:column;align-items:stretch;gap:10px}.demo-header-left{gap:15px}.demo-header-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;background-color:#f9f9f9;padding:12px;border-radius:8px;box-sizing:border-box}.demo-control-group{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0}.demo-control-group:nth-child(1){grid-column:1 / -1}.demo-control-group:nth-child(4){grid-column:1 / -1}.demo-control-group label{min-width:35px}.demo-input{flex:1;width:100%;box-sizing:border-box}.coord-input{width:100%}.demo-input.size-input{flex:1}.demo-sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #0000001a}.demo-sidebar.open{transform:translate(0)}.demo-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:999;display:block;opacity:0;pointer-events:none;transition:opacity .3s ease}.demo-sidebar-overlay.open{opacity:1;pointer-events:auto}.demo-content{padding:10px}}