.birth-data-form{background:var(--surface);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-bottom:2rem}.birth-data-form h2{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.birth-data-form{padding:1rem}.birth-data-form h2{font-size:1.25rem;margin-bottom:1rem}.form-group{margin-bottom:.5rem}.form-group input,.form-group select{padding:.625rem;font-size:.95rem}.submit-button{padding:.75rem 1.5rem;font-size:.95rem}}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;background:var(--background);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #818cf833}.form-group input.error{border-color:var(--error)}.error-text{color:var(--error);font-size:.875rem;margin-top:.25rem}.submit-button{margin-top:1.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #818cf880}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media(min-width:768px){.submit-button{width:auto}}.circular-chart-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0;padding:1rem;background:var(--background);border-radius:8px;border:1px solid var(--border);width:100%;overflow-x:auto}.circular-chart-container h4{margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem}.circular-chart{display:block;margin:0 auto;max-width:100%;height:auto}@media(max-width:768px){.circular-chart-container{padding:.75rem;margin:1rem 0}.circular-chart-container h4{font-size:1rem;margin-bottom:.75rem}.circular-chart{width:100%;max-width:100%}}@media(max-width:480px){.circular-chart-container{padding:.5rem;margin:.75rem 0}}.western-chart{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-section{margin-bottom:2rem}.chart-section h4{margin-bottom:1rem;color:var(--text-primary);font-size:1.25rem;border-bottom:2px solid var(--border);padding-bottom:.5rem}.planets-grid,.houses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.planet-card,.house-card{background:var(--background);padding:1rem;border-radius:8px;border:1px solid var(--border);text-align:center;transition:transform .2s,box-shadow .2s}.planet-card:hover,.house-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}@media(max-width:480px){.planets-grid,.houses-grid{grid-template-columns:1fr;gap:.75rem}.planet-card,.house-card{padding:.75rem}.chart-section{margin-bottom:1.5rem}.chart-section h4{font-size:1.1rem}.monthly-summary{padding:1rem;font-size:.9rem}.key-point{flex-direction:column;align-items:flex-start;gap:.5rem}.aspect-item{padding:.625rem}.aspect-planets{font-size:.9rem}}.planet-name,.house-number{font-weight:600;color:var(--primary-color);margin-bottom:.5rem;font-size:1rem}.planet-sign,.house-sign{font-size:.9rem;color:var(--text-primary);margin-bottom:.25rem}.planet-degree,.house-degree{font-size:.85rem;color:var(--text-secondary)}.aspects-list{display:flex;flex-direction:column;gap:.75rem}.aspect-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--background);border-radius:6px;border-left:3px solid var(--primary-color);flex-wrap:wrap}.aspect-planets{font-weight:500;color:var(--text-primary);flex:1;min-width:200px}.aspect-type{padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:4px;font-size:.85rem;font-weight:500}.aspect-orb{color:var(--text-secondary);font-size:.85rem}.monthly-summary{background:linear-gradient(135deg,#1e3a8a,#1e40af);border:1px solid #3b82f6;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.monthly-summary h4{margin-bottom:.75rem;color:var(--primary-color);border-bottom:none}@media(max-width:768px){.planets-grid,.houses-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.aspect-item{flex-direction:column;align-items:flex-start}.aspect-planets{min-width:auto}}.vedic-chart{animation:fadeIn .3s ease-in}.ayanamsa-info{padding:1rem;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:8px;border:1px solid #3b82f6;color:var(--text-primary);margin-bottom:1rem}.planet-nakshatra{font-size:.8rem;color:var(--secondary-color);margin-top:.5rem;font-style:italic}.dasha-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:var(--background);border-radius:8px;border:1px solid var(--border)}.dasha-item{display:flex;flex-direction:column;gap:.25rem}.dasha-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.dasha-value{font-size:1.1rem;color:var(--primary-color);font-weight:600}.key-points{display:flex;flex-direction:column;gap:1rem}.key-point{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background);border-radius:8px;border:1px solid var(--border)}.key-label{font-weight:500;color:var(--text-secondary)}.key-value{font-weight:600;color:var(--primary-color)}@media(max-width:768px){.dasha-info{grid-template-columns:1fr}}@media(max-width:480px){.planets-grid,.houses-grid{grid-template-columns:1fr;gap:.75rem}.planet-card,.house-card{padding:.75rem}.chart-section{margin-bottom:1.5rem}.chart-section h4{font-size:1.1rem}.monthly-summary{padding:1rem;font-size:.9rem}.ayanamsa-info{padding:.75rem;font-size:.9rem}.dasha-info{padding:.75rem}.key-point{flex-direction:column;align-items:flex-start;gap:.5rem}}.chinese-chart{animation:fadeIn .3s ease-in}.chinese-year{padding:1rem;background:linear-gradient(135deg,#78350f,#92400e);border-radius:8px;border:1px solid #f59e0b;color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.pillar-card{background:var(--background);padding:1.5rem;border-radius:12px;border:2px solid var(--border);text-align:center;transition:transform .2s,box-shadow .2s}.pillar-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary-color)}.pillar-name{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.pillar-animal{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.pillar-element{font-size:1.1rem;color:var(--secondary-color);font-weight:600;margin-bottom:.75rem}.pillar-stem-branch{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-secondary)}.year-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:var(--background);border-radius:8px;border:1px solid var(--border)}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.detail-value{font-size:1.1rem;color:var(--primary-color);font-weight:600}.compatible-elements{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:var(--background);border-radius:8px;border:1px solid var(--border)}.element-badge{padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:20px;font-weight:500;font-size:.9rem}.monthly-summary{background:linear-gradient(135deg,#78350f,#92400e);border:1px solid #f59e0b;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.monthly-summary h4{margin-bottom:.75rem;color:var(--secondary-color);border-bottom:none}.summary-text{color:var(--text-primary);line-height:1.8;font-size:1rem;margin:0}@media(max-width:768px){.pillars-grid,.year-details{grid-template-columns:1fr}}@media(max-width:480px){.pillars-grid{gap:1rem}.pillar-card{padding:1rem}.pillar-animal{font-size:1.25rem}.pillar-element{font-size:1rem}.chart-section{margin-bottom:1.5rem}.monthly-summary{padding:1rem;font-size:.9rem}.chinese-year{padding:.75rem;font-size:1rem}}.chart-display{background:var(--surface);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-top:2rem}.chart-header{margin-bottom:2rem}.chart-header h2{margin-bottom:1rem;color:var(--text-primary);font-size:1.75rem}.datetime-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--background);border-radius:8px;font-size:.9rem;color:var(--text-secondary)}.datetime-info p{margin:0}.chart-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab-button{padding:.75rem 1.5rem;background:#6366f126;border:2px solid rgba(99,102,241,.3);border-radius:8px;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s}.tab-button:hover{background:#6366f140;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 2px 8px #6366f14d}.tab-button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f166}.chart-content{min-height:400px}@media(max-width:768px){.chart-display{padding:1rem}.chart-tabs{flex-wrap:wrap}.tab-button{padding:.5rem 1rem;font-size:.9rem}.chart-header h2{font-size:1.5rem}.datetime-info{padding:.75rem;font-size:.85rem}}@media(max-width:480px){.chart-display{padding:.75rem}.chart-header h2{font-size:1.25rem;margin-bottom:.75rem}.chart-tabs{gap:.25rem;margin-bottom:1.5rem}.tab-button{padding:.5rem .75rem;font-size:.85rem;flex:1;min-width:0}.datetime-info{padding:.625rem;font-size:.8rem}.chart-content{min-height:300px}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:1rem 0;box-shadow:0 2px 8px #0000004d}.app-header h1{font-size:1.75rem;margin-bottom:.25rem;font-weight:700}.app-header p{font-size:.9rem;opacity:.9}.app-main{flex:1;padding:2rem 0}.app-footer{background:var(--surface);border-top:1px solid var(--border);padding:.5rem 0;margin-top:auto;text-align:center;color:var(--text-secondary)}.error-message{background:#7f1d1d;color:var(--error);padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid #991b1b}@media(max-width:768px){.app-header{padding:.75rem 0}.app-header h1{font-size:1.5rem}.app-header p{font-size:.85rem}.app-main{padding:1.5rem 0}.app-footer{padding:.5rem 0}}@media(max-width:480px){.app-header{padding:.625rem 0}.app-header h1{font-size:1.25rem;margin-bottom:.25rem}.app-header p{font-size:.8rem}.app-main{padding:1rem 0}.container{padding:.75rem}.error-message{padding:.75rem;font-size:.9rem;margin:.75rem 0}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #818cf8;--primary-dark: #6366f1;--secondary-color: #a78bfa;--background: #0f172a;--surface: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border: #334155;--error: #f87171;--success: #34d399}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:1.6;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:1rem;width:100%;box-sizing:border-box}@media(min-width:768px){.container{padding:2rem}}@media(max-width:480px){.container{padding:.75rem}}