Svelte Scoped Styles: CSS That Can't Leak

Svelte styles are like house rules; they only apply inside that component and don't affect the neighbors. It works by automatically adding a unique class to your elements. This is the default for any `<style>` tag in a `.svelte` file, preventing CSS conflicts between components, even for animations. The footgun: this added class increases CSS specificity, so a component's simple `p` selector will unexpectedly override a global `p` style, breaking the normal cascade order you might expect.