.panchang-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition-smooth);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.panchang-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--color-gold),transparent);opacity:0;transition:var(--transition-smooth)}.panchang-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1);border-color:rgba(212,175,55,.4)}.panchang-card:hover:before{opacity:1}.panchang-card-header{display:flex;align-items:center;gap:.75rem}.panchang-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.08));border-radius:var(--radius-md);flex-shrink:0}.panchang-card-icon svg{width:20px;height:20px;color:var(--color-gold)}.panchang-card-label{font-size:.875rem;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panchang-card-value{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);font-family:var(--font-heading);line-height:1.3;margin:0}.panchang-card[data-type=tithi] .panchang-card-icon{background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(236,72,153,.08))}.panchang-card[data-type=tithi] .panchang-card-icon svg{color:#ec4899}.panchang-card[data-type=nakshatra] .panchang-card-icon{background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(124,58,237,.08))}.panchang-card[data-type=nakshatra] .panchang-card-icon svg{color:#7c3aed}.panchang-card[data-type=yoga] .panchang-card-icon{background:linear-gradient(135deg,rgba(79,70,229,.15),rgba(79,70,229,.08))}.panchang-card[data-type=yoga] .panchang-card-icon svg{color:#4f46e5}.panchang-card[data-type=karana] .panchang-card-icon{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.08))}.panchang-card[data-type=karana] .panchang-card-icon svg{color:#10b981}.panchang-card[data-type=sunrise] .panchang-card-icon{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.08))}.panchang-card[data-type=sunrise] .panchang-card-icon svg{color:#f59e0b}.panchang-card[data-type=sunset] .panchang-card-icon{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.08))}.panchang-card[data-type=sunset] .panchang-card-icon svg{color:#ef4444}.panchang-card[data-type=moonrise] .panchang-card-icon{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.08))}.panchang-card[data-type=moonrise] .panchang-card-icon svg{color:#3b82f6}.panchang-card[data-type=moonset] .panchang-card-icon{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(99,102,241,.08))}.panchang-card[data-type=moonset] .panchang-card-icon svg{color:#6366f1}@media (max-width:480px){.panchang-card{padding:1rem;gap:.5rem}.panchang-card-header{gap:.5rem}.panchang-card-icon{width:32px;height:32px}.panchang-card-icon svg{width:16px;height:16px}.panchang-card-label{font-size:.75rem;letter-spacing:.025em}.panchang-card-value{font-size:1rem;line-height:1.2}.panchang-card:hover{transform:translateY(-2px)}}@media (max-width:768px) and (min-width:481px){.panchang-card{padding:1.25rem;gap:.625rem}.panchang-card-header{gap:.625rem}.panchang-card-icon{width:36px;height:36px}.panchang-card-icon svg{width:18px;height:18px}.panchang-card-label{font-size:.8125rem;letter-spacing:.0375em}.panchang-card-value{font-size:1.125rem;line-height:1.25}.panchang-card:hover{transform:translateY(-3px)}}@media (min-width:769px){.panchang-card{padding:1.75rem;gap:1rem}.panchang-card-header{gap:1rem}.panchang-card-icon{width:44px;height:44px}.panchang-card-icon svg{width:22px;height:22px}.panchang-card-label{font-size:.9375rem;letter-spacing:.0625em}.panchang-card-value{font-size:1.375rem;line-height:1.35}.panchang-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.12)}}@media (min-width:1024px){.panchang-card{padding:2rem;gap:1rem}.panchang-card-header{gap:1rem}.panchang-card-icon{width:48px;height:48px}.panchang-card-icon svg{width:24px;height:24px}.panchang-card-value{font-size:1.5rem}}[data-theme=cosmic] .panchang-card{background:rgba(22,33,62,.85);border-color:rgba(212,175,55,.3);backdrop-filter:blur(10px)}[data-theme=cosmic] .panchang-card:hover{background:rgba(22,33,62,.95);border-color:rgba(212,175,55,.5);box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 20px rgba(212,175,55,.2)}[data-theme=cosmic] .panchang-card-label{color:#d4af37}[data-theme=cosmic] .panchang-card-value{color:#fbbf24}.date-location-card{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);transition:var(--transition-smooth);position:relative;overflow:hidden}.date-location-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.6}.date-location-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:rgba(212,175,55,.4)}.date-location-row{display:flex;flex-wrap:wrap;gap:1.5rem}.date-col{flex:1 1 280px;display:flex;flex-direction:column}.section-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.section-title{font-weight:600;color:var(--color-gray-800)}.icon{width:1.25rem;height:1.25rem}.icon,.icon-sm{color:var(--color-gold)}.icon-sm{width:.875rem;height:.875rem}.icon-spin{width:1rem;height:1rem}.icon-spin,.icon-spin-sm{animation:spin 1s linear infinite}.icon-spin-sm{width:.75rem;height:.75rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.date-input,.location-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-900);font-family:inherit;transition:var(--transition-fast)}.date-input:focus,.location-input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(212,175,55,.2)}.date-display{margin-top:.5rem;font-size:.875rem;color:var(--color-gray-600)}.location-wrapper{position:relative}.location-btn,.location-row{display:flex;gap:.5rem}.location-btn{align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,var(--color-gold),var(--color-gold-dark));color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.location-btn:hover{background:linear-gradient(135deg,#e6c04a,#c7a33a);transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,175,55,.4)}.location-btn:disabled{opacity:.6;cursor:not-allowed}.suggestions{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:16rem;overflow-y:auto;z-index:30}.suggestion-item{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.75rem 1rem;font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-200);transition:background .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:rgba(212,175,55,.05)}.searching{margin-top:.5rem;font-size:.875rem;color:var(--color-gray-600);display:flex;align-items:center;gap:.375rem}.apply-section{margin-top:1.5rem;display:flex;justify-content:center}.apply-location-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-gold);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.location-status{margin-top:1.25rem;padding:1rem;background:#ecfdf5;border:1px solid #86efac;border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:.75rem}.status-icon{width:1.25rem;height:1.25rem;color:#166534;flex-shrink:0;margin-top:.125rem}.status-text p{margin:0}.status-main{font-size:.875rem;color:#166534}.status-sub{font-size:.75rem;color:#15803d;margin-top:.125rem}@media (max-width:640px){.date-location-row,.location-row{flex-direction:column}.location-btn{width:100%}}[data-theme=cosmic] .date-location-card{background:rgba(22,33,62,.85);border-color:rgba(212,175,55,.3);backdrop-filter:blur(12px)}[data-theme=cosmic] .date-location-card:hover{background:rgba(22,33,62,.95);border-color:rgba(212,175,55,.5);box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 20px rgba(212,175,55,.15)}[data-theme=cosmic] .date-input,[data-theme=cosmic] .location-input{background:rgba(15,23,42,.6);border-color:rgba(212,175,55,.2);color:#f3f4f6}[data-theme=cosmic] .date-input:focus,[data-theme=cosmic] .location-input:focus{border-color:var(--color-gold);background:rgba(15,23,42,.8);box-shadow:0 0 0 3px rgba(212,175,55,.15)}[data-theme=cosmic] .section-title{color:#e2e8f0}[data-theme=cosmic] .date-display{color:#94a3b8}[data-theme=cosmic] .suggestions{background:#1e293b;border-color:rgba(212,175,55,.2)}[data-theme=cosmic] .suggestion-item{color:#e2e8f0;border-bottom-color:rgba(255,255,255,.1)}[data-theme=cosmic] .suggestion-item:hover{background:rgba(212,175,55,.1)}[data-theme=cosmic] .searching{color:#94a3b8}[data-theme=cosmic] .date-location-card:before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent)}