@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";
:root[data-theme=light]{--background:#fdfcf7;--text:#333;--card-bg:#fff;--button-bg:#f8f9fa;--button-hover:#e9ecef;--button-border:#dee2e6;--code-bg:#f8f9fa;--code-text:#2d3748}:root[data-theme=dark]{--background:#1a1a1a;--text:#e0e0e0;--card-bg:#2d2d2d;--button-bg:#2d2d2d;--button-hover:#3d3d3d;--button-border:#404040;--code-bg:#2d2d2d;--code-text:#e0e0e0}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s,color .3s}.content-container{max-width:800px;margin:0 auto;padding:2rem}code{background:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.2em .4em;font-family:Fira Code,monospace;font-size:.9em}pre{margin:1.5em 0;position:relative}.copy-button{background:var(--button-bg);border:1px solid var(--button-border);cursor:pointer;opacity:0;z-index:10;border-radius:4px;padding:.5rem;transition:opacity .2s,transform .2s;position:absolute;top:.75rem;right:.75rem}pre:hover .copy-button{opacity:1}.copy-button:hover{background:var(--button-hover);transform:scale(1.05)}.copy-button:active{transform:scale(.95)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}