.kundli-container{box-sizing:border-box;aspect-ratio:1;background-color:#f8f8f8;border:1px solid #333;width:100%;max-width:500px;margin:0 auto;position:relative}.dark .kundli-container{background-color:#1a202c;border-color:#4a5568}.diagonal-square{transform-origin:50%;z-index:1;background-color:#0000;border:none;justify-content:center;align-items:center;width:50%;height:50%;display:flex;position:absolute;top:0;left:25%;transform:rotate(45deg)}.diagonal-square:before{content:"";box-sizing:border-box;background-color:#0000;border:0;border-bottom:2px solid #333;width:70.7%;height:70.7%}.diagonal-square-second{transform-origin:50%;z-index:1;background-color:#0000;border:none;justify-content:center;align-items:center;width:50%;height:50%;display:flex;position:absolute;top:25%;left:0;transform:rotate(45deg)}.diagonal-square-second:before{content:"";box-sizing:border-box;background-color:#0000;border-top:0;border-bottom:2px solid #333;border-left:2px solid #333;border-right:0;width:70.7%;height:70.7%}.diagonal-square-third{transform-origin:50%;z-index:1;background-color:#0000;border:none;justify-content:center;align-items:center;width:50%;height:50%;display:flex;position:absolute;top:50%;left:25%;transform:rotate(45deg)}.diagonal-square-third:before{content:"";box-sizing:border-box;background-color:#0000;border:0;border-left:2px solid #333;width:70.7%;height:70.7%}.diagonal-square-fourth{transform-origin:50%;z-index:1;background-color:#0000;border:none;justify-content:center;align-items:center;width:50%;height:50%;display:flex;position:absolute;top:25%;left:50%;transform:rotate(45deg)}.diagonal-square-fourth:before{content:"";box-sizing:border-box;background-color:#0000;border:2px solid #333;width:70.7%;height:70.7%}.triangle-shape{z-index:1;width:25%;height:50%;position:absolute;top:0;left:0}.triangle-2{z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpolygon points='0,0 100,0 50,50' fill='none' stroke='%23333333' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:51%;height:25%;position:absolute;top:0;left:0}.triangle-3{z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpolygon points='0,0 100,0 50,50' fill='none' stroke='%23333333' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:50%;height:25%;position:absolute;top:0;left:50%}.triangle-4{z-index:1;width:25%;height:50%;position:absolute;top:0;left:75%}.triangle-5{z-index:1;width:25%;height:50%;position:absolute;top:50%;left:75%}.triangle-6{z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpolygon points='50,0 0,50 100,50' fill='none' stroke='%23333333' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:50%;height:25%;position:absolute;top:75%;left:50%}.triangle-7{z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpolygon points='50,0 100,50 0,50' fill='none' stroke='%23333333' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:51%;height:25%;position:absolute;top:75%;left:0%}.triangle-8{z-index:1;width:25%;height:50%;position:absolute;top:50%;left:0%}.dignity-indicator{font-size:.85em;font-weight:700}.dignity-indicator.exalted{color:#3182ce}.dignity-indicator.debilitated{color:#e53e3e}.shape-content{text-align:center;box-sizing:border-box;color:#333;word-wrap:break-word;white-space:pre-line;z-index:15;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;font-size:clamp(10px,4vw,18px);line-height:1.05;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:rotate(0)}.shape-content-align-t4{justify-content:flex-start}.triangle-content{padding:6px 0;font-size:clamp(11px,3vw,16px)}.planet-symbol{font-size:.8em;font-weight:700}.planet-degrees{opacity:.85;color:#4a5568;font-size:.5em;font-weight:400}.planet-symbol.underline{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}@media (prefers-color-scheme:dark){.planet-degrees{color:#cbd5e0;opacity:.95}}.diagonal-square .shape-content,.diagonal-square-second .shape-content,.diagonal-square-third .shape-content,.diagonal-square-fourth .shape-content{transform:rotate(-45deg)}@container (width<=200px){.shape-content{padding:2px;font-size:12px}.triangle-content{padding:4px 2px;font-size:9px}}@container (width>=400px){.shape-content{padding:8px;font-size:16px}.triangle-content{padding:8px 3px;font-size:10px}}.diagonal-square,.diagonal-square-second,.diagonal-square-third,.diagonal-square-fourth,.triangle-shape,.triangle-2,.triangle-3,.triangle-4,.triangle-5,.triangle-6,.triangle-7,.triangle-8{pointer-events:auto}.shape-number.highlight-benefic{text-shadow:0 0 8px #10b98166;background-color:#10b98126;border-radius:50%;padding:2px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);color:#059669!important;z-index:20!important;font-weight:900!important;transform:scale(1.4)!important}.shape-number.highlight-malefic{text-shadow:0 0 8px #ef444466;background-color:#ef444426;border-radius:50%;padding:2px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);color:#dc2626!important;z-index:20!important;font-weight:900!important;transform:scale(1.4)!important}.planet-symbol-container{cursor:help;z-index:1;border-radius:4px;align-items:center;padding:0 2px;transition:all .2s;display:inline-flex;position:relative;pointer-events:auto!important}.planet-symbol-container:hover{color:#5b21b6;background-color:#0000000d;transform:scale(1.25);z-index:100!important}@media (prefers-color-scheme:dark){.planet-symbol-container:hover{color:#a78bfa;background-color:#ffffff26;z-index:100!important}.shape-number.highlight-benefic{text-shadow:0 0 8px #10b98199;background-color:#10b98140;color:#10b981!important}.shape-number.highlight-malefic{text-shadow:0 0 8px #ef444499;background-color:#ef444440;color:#ef4444!important}}.planet-symbol-container.highlight-benefic-planet{color:#059669!important;z-index:150!important;background-color:#10b98133!important;border-radius:6px!important;font-weight:900!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;transform:scale(1.3)!important;box-shadow:0 0 12px #10b98199,0 0 20px #10b9814d!important}.planet-symbol-container.highlight-malefic-planet{color:#dc2626!important;z-index:150!important;background-color:#ef444433!important;border-radius:6px!important;font-weight:900!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;transform:scale(1.3)!important;box-shadow:0 0 12px #ef444499,0 0 20px #ef44444d!important}@media (prefers-color-scheme:dark){.planet-symbol-container.highlight-benefic-planet{color:#10b981!important;background-color:#10b9814d!important;box-shadow:0 0 15px #10b981cc,0 0 25px #10b98166!important}.planet-symbol-container.highlight-malefic-planet{color:#ef4444!important;background-color:#ef44444d!important;box-shadow:0 0 15px #ef4444cc,0 0 25px #ef444466!important}}@media (width<=600px){.shape-number{width:20px;height:5px;font-size:10px}}@media (width<=400px){.shape-number{width:18px;height:3x;font-size:7px}}@media (width<=320px){.shape-number{width:18px;height:2x;font-size:5px}.triangle-content{padding:6px 0;font-size:clamp(8px,2vw,11px)}.chart-number{font-size:clamp(8px,2vw,11px)}}[data-radix-tooltip-content]{position:relative;z-index:99999!important}[data-radix-popper-content-wrapper]{z-index:99999!important}@media (prefers-color-scheme:dark){.kundli-container{background-color:#1f2937;border-color:#6b7280}.diagonal-square:before,.diagonal-square-second:before,.diagonal-square-third:before,.diagonal-square-fourth:before{border-color:#6b7280}.shape-content{color:#f3f4f6}.triangle-2,.triangle-3,.triangle-6,.triangle-7{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpolygon points='0,0 100,0 50,50' fill='none' stroke='%236b7280' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.triangle-6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpolygon points='50,0 0,50 100,50' fill='none' stroke='%236b7280' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.triangle-7{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpolygon points='50,0 100,50 0,50' fill='none' stroke='%236b7280' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}}@media print{.kundli-container,.kundli-container *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}}