.zodiac-calculator-wrapper{max-width:800px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.zodiac-calculator-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1);overflow:hidden}.zodiac-form-section,.zodiac-result-section{padding:32px}.zodiac-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:16px;color:#1a1a1a}.zodiac-subtitle{text-align:center;font-size:16px;margin-bottom:32px;color:#666}.calendar-toggle{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.calendar-btn{padding:12px 32px;font-size:16px;font-weight:600;border:2px solid #e0e0e0;background:#f5f5f5;color:#666;border-radius:8px;cursor:pointer;transition:all 0.3s}.calendar-btn.active{background:#3498db;color:#fff;border-color:#3498db}.calendar-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .1)}.date-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.input-group{display:flex;flex-direction:column}.input-group label{font-size:14px;font-weight:500;margin-bottom:8px;text-align:center;color:#333}.zodiac-select{height:48px;padding:8px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color 0.3s}.zodiac-select:focus{outline:none;border-color:#3498db}.submit-section{text-align:center}.zodiac-submit-btn{padding:12px 48px;font-size:18px;font-weight:600;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s}.zodiac-submit-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 6px 12px rgb(52 152 219 / .3)}.birth-date-display{text-align:center;margin-bottom:24px}.birth-date-display p{font-size:18px;font-weight:600;color:#666}.zodiac-header{text-align:center;margin-bottom:32px}.zodiac-label{font-size:16px;font-weight:500;color:#666;margin-bottom:8px}.zodiac-name{font-size:56px;font-weight:700;margin-bottom:16px}.zodiac-symbol-container{display:flex;justify-content:center;margin-bottom:16px}.zodiac-symbol{width:128px;height:128px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:72px}.zodiac-name-en{font-size:20px;color:#666;margin-bottom:12px}.element-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.element-icon{font-size:20px}.element-type{font-size:16px;color:#666}.divider{border:none;border-top:1px solid #e0e0e0;margin:24px 0}.traits-section h3{font-size:20px;font-weight:700;text-align:center;margin-bottom:16px}.description-box{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:24px}.description-box p{font-size:16px;line-height:1.8;color:#333}.traits-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.trait-badge{padding:8px 16px;background:#e8f4f8;border-radius:20px;font-size:14px;color:#333}.gemstones-section{margin-bottom:32px}.gemstones-box{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px;text-align:center}.gemstones-box p{font-size:16px}.font-bold{font-weight:600}.reset-section{text-align:center}.zodiac-reset-btn{padding:12px 48px;font-size:18px;font-weight:600;background:#fff;color:#3498db;border:2px solid #3498db;border-radius:8px;cursor:pointer;transition:all 0.3s}.zodiac-reset-btn:hover{background:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px rgb(52 152 219 / .3)}.element-fire{color:#E74C3C}.element-water{color:#3498DB}.element-earth{color:#27AE60}.element-air{color:#00BCD4}@media (max-width:768px){.zodiac-calculator-wrapper{padding:16px}.zodiac-form-section,.zodiac-result-section{padding:24px}.zodiac-title{font-size:24px}.date-inputs{grid-template-columns:1fr}}