:root{font-synthesis:none;text-rendering:optimizelegibility;--vj-parchment:#f3e4c4;--vj-parchment-dark:#e8d5a8;--vj-maroon:#6b1d1d;--vj-maroon-deep:#4a1414;--vj-gold:#c9962c;--vj-ink:#3b2417;--vj-teal:#2f5233;--vj-ivory:#fffdf7;--vj-font-display:"Noto Serif Tamil", "Catamaran", serif;--vj-font-body:"Noto Sans Tamil", "Catamaran", sans-serif;--vj-border-width:3px;--vj-radius:6px;--vj-shadow:0 4px 18px #4b1e1440}*{box-sizing:border-box}body{font-family:var(--vj-font-body);color:var(--vj-ink);background:radial-gradient(at top,#3d1616 0%,#1f0d0a 70%);min-height:100vh;margin:0}h1,h2,h3,.vj-display{font-family:var(--vj-font-display);color:var(--vj-maroon-deep)}.vj-frame{background:linear-gradient(180deg, var(--vj-parchment) 0%, var(--vj-parchment-dark) 100%);border:var(--vj-border-width) solid var(--vj-gold);border-radius:var(--vj-radius);box-shadow:var(--vj-shadow);max-width:960px;margin:20px auto;padding:28px 24px;position:relative}.vj-frame:before,.vj-frame:after{content:"";background:var(--vj-maroon);border:2px solid var(--vj-gold);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translateY(-50%)}.vj-frame:before{left:-7px}.vj-frame:after{right:-7px}.vj-panel{background:var(--vj-ivory);border:1px solid var(--vj-gold);border-radius:var(--vj-radius);margin-bottom:16px;padding:16px}.vj-btn{font-family:var(--vj-font-body);background:var(--vj-maroon);color:var(--vj-ivory);border:2px solid var(--vj-gold);border-radius:var(--vj-radius);cursor:pointer;padding:10px 20px;font-weight:600;transition:transform .15s,background .15s}.vj-btn:hover{background:var(--vj-maroon-deep);transform:translateY(-1px)}.vj-btn:focus-visible{outline:3px solid var(--vj-teal);outline-offset:2px}.vj-rasi-grid{aspect-ratio:1;border:2px solid var(--vj-maroon);background:var(--vj-ivory);border-radius:8px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:100%;min-width:220px;max-width:360px;margin:0 auto;display:grid;overflow:hidden}.vj-rasi-cell{border:1px solid var(--vj-maroon);flex-direction:column;justify-content:center;align-items:center;padding:2%;display:flex;position:relative;overflow:hidden}.vj-rasi-cell-empty{background:#f7f4ec}.vj-rasi-center{background:#6b1d1d0d;border:1px solid #6b1d1d40;grid-area:2/2/4/4;justify-content:center;align-items:center;display:flex}.vj-rasi-emblem{font-size:clamp(18px,5vw,32px)}.vj-rasi-title{color:var(--vj-maroon-deep);margin-top:2px;font-size:clamp(8px,2.2vw,11px);font-weight:700}.vj-rasi-badges{gap:2px;display:flex;position:absolute;top:2px;right:2px}.vj-rasi-badge{color:#fff;border-radius:3px;padding:1px 3px;font-size:clamp(7px,1.8vw,10px);font-weight:700;line-height:1.4}.vj-rasi-planets{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:10px;display:flex}.vj-rasi-lagna-label{color:var(--vj-maroon);background:#6b1d1d1f;border-radius:3px;padding:0 3px;font-size:clamp(8px,2.4vw,11px);font-weight:800;display:block}.vj-rasi-planet-label{font-size:clamp(8px,2.4vw,12px);font-weight:600;display:block}.vj-rasi-planet-deg{font-size:clamp(7px,2vw,10px);font-weight:500;display:block}.vj-table{border-collapse:collapse;width:100%;font-size:clamp(11px,2.6vw,14px)}.vj-table th,.vj-table td{border:1px solid var(--vj-gold);text-align:center;padding:6px 8px}.vj-table th{background:var(--vj-maroon);color:var(--vj-ivory);font-weight:700}.vj-table tr:nth-child(2n) td{background:#c9962c14}.vj-table td.vj-table-label{text-align:left;color:var(--vj-maroon-deep);font-weight:700}.vj-info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.vj-info-box{border:1px solid var(--vj-gold);background:var(--vj-ivory);border-radius:6px;flex-direction:column;padding:8px 12px;display:flex}.vj-info-label{color:var(--vj-maroon);font-size:12px;font-weight:700}.vj-info-value{color:var(--vj-ink);font-size:15px;font-weight:600}
