:root{--bg:#fffaf5;--surface:#fff;--text:#1f2328;--muted:#5b6168;--border:#e7e1da;--accent:#c2410c;--accent-contrast:#fff;--accent-soft:#fff1e8;--image-bg:#f6f2ee;--star:#3483fa;--radius:14px;color-scheme:light}*,:before,:after{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}.site-header,main,.site-footer{width:100%;max-width:640px;margin:0 auto;padding-left:16px;padding-right:16px}.site-header{padding-top:16px;padding-bottom:4px}.brand{color:var(--accent);padding:8px 0;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-block}main{padding-bottom:24px}.site-footer{color:var(--muted);text-align:center;padding-top:24px;padding-bottom:32px;font-size:.875rem}.intro{color:var(--muted);margin:4px 0 0}.progress{color:var(--muted);margin:24px 0 4px;font-size:.875rem;font-weight:600}h1{margin:0 0 20px;font-size:1.5rem;line-height:1.25}.group-title{color:var(--muted);margin:20px 0 10px;font-size:1rem;font-weight:600}.options{gap:10px;display:grid}.options--stack{grid-template-columns:minmax(0,1fr)}.options--3{grid-template-columns:repeat(3,minmax(0,1fr))}.options--2{grid-template-columns:repeat(2,minmax(0,1fr))}.options--first{margin-bottom:10px}.option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);min-height:52px;color:var(--text);text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;padding:10px 8px;scroll-margin-top:96px;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.option:hover,.option:focus-visible{border-color:var(--accent)}.option:focus-visible{outline:3px solid var(--accent-soft);outline-offset:1px}.option:target{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.back{min-height:48px;color:var(--accent);align-items:center;margin-top:16px;font-weight:600;text-decoration:none;display:inline-flex}.button{border:2px solid var(--accent);background:var(--accent);min-height:48px;color:var(--accent-contrast);text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex}.button--secondary{color:var(--accent);background:0 0}.results-title{margin-top:24px}.summary{color:var(--muted);margin:-12px 0 16px}.count{color:var(--muted);margin:0 0 8px;font-size:.875rem;font-weight:600}.results{gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card__img{aspect-ratio:4/3;object-fit:contain;background:var(--image-bg);width:100%;height:auto;display:block}.card__body{gap:8px;padding:16px;display:grid}.card__name{margin:0;font-size:1.125rem;line-height:1.3}.card__why{margin:0}.rating{color:var(--muted);align-items:center;gap:4px;margin:-4px 0 0;font-size:.875rem;line-height:1;display:flex}.rating__stars{gap:1px;display:inline-flex}.star{width:12px;height:12px;display:inline-block;position:relative}.star svg{width:12px;height:12px;display:block}.star__outline path{fill:none;stroke:var(--star);stroke-width:2px}.star__fill{width:0;height:100%;position:absolute;top:0;left:0;overflow:hidden}.star__fill path{fill:var(--star);stroke:var(--star);stroke-width:2px}.star--full .star__fill{width:100%}.star--half .star__fill{width:50%}.card__pricing{margin-top:4px}.card__price{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.625rem;font-weight:800;line-height:1.15}.card__original{color:var(--muted);margin:0;font-size:.9375rem}.card__original del{text-decoration-thickness:1.5px}.card__price--sale{color:var(--accent)}.card__checked{color:var(--muted);margin:2px 0 0;font-size:.8125rem}.card .button{width:100%;margin-top:4px}.empty{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;justify-items:center;gap:16px;padding:24px 16px;display:grid}.empty p{margin:0}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}
