@charset "UTF-8";/*! sample-minified.css: sample-stylesheet.css minified. Free sample from 99helpers.com/file-types/css */@layer reset,base,components,utilities;:root{--bg: #ffffff;--fg: #0f172a;--muted: #475569;--card: #f1f5f9;--border: #e2e8f0;--accent: #046eff;--radius: 12px;--space: 1rem;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0b1120;--fg: #e2e8f0;--muted: #94a3b8;--card: #111a2e;--border: #1e293b;--accent: #60a5fa}}@layer reset{*,*:before,*:after{box-sizing:border-box}body{margin:0}}@layer base{body{font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}h1,h2{line-height:1.2}a{color:var(--accent)}a:hover,a:focus-visible{text-decoration-thickness:3px}code{background:var(--card);padding:.1em .35em;border-radius:4px}}@layer components{.wrap{max-width:52rem;margin:0 auto;padding:2rem var(--space)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space);transition:transform .2s ease;& h2{margin-top:0;font-size:1.15rem}&:hover{transform:translateY(-3px)}}.card .price{font-size:1.6rem;font-weight:700}.price{font-size:1rem}.tag:before{content:"#";color:var(--muted)}.card:has(.tag-new){border-color:var(--accent);border-width:2px}.css-off{display:none}.css-check:after{content:"Stylesheet: loaded (this text comes from the CSS file)";color:var(--accent);font-weight:600}@keyframes pulse{50%{opacity:.35}}.dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.dot{animation:none}.card{transition:none}}@supports (container-type: inline-size){.hero-box{container-type:inline-size}@container (min-width: 40rem){.hero{display:grid;grid-template-columns:2fr 1fr;gap:var(--space);align-items:center}}}}@layer utilities{.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media print{.dot{display:none}.card{break-inside:avoid;border-color:#999}a:after{content:" (" attr(href) ")"}}