@keyframes svelte-1eh1yp3-spin{to{transform:rotate(360deg)}}@keyframes svelte-1eh1yp3-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1eh1yp3-slide-in-tabs{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1eh1yp3-pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.95}}.element-spotlight.svelte-1eh1yp3{width:100%;height:100%;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(12px);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);overflow:hidden;display:flex;flex-direction:column}.loading-state.svelte-1eh1yp3,.error-state.svelte-1eh1yp3{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--text-muted)}.spinner.svelte-1eh1yp3{width:40px;height:40px;border:3px solid color-mix(in srgb,var(--primary) 20%,transparent);border-top-color:var(--primary);border-radius:50%;animation:svelte-1eh1yp3-spin .8s linear infinite}.quick-view.svelte-1eh1yp3{padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:svelte-1eh1yp3-fade-in .5s ease-out}.header-section.svelte-1eh1yp3{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.date-badge.svelte-1eh1yp3{font-size:clamp(.75rem,2vw,.9rem);color:var(--text-muted);background:color-mix(in srgb,var(--primary) 8%,transparent);padding:.5rem 1rem;border-radius:20px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);font-weight:600}.quick-view-title.svelte-1eh1yp3{font-size:clamp(1.1rem,3vw,1.35rem);font-weight:800;margin:0;color:var(--primary);letter-spacing:-.01em}.hero-section.svelte-1eh1yp3{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.symbol-container.svelte-1eh1yp3{position:relative;animation:svelte-1eh1yp3-fade-in .6s ease-out .1s both}.symbol.svelte-1eh1yp3{font-size:clamp(4rem,12vw,6rem);font-weight:900;text-align:center;color:var(--text);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:svelte-1eh1yp3-pulse-glow 2.5s ease-in-out infinite;line-height:1}.element-name.svelte-1eh1yp3{font-size:clamp(1.35rem,4vw,1.75rem);font-weight:800;margin:0;color:var(--text);text-align:center;animation:svelte-1eh1yp3-fade-in .6s ease-out .15s both}.element-number.svelte-1eh1yp3{font-size:clamp(.95rem,2.5vw,1.1rem);color:var(--text-muted);margin:0;font-weight:600;animation:svelte-1eh1yp3-fade-in .6s ease-out .2s both}.element-category.svelte-1eh1yp3{font-size:clamp(.85rem,2vw,1rem);color:var(--primary);margin:0;font-weight:600;text-transform:uppercase;letter-spacing:.05em;animation:svelte-1eh1yp3-fade-in .6s ease-out .25s both}.key-properties.svelte-1eh1yp3{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1.5rem;background:color-mix(in srgb,var(--primary) 5%,transparent);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);animation:svelte-1eh1yp3-fade-in .6s ease-out .3s both}.property-item.svelte-1eh1yp3{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--surface);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 40%,transparent);transition:all .3s ease}.property-item.svelte-1eh1yp3:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #00000014}.prop-label.svelte-1eh1yp3{font-size:clamp(.65rem,1.5vw,.75rem);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.prop-value.svelte-1eh1yp3{font-size:clamp(1.1rem,3vw,1.35rem);font-weight:900;color:var(--primary)}.learning-tips.svelte-1eh1yp3{width:100%;display:flex;flex-direction:column;gap:1rem;animation:svelte-1eh1yp3-fade-in .6s ease-out .35s both}.tip-item.svelte-1eh1yp3{display:flex;gap:1rem;padding:1.25rem;border-radius:var(--radius-lg);border-left:4px solid;transition:all .3s ease}.tip-item.jee.svelte-1eh1yp3{background:color-mix(in srgb,#ff6b6b 6%,transparent);border-left-color:#ff6b6b}.tip-item.jee.svelte-1eh1yp3:hover{background:color-mix(in srgb,#ff6b6b 10%,transparent);transform:translate(4px)}.tip-item.neet.svelte-1eh1yp3{background:color-mix(in srgb,#615dd4 6%,transparent);border-left-color:#615dd4}.tip-item.neet.svelte-1eh1yp3:hover{background:color-mix(in srgb,#615dd4 10%,transparent);transform:translate(4px)}.tip-icon.svelte-1eh1yp3{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center}.tip-content.svelte-1eh1yp3{display:flex;flex-direction:column;gap:.25rem}.tip-content.svelte-1eh1yp3 strong:where(.svelte-1eh1yp3){font-size:clamp(.9rem,2vw,1rem);color:var(--text)}.tip-content.svelte-1eh1yp3 p:where(.svelte-1eh1yp3){font-size:clamp(.8rem,2vw,.95rem);color:var(--text);margin:0;line-height:1.5}.explore-btn.svelte-1eh1yp3{width:100%;max-width:300px;padding:clamp(.875rem,2vw,1.125rem);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:clamp(.9rem,2vw,1rem);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.explore-btn.svelte-1eh1yp3:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.explore-btn.svelte-1eh1yp3:active{transform:translateY(0)}.details-section.svelte-1eh1yp3{flex:1;display:flex;flex-direction:column;border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent);animation:svelte-1eh1yp3-slide-in-tabs .4s ease-out}.tab-navigation.svelte-1eh1yp3{display:flex;gap:.5rem;padding:1rem;background:color-mix(in srgb,var(--bg) 50%,var(--surface) 50%);border-bottom:1px solid color-mix(in srgb,var(--border) 30%,transparent);overflow-x:auto;scroll-behavior:smooth}.tab-btn.svelte-1eh1yp3{flex-shrink:0;padding:.75rem 1.25rem;background:transparent;border:1px solid color-mix(in srgb,var(--border) 50%,transparent);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;font-size:clamp(.75rem,2vw,.9rem);font-weight:600;transition:all .2s ease;white-space:nowrap}.tab-btn.svelte-1eh1yp3:hover{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.tab-btn.active.svelte-1eh1yp3{background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);border-color:var(--primary)}.tab-content.svelte-1eh1yp3{flex:1;overflow-y:auto;padding:2rem}.tab-pane.svelte-1eh1yp3{animation:svelte-1eh1yp3-fade-in .3s ease-out}.tab-pane.svelte-1eh1yp3 h3:where(.svelte-1eh1yp3){font-size:clamp(1.1rem,3vw,1.35rem);font-weight:800;margin:0 0 1.5rem;color:var(--primary)}.properties-grid.svelte-1eh1yp3{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.prop-card.svelte-1eh1yp3{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:color-mix(in srgb,var(--primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:var(--radius-lg);text-align:center;transition:all .3s ease}.prop-card.svelte-1eh1yp3:hover{transform:translateY(-4px);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 8px 16px #0000001a}.prop-card.svelte-1eh1yp3 .label:where(.svelte-1eh1yp3){font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.prop-card.svelte-1eh1yp3 .value:where(.svelte-1eh1yp3){font-size:clamp(1rem,2.5vw,1.35rem);font-weight:900;color:var(--primary)}.info-block.svelte-1eh1yp3{padding:1.5rem;background:color-mix(in srgb,var(--primary) 5%,transparent);border-left:4px solid var(--primary);border-radius:var(--radius-lg);margin-bottom:1.5rem}.info-block.svelte-1eh1yp3 h4:where(.svelte-1eh1yp3){font-size:clamp(.95rem,2.5vw,1.1rem);margin:0 0 .75rem;color:var(--primary);font-weight:700}.info-block.svelte-1eh1yp3 p:where(.svelte-1eh1yp3),.info-block.svelte-1eh1yp3 code:where(.svelte-1eh1yp3){font-size:clamp(.85rem,2vw,1rem);color:var(--text);margin:.5rem 0;line-height:1.6}.info-block.svelte-1eh1yp3 code:where(.svelte-1eh1yp3){display:block;padding:1rem;background:var(--surface);border-radius:var(--radius-md);font-family:Monaco,Courier New,monospace;overflow-x:auto;margin:.75rem 0}.compounds-tags.svelte-1eh1yp3{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.compound-tag.svelte-1eh1yp3{display:inline-block;padding:clamp(.4rem,1vw,.6rem) clamp(.7rem,2vw,1rem);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:16px;font-size:clamp(.7rem,1.5vw,.85rem);font-weight:600;transition:all .2s ease}.compound-tag.svelte-1eh1yp3:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);transform:translateY(-2px)}.tips-list.svelte-1eh1yp3{list-style:none;padding:0;margin:0}.tips-list.svelte-1eh1yp3 li:where(.svelte-1eh1yp3){padding:.75rem 0 .75rem 1.75rem;position:relative;font-size:clamp(.85rem,2vw,1rem);color:var(--text);line-height:1.6}.tips-list.svelte-1eh1yp3 li:where(.svelte-1eh1yp3):before{content:"✓";position:absolute;left:0;font-weight:900;color:var(--primary)}.uses-list.svelte-1eh1yp3{display:flex;flex-direction:column;gap:1rem}.use-item.svelte-1eh1yp3{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:color-mix(in srgb,var(--primary) 5%,transparent);border-radius:var(--radius-lg);border-left:4px solid var(--primary);transition:all .2s ease}.use-item.svelte-1eh1yp3:hover{transform:translate(4px);background:color-mix(in srgb,var(--primary) 10%,transparent)}.importance-badge.svelte-1eh1yp3{flex-shrink:0;padding:.35rem .75rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.importance-badge[data-importance=critical].svelte-1eh1yp3{background:#ef444426;color:#ef4444}.importance-badge[data-importance=high].svelte-1eh1yp3{background:#f9731626;color:#f97316}.importance-badge[data-importance=moderate].svelte-1eh1yp3,.importance-badge[data-importance=medium].svelte-1eh1yp3{background:#fbbf2426;color:#fbbf24}.use-item.svelte-1eh1yp3 p:where(.svelte-1eh1yp3){flex:1;font-size:clamp(.85rem,2vw,1rem);margin:0;line-height:1.5}.tests-grid.svelte-1eh1yp3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.test-card.svelte-1eh1yp3{padding:1.25rem;background:color-mix(in srgb,var(--primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);border-radius:var(--radius-lg);transition:all .3s ease}.test-card.svelte-1eh1yp3:hover{transform:translateY(-4px);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 8px 16px #0000001a}.test-card.svelte-1eh1yp3 h4:where(.svelte-1eh1yp3){font-size:clamp(.9rem,2vw,1rem);margin:0 0 .75rem;color:var(--primary);font-weight:700}.test-info.svelte-1eh1yp3{display:flex;flex-direction:column;gap:.5rem}.test-info.svelte-1eh1yp3 p:where(.svelte-1eh1yp3){font-size:clamp(.8rem,1.5vw,.9rem);margin:0;color:var(--text);line-height:1.5}.test-info.svelte-1eh1yp3 strong:where(.svelte-1eh1yp3){color:var(--primary);font-weight:700}.no-data.svelte-1eh1yp3{text-align:center;color:var(--text-muted);padding:2rem;font-size:.95rem}@media(max-width:768px){.quick-view.svelte-1eh1yp3{padding:2rem 1.5rem;gap:1.5rem}.tab-content.svelte-1eh1yp3{padding:1.75rem}.properties-grid.svelte-1eh1yp3{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:640px){.element-spotlight.svelte-1eh1yp3{border-radius:var(--radius-xl)}.quick-view.svelte-1eh1yp3{padding:1.75rem 1.5rem;gap:1.75rem}.key-properties.svelte-1eh1yp3{grid-template-columns:repeat(2,1fr);gap:.875rem;padding:1.25rem}.property-item.svelte-1eh1yp3{padding:.875rem;border-radius:var(--radius-md)}.tab-navigation.svelte-1eh1yp3{gap:.35rem;padding:.875rem}.tab-btn.svelte-1eh1yp3{padding:.65rem 1rem;font-size:.8rem}.tab-content.svelte-1eh1yp3{padding:1.75rem 1.25rem}.properties-grid.svelte-1eh1yp3{grid-template-columns:1fr;gap:.875rem}.tests-grid.svelte-1eh1yp3{grid-template-columns:1fr;gap:1rem}.info-block.svelte-1eh1yp3{padding:1.25rem;margin-bottom:1.25rem}.explore-btn.svelte-1eh1yp3{width:100%}}@media(max-width:480px){.quick-view.svelte-1eh1yp3{padding:1.5rem 1.25rem;gap:1.5rem}.key-properties.svelte-1eh1yp3{grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem}.tip-item.svelte-1eh1yp3{padding:1rem;gap:.75rem}.tip-icon.svelte-1eh1yp3{font-size:1.25rem}.tab-content.svelte-1eh1yp3{padding:1.5rem 1rem}.tab-navigation.svelte-1eh1yp3{padding:.75rem .5rem;gap:.3rem}.tab-btn.svelte-1eh1yp3{padding:.6rem .9rem;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.svelte-1eh1yp3{animation:none!important;transition:none!important}}