@layer base{body{color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5rem}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}}@layer reset{body{margin:0;padding:0}}@layer components{.card{--card-bg:#fff;--card-text:#1c1c1e;--card-padding:1rem;background-color:var(--card-bg);color:var(--card-text);padding:var(--card-padding);border-radius:.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.card__header{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card__code-preview{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.25rem}.card--featured{--card-bg:#f0f7ff;--card-text:#0076ff}}@layer utilities;