:root,[data-theme=cosmic]{--bg-primary:#020617;--bg-secondary:#0f172a;--bg-card:#0f172a66;--border-color:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--overlay-1:#ffffff03;--overlay-3:#ffffff08;--overlay-4:#ffffff0a;--overlay-6:#ffffff0f;--overlay-8:#ffffff14;--overlay-10:#ffffff1a;--overlay-15:#ffffff26;--overlay-25:#ffffff40;--color-green:#10b981;--color-green-glow:#10b98126;--color-yellow:#f59e0b;--color-yellow-glow:#f59e0b26;--color-red:#ef4444;--color-red-glow:#ef444426;--color-blue:#38bdf8;--color-blue-glow:#38bdf826;--bg-gradient:radial-gradient(circle at 15% 50%, #1e3a8a1f, transparent 50%), radial-gradient(circle at 85% 30%, #581c871f, transparent 50%), radial-gradient(circle at 50% 100%, #020617, transparent 100%);--tara-color:var(--color-yellow);--tara-color-glow:var(--color-yellow-glow);--nav-bg:#020617d9;--nav-bg-solid:#020617;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs:clamp(.65rem, 2vw, .75rem);--text-sm:clamp(.75rem, 2.5vw, .875rem);--text-base:clamp(.9rem, 3vw, 1rem);--text-lg:clamp(1.1rem, 3.5vw, 1.25rem);--text-xl:clamp(1.3rem, 4.5vw, 1.5rem);--text-2xl:clamp(1.5rem, 5.5vw, 1.8rem);--text-3xl:clamp(1.8rem, 6.5vw, 2.2rem);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 10px 40px -10px #0009;--glass-bg:#0f172a66;--glass-blur:blur(16px)}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#171717;--bg-card:#171717cc;--border-color:#ffffff1a;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#525252;--glass-bg:#171717cc;--bg-gradient:none;--overlay-1:#ffffff03;--overlay-3:#ffffff08;--overlay-4:#ffffff0a;--overlay-6:#ffffff0f;--overlay-8:#ffffff14;--overlay-10:#ffffff1a;--overlay-15:#ffffff26;--overlay-25:#ffffff40;--nav-bg:#0a0a0ad9;--nav-bg-solid:#0a0a0a}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fffc;--border-color:#0000001a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glass-bg:#fffc;--bg-gradient:none;--overlay-1:#00000005;--overlay-3:#0000000a;--overlay-4:#0000000d;--overlay-6:#00000012;--overlay-8:#00000017;--overlay-10:#0000001f;--overlay-15:#0000002e;--overlay-25:#0000004d;--color-green:#059669;--color-green-glow:#05966926;--color-yellow:#d97706;--color-yellow-glow:#d9770626;--color-red:#dc2626;--color-red-glow:#dc262626;--color-blue:#0284c7;--color-blue-glow:#0284c726;--nav-bg:#f8fafce6;--nav-bg-solid:#f8fafc}[data-theme=neutral]{--bg-primary:#f5f5f4;--bg-secondary:#fafaf9;--bg-card:#fafaf9e6;--border-color:#0000000d;--text-primary:#44403c;--text-secondary:#78716c;--text-muted:#a8a29e;--glass-bg:#fafaf9e6;--bg-gradient:none;--overlay-1:#00000005;--overlay-3:#0000000a;--overlay-4:#0000000d;--overlay-6:#00000012;--overlay-8:#00000017;--overlay-10:#0000001f;--overlay-15:#0000002e;--overlay-25:#0000004d;--color-green:#16a34a;--color-green-glow:#16a34a1a;--color-yellow:#ca8a04;--color-yellow-glow:#ca8a041a;--color-red:#ea580c;--color-red-glow:#ea580c1a;--color-blue:#0284c7;--color-blue-glow:#0284c71a;--nav-bg:#f5f5f4e6;--nav-bg-solid:#f5f5f4}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-body);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--overlay-10)}::-webkit-scrollbar-thumb{background:var(--overlay-10);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--overlay-25)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{border-color:#ffffff26}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px -3px var(--tara-color-glow)}50%{box-shadow:0 0 25px 2px var(--tara-color-glow)}}@keyframes pulseHighlight{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}to{opacity:.8;transform:scale(1)}}.app-container{min-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:16px}.app-header{border-bottom:1px solid var(--border-color);background:var(--nav-bg-solid);z-index:100;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.app-header{background:var(--nav-bg);-webkit-backdrop-filter:var(--glass-blur)}}.logo-container{align-items:center;gap:8px;display:flex}.logo-text{font-family:var(--font-title);letter-spacing:.5px;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.logo-badge{background:var(--tara-color-glow);border:1px solid var(--tara-color);color:var(--tara-color);transition:var(--transition-smooth);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.nav-bar{background:var(--nav-bg-solid);border-top:1px solid var(--border-color);z-index:999;justify-content:space-around;width:100%;padding:10px 0;display:flex;position:fixed;bottom:0;left:0}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.nav-bar{background:var(--nav-bg);-webkit-backdrop-filter:var(--glass-blur)}}.nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:16%;font-size:.65rem;font-weight:500;text-decoration:none;display:flex}.nav-item svg{stroke-width:2px;width:22px;height:22px;transition:var(--transition-smooth)}.nav-item.active{color:var(--tara-color)}.nav-item.active svg{filter:drop-shadow(0 0 5px var(--tara-color));transform:translateY(-2px)}input,select,button{font-family:var(--font-body)}.btn-primary{background:var(--tara-color);color:#fff;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px -3px var(--tara-color-glow);text-align:center;text-shadow:0 1px 2px #0003;border:none;border-radius:12px;padding:12px 24px;font-weight:700}.btn-primary:hover{box-shadow:0 8px 25px -3px var(--tara-color-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{background:var(--overlay-4);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);text-align:center;border-radius:12px;padding:12px 24px;font-weight:600}.btn-secondary:hover{background:var(--overlay-8);border-color:#fff3}@media (width>=768px){.app-container{flex-direction:row;padding-bottom:0}.nav-bar{border-top:none;border-right:1px solid var(--border-color);flex-direction:column;justify-content:flex-start;gap:16px;width:260px;height:calc(100vh - 60px);padding:30px 16px;position:sticky;top:60px;bottom:auto;left:auto}.nav-item{width:100%;transition:var(--transition-smooth);border-radius:12px;flex-direction:row;gap:16px;padding:12px 16px;font-size:.9rem}.nav-item:hover{background:var(--overlay-3)}.nav-item.active{background:var(--tara-color-glow)}.nav-item.active svg{transform:none}}@media (width>=1024px){.main-content{padding:30px}}.app-tagline{color:var(--text-secondary);font-size:.82rem;font-family:var(--font-body);text-align:center;opacity:.85;width:100%;max-width:500px;margin:-16px auto 20px;line-height:1.4}.category-chips-container{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 0 12px;display:flex;overflow-x:auto}.category-chips-container::-webkit-scrollbar{display:none}.category-chip{background:var(--overlay-3);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600}.category-chip:hover{background:var(--overlay-6);color:var(--text-primary);border-color:#ffffff26}.category-chip.active{background:var(--tara-color-glow);color:var(--tara-color);border-color:var(--tara-color);box-shadow:0 0 0 2px #0f1115, 0 0 0 4px var(--tara-color);font-weight:800;transform:translateY(-2px)}.severity-container{flex-direction:column;gap:6px;width:100%;margin-top:8px;display:flex}.severity-header{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.severity-bar-track{background:var(--overlay-4);border:1px solid var(--border-color);border-radius:4px;width:100%;height:8px;overflow:hidden}.severity-bar-fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.advice-alert-card{transition:var(--transition-smooth);border:1px solid var(--border-color);background:var(--overlay-1);border-radius:14px;gap:16px;padding:18px;display:flex}.advice-alert-card.good{background:#10b98105;border-color:#10b98126}.advice-alert-card.caution{background:#f59e0b05;border-color:#f59e0b26}.advice-alert-card.danger{background:#ef444405;border-color:#ef444426}.tooltip-modal-overlay{z-index:10000;background:#0003;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.tooltip-modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:320px;padding:20px;animation:.15s cubic-bezier(.34,1.56,.64,1) modalScale;position:absolute;box-shadow:0 15px 40px #0009}@keyframes modalScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tooltip-modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;position:absolute;top:14px;right:14px}.tooltip-modal-close:hover{color:var(--text-primary)}.info-badge-trigger{background:var(--overlay-6);border:1px solid var(--border-color);width:14px;height:14px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:.6rem;font-weight:700;display:inline-flex}.info-badge-trigger:hover{background:var(--tara-color-glow);color:var(--tara-color);border-color:var(--tara-color)}.guidance-section{flex-direction:column;gap:12px;display:flex}.guidance-list{flex-direction:column;gap:8px;padding-left:0;list-style:none;display:flex}.guidance-list-item{color:var(--text-secondary);gap:8px;font-size:.85rem;line-height:1.5;display:flex}.guidance-list-item svg{flex-shrink:0;margin-top:3px}.disclaimer-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);width:100%;margin-top:30px;padding:16px;font-size:.72rem;line-height:1.5}.calendar-grid-header{text-align:center;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;padding-bottom:8px;font-size:.72rem;font-weight:700;display:grid}.calendar-grid-body{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-desktop-text{display:block}.calendar-mobile-dot{display:none}.calendar-cell{cursor:pointer;border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:10px;flex-direction:column;padding:10px 4px;display:flex;position:relative;overflow:hidden}.calendar-cell:hover{border-color:#fff3}@media (width<=650px){.calendar-desktop-text,.calendar-mobile-dot{display:none}.calendar-cell{border-radius:8px;min-height:54px;padding:0;position:relative}.calendar-date-top-left{z-index:2;line-height:1;position:absolute;top:2px;left:2px}.calendar-lunar-top-right{z-index:2;position:absolute;top:4px;right:2px}.calendar-events-bottom{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:2px;left:2px;right:2px}.calendar-events-bottom>span{font-size:.7rem;line-height:1}.calendar-grid-header{font-size:.65rem}.calendar-grid-body{gap:6px}}.panchang-banner{background:var(--bg-card);border:1px solid var(--border-color)}.panchang-grid{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;display:grid}@media (width<=768px){.panchang-grid{grid-template-columns:repeat(2,1fr)}.panchang-badge:last-child{grid-column:1/-1}}.pulse-skeleton{background:var(--overlay-3);border-radius:12px;width:100%;height:100%;min-height:120px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background:var(--overlay-3)}50%{background:var(--overlay-8)}to{background:var(--overlay-3)}}.panchang-badge{background:var(--overlay-1);border:1px solid var(--overlay-3);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:52px;padding:8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.panchang-badge:hover{background:var(--overlay-4);border-color:var(--tara-color);box-shadow:0 0 10px var(--tara-color-glow);transform:translateY(-1px)}.panchang-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:2px;font-size:.55rem;font-weight:800}.panchang-value{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.76rem;font-weight:700;overflow:hidden}.hora-scroll-track::-webkit-scrollbar{height:4px}.hora-scroll-track::-webkit-scrollbar-track{background:var(--overlay-1);border-radius:10px}.hora-scroll-track::-webkit-scrollbar-thumb{background:var(--overlay-10);border-radius:10px}.hora-scroll-track::-webkit-scrollbar-thumb:hover{background:var(--overlay-25)}.hora-cell:hover{transform:translateY(-2px);background:var(--overlay-6)!important;border-color:var(--overlay-15)!important}.tara-guide-card{transition:var(--transition-smooth)}.tara-guide-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0006;background:var(--overlay-3)!important;border-color:#ffffff26!important}.remedy-tab-btn{transition:var(--transition-smooth)}.remedy-tab-btn:hover{color:var(--text-primary)!important}@keyframes barPulseGlow{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.progression-bar-active{animation:3s ease-in-out infinite barPulseGlow}@media (width<=380px){.nav-item span{font-size:0;display:none}}@property --tara-color{syntax:"<color>";inherits:true;initial-value:#f59e0b}@property --tara-color-glow{syntax:"<color>";inherits:true;initial-value:#f59e0b26}:root{transition:--tara-color 1.2s ease-in-out,--tara-color-glow 1.2s ease-in-out}
