@keyframes svelte-1wivdud-pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes svelte-1wivdud-fade-in-stagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spotlight.svelte-1wivdud{background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(12px);color:var(--text);border-radius:var(--radius-2xl);padding:2.5rem;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);box-shadow:0 8px 32px #00000014;transition:all .3s ease;animation:svelte-1wivdud-fade-in-stagger .6s ease-out}.spotlight.svelte-1wivdud:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent);box-shadow:0 12px 48px #0000001f}.spotlight-header.svelte-1wivdud{text-align:center;margin-bottom:2rem;border-bottom:2px solid color-mix(in srgb,var(--primary) 20%,transparent);padding-bottom:1.5rem}.spotlight-header.svelte-1wivdud h2:where(.svelte-1wivdud){margin:0;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:svelte-1wivdud-fade-in-stagger .5s ease-out}.date.svelte-1wivdud{margin:.75rem 0 0;color:var(--text-muted);font-size:.9rem;font-weight:500;animation:svelte-1wivdud-fade-in-stagger .5s ease-out .1s both}.loading-state.svelte-1wivdud,.error-state.svelte-1wivdud{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.spotlight-content.svelte-1wivdud{animation:svelte-1wivdud-fade-in-stagger .3s ease-in}.symbol-display.svelte-1wivdud{font-size:5rem;font-weight:900;text-align:center;margin-bottom:1rem;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-1wivdud-pulse-glow 2s ease-in-out infinite}.spotlight-content.svelte-1wivdud h3:where(.svelte-1wivdud){margin:.5rem 0;text-align:center;font-size:2rem;font-weight:800;color:var(--text);animation:svelte-1wivdud-fade-in-stagger .5s ease-out .15s both}.atomic.svelte-1wivdud,.category.svelte-1wivdud{text-align:center;color:var(--text-muted);margin:.5rem 0;font-size:.95rem;font-weight:600;animation:svelte-1wivdud-fade-in-stagger .5s ease-out .2s both}.property-grid.svelte-1wivdud{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0;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-1wivdud-fade-in-stagger .5s ease-out .25s both}.prop.svelte-1wivdud{text-align:center;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}.prop.svelte-1wivdud:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 16px #00000014}.prop.svelte-1wivdud .label:where(.svelte-1wivdud){display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-weight:700}.prop.svelte-1wivdud .value:where(.svelte-1wivdud){display:block;font-size:1.5rem;font-weight:900;color:var(--primary);animation:svelte-1wivdud-pulse-glow 1.5s ease-in-out infinite}.learning-section.svelte-1wivdud{margin:2rem 0;animation:svelte-1wivdud-fade-in-stagger .5s ease-out .3s both}.learning-section.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 1rem;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.mnemonic.svelte-1wivdud{margin:.75rem 0;padding:1rem;background:color-mix(in srgb,var(--secondary) 6%,transparent);border-left:4px solid var(--secondary);border-radius:var(--radius-md);font-size:.9rem;line-height:1.6;color:var(--text);transition:all .3s ease}.mnemonic.svelte-1wivdud:hover{background:color-mix(in srgb,var(--secondary) 10%,transparent);border-left-color:var(--secondary);transform:translate(4px)}.compounds.svelte-1wivdud{margin:2rem 0;animation:svelte-1wivdud-fade-in-stagger .5s ease-out .35s both}.compounds.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 1rem;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.compound-tags.svelte-1wivdud{display:flex;flex-wrap:wrap;gap:.75rem}.tag.svelte-1wivdud{display:inline-block;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);padding:.6rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);animation:svelte-1wivdud-fade-in-stagger .5s ease-out backwards;transition:all .3s ease}.tag.svelte-1wivdud:hover{background:color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.tips.svelte-1wivdud{margin-top:2rem;padding:1.5rem;background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);animation:svelte-1wivdud-fade-in-stagger .5s ease-out .4s both}.tips.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 1rem;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.tips.svelte-1wivdud ul:where(.svelte-1wivdud){list-style:none;padding:0;margin:0}.tips.svelte-1wivdud li:where(.svelte-1wivdud){padding:.75rem 0 .75rem 1.75rem;position:relative;font-size:.95rem;line-height:1.6;color:var(--text);transition:all .2s ease}.tips.svelte-1wivdud li:where(.svelte-1wivdud):hover{color:var(--primary);transform:translate(4px)}.tips.svelte-1wivdud li:where(.svelte-1wivdud):before{content:"✓";position:absolute;left:0;font-weight:900;color:var(--accent);font-size:1.1rem}@media(prefers-reduced-motion:reduce){.spotlight.svelte-1wivdud,.symbol-display.svelte-1wivdud,.spotlight-header.svelte-1wivdud h2:where(.svelte-1wivdud),.prop.svelte-1wivdud,.mnemonic.svelte-1wivdud,.tag.svelte-1wivdud,.tips.svelte-1wivdud li:where(.svelte-1wivdud){animation:none;transition:none}}@media(max-width:768px){.spotlight.svelte-1wivdud{padding:2rem}.spotlight-header.svelte-1wivdud{margin-bottom:1.5rem;padding-bottom:1.25rem}.spotlight-header.svelte-1wivdud h2:where(.svelte-1wivdud){font-size:1.5rem}.date.svelte-1wivdud{font-size:.85rem;margin-top:.5rem}.symbol-display.svelte-1wivdud{font-size:4rem;margin-bottom:.75rem}.spotlight-content.svelte-1wivdud h3:where(.svelte-1wivdud){font-size:1.625rem}.atomic.svelte-1wivdud,.category.svelte-1wivdud{font-size:.9rem}.property-grid.svelte-1wivdud{grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;padding:1rem}.prop.svelte-1wivdud{padding:.875rem}.prop.svelte-1wivdud .label:where(.svelte-1wivdud){font-size:.7rem;margin-bottom:.4rem}.prop.svelte-1wivdud .value:where(.svelte-1wivdud){font-size:1.25rem}.learning-section.svelte-1wivdud{margin:1.5rem 0}.learning-section.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 .75rem;font-size:.9rem}.mnemonic.svelte-1wivdud{margin:.6rem 0;padding:.875rem;font-size:.85rem}.compounds.svelte-1wivdud{margin:1.5rem 0}.compounds.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 .75rem;font-size:.9rem}.compound-tags.svelte-1wivdud{gap:.5rem}.tag.svelte-1wivdud{padding:.5rem .75rem;font-size:.8rem}.tips.svelte-1wivdud{margin-top:1.5rem;padding:1rem}.tips.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 .75rem;font-size:.9rem}.tips.svelte-1wivdud li:where(.svelte-1wivdud){padding:.6rem 0 .6rem 1.5rem;font-size:.9rem}}@media(max-width:640px){.spotlight.svelte-1wivdud{padding:1.5rem;border-radius:var(--radius-xl)}.spotlight-header.svelte-1wivdud{margin-bottom:1.25rem;padding-bottom:1rem}.spotlight-header.svelte-1wivdud h2:where(.svelte-1wivdud){font-size:1.25rem}.date.svelte-1wivdud{font-size:.8rem;margin-top:.4rem}.loading-state.svelte-1wivdud,.error-state.svelte-1wivdud{padding:2rem 1rem}.symbol-display.svelte-1wivdud{font-size:3.5rem;margin-bottom:.5rem}.spotlight-content.svelte-1wivdud h3:where(.svelte-1wivdud){font-size:1.25rem;margin:.35rem 0}.atomic.svelte-1wivdud,.category.svelte-1wivdud{font-size:.85rem;margin:.35rem 0}.property-grid.svelte-1wivdud{grid-template-columns:1fr;gap:.75rem;margin:1.25rem 0;padding:1rem;border-radius:var(--radius-md)}.prop.svelte-1wivdud{padding:.75rem;border-radius:var(--radius-md)}.prop.svelte-1wivdud .label:where(.svelte-1wivdud){font-size:.65rem;margin-bottom:.35rem;letter-spacing:.06em}.prop.svelte-1wivdud .value:where(.svelte-1wivdud){font-size:1.125rem}.learning-section.svelte-1wivdud{margin:1.25rem 0}.learning-section.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 .6rem;font-size:.8rem;letter-spacing:.08em}.mnemonic.svelte-1wivdud{margin:.5rem 0;padding:.75rem;font-size:.8rem;line-height:1.5}.mnemonic.svelte-1wivdud:hover{transform:translate(2px)}.compounds.svelte-1wivdud{margin:1.25rem 0}.compounds.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 .6rem;font-size:.8rem}.compound-tags.svelte-1wivdud{gap:.4rem}.tag.svelte-1wivdud{padding:.45rem .65rem;font-size:.75rem;font-weight:500}.tag.svelte-1wivdud:hover{transform:translateY(-1px)}.tips.svelte-1wivdud{margin-top:1.25rem;padding:.875rem;border-radius:var(--radius-md)}.tips.svelte-1wivdud h4:where(.svelte-1wivdud){margin:0 0 .6rem;font-size:.8rem;letter-spacing:.08em}.tips.svelte-1wivdud ul:where(.svelte-1wivdud){margin:0;padding:0}.tips.svelte-1wivdud li:where(.svelte-1wivdud){padding:.5rem 0 .5rem 1.4rem;font-size:.8rem;line-height:1.5}.tips.svelte-1wivdud li:where(.svelte-1wivdud):hover{transform:translate(2px)}.tips.svelte-1wivdud li:where(.svelte-1wivdud):before{font-size:.9rem}}