.beginner-card.svelte-1xj3bkj{position:relative;border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;background:var(--bg-card);transition:border-color .15s ease}.beginner-card.svelte-1xj3bkj:hover{border-color:var(--border-hover)}.card-link.svelte-1xj3bkj{position:absolute;inset:0;z-index:1;border-radius:inherit}.card-link.svelte-1xj3bkj:focus-visible{outline:2px solid var(--accent-red);outline-offset:-2px}.image-box.svelte-1xj3bkj{background:#f8fafc}.beginner-card.svelte-1xj3bkj img:where(.svelte-1xj3bkj){transition:transform .2s ease}.beginner-card.svelte-1xj3bkj:hover img:where(.svelte-1xj3bkj){transform:scale(1.02)}.badge.svelte-1xj3bkj{position:absolute;top:.5rem;left:.5rem;padding:.2rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-pick.svelte-1xj3bkj{background:#7c3aed;color:#fff}.badge-sold.svelte-1xj3bkj{background:#1e293b;color:#fff}.fav-slot.svelte-1xj3bkj{position:absolute;top:.5rem;right:.5rem;z-index:2}.beginner-card.sold-out.svelte-1xj3bkj .image-box:where(.svelte-1xj3bkj) img:where(.svelte-1xj3bkj){filter:grayscale(.5);opacity:.5}.beginner-card.sold-out.svelte-1xj3bkj .brand-pill:where(.svelte-1xj3bkj),.beginner-card.sold-out.svelte-1xj3bkj .card-price:where(.svelte-1xj3bkj){color:var(--text-muted)}.card-body.svelte-1xj3bkj{padding:.75rem}.brand-pill.svelte-1xj3bkj{display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);margin-bottom:.25rem}.card-title.svelte-1xj3bkj{font-size:.875rem;font-weight:600;line-height:1.3;color:var(--text-primary);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-1xj3bkj{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-price.svelte-1xj3bkj{font-weight:700;font-size:.9375rem;color:var(--text-primary);letter-spacing:-.01em}.beginner-card.svelte-1xj3bkj .fav-btn{min-width:32px;min-height:32px;padding:6px;background:#ffffffe6;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 4px #00000059}.notify-btn.svelte-1xj3bkj{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-.3125rem;border:1px solid var(--border-color);border-radius:.5rem;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.notify-btn.svelte-1xj3bkj:hover{border-color:var(--accent-red);color:var(--accent-red)}.notify-btn.svelte-1xj3bkj:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}@media(prefers-reduced-motion:reduce){.beginner-card.svelte-1xj3bkj,.beginner-card.svelte-1xj3bkj img:where(.svelte-1xj3bkj),.notify-btn.svelte-1xj3bkj{transition:none}.beginner-card.svelte-1xj3bkj:hover img:where(.svelte-1xj3bkj){transform:none}}.beginner-page.svelte-cb23m3{max-width:72rem;margin:0 auto;padding:clamp(1rem,2.5vw,2rem) 1rem 5rem}.beginner-hero.svelte-cb23m3{margin-bottom:.75rem}.beginner-hero.svelte-cb23m3 h1:where(.svelte-cb23m3){font-family:Cinzel,serif;font-weight:900;font-size:clamp(1.5rem,4.5vw,2.5rem);line-height:1.05;text-wrap:balance;color:var(--text-primary);margin:0 0 .6rem}.hero-line.svelte-cb23m3{margin:0;font-size:.9375rem;line-height:1.5;color:var(--text-secondary)}.hero-line.svelte-cb23m3 a:where(.svelte-cb23m3){color:var(--accent-red);font-weight:600;text-decoration:underline;text-underline-offset:2px}.crumbs.svelte-cb23m3{display:flex;gap:.5rem;font-size:.8125rem;color:var(--text-muted);margin-bottom:.6rem}.crumbs.svelte-cb23m3 a:where(.svelte-cb23m3){color:var(--text-secondary);text-decoration:none}.crumbs.svelte-cb23m3 a:where(.svelte-cb23m3):hover{text-decoration:underline}.controls.svelte-cb23m3{display:flex;flex-direction:column;gap:.5rem;padding:0 0 .75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.controls-label.svelte-cb23m3{font-size:.8125rem;line-height:1.5;color:var(--text-muted);margin:0}.color-row.svelte-cb23m3{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:639px){.color-row.svelte-cb23m3{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:4px;margin:-4px;-webkit-overflow-scrolling:touch}.color-row.svelte-cb23m3::-webkit-scrollbar{display:none}}.color-chip.svelte-cb23m3{flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.45rem .85rem;font-family:Space Grotesk,sans-serif;font-size:.8125rem;font-weight:600;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.color-chip.svelte-cb23m3:hover{border-color:var(--accent-red);color:var(--text-primary)}.color-chip.selected.svelte-cb23m3{border-color:var(--accent-red);background:var(--accent-red);color:#fff}.color-chip.svelte-cb23m3:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}.color-dot.svelte-cb23m3{width:.8rem;height:.8rem;border-radius:999px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.dot-multi.svelte-cb23m3{background:conic-gradient(#dc2626,#eab308,#16a34a,#2563eb,#7c3aed,#dc2626)}.dot-all.svelte-cb23m3{background:transparent;border:2px solid currentColor;opacity:.6}.color-count.svelte-cb23m3{font-size:.6875rem;font-weight:700;opacity:.75}.pick-section.svelte-cb23m3{margin-bottom:2.5rem}.section-head.svelte-cb23m3{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .75rem;margin-bottom:.75rem}.section-heading.svelte-cb23m3{font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width:639px){.section-heading.svelte-cb23m3{font-size:1rem}}.picks-grid.svelte-cb23m3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(min-width:640px){.picks-grid.svelte-cb23m3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media(min-width:1024px){.picks-grid.svelte-cb23m3{grid-template-columns:repeat(4,minmax(0,1fr))}}.state-message.svelte-cb23m3{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.btn-secondary.svelte-cb23m3{padding:.6rem 1.25rem;background:transparent;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.btn-secondary.svelte-cb23m3:hover,.btn-secondary.svelte-cb23m3:focus-visible{border-color:var(--text-primary)}.btn-secondary.svelte-cb23m3:focus-visible{outline:2px solid var(--accent-red);outline-offset:2px}.load-more-row.svelte-cb23m3{display:flex;justify-content:center;margin-top:1.5rem}.beginner-guide.svelte-cb23m3{max-width:44rem;margin:3rem auto 0;border-radius:.75rem;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9375rem;line-height:1.65;scroll-margin-top:5rem}.beginner-guide.svelte-cb23m3 summary:where(.svelte-cb23m3){display:flex;align-items:center;justify-content:space-between;gap:.35rem 1rem;min-height:44px;padding:.6rem 1rem;cursor:pointer;list-style:none;font-size:.875rem;line-height:1.4}.beginner-guide.svelte-cb23m3 summary:where(.svelte-cb23m3)::-webkit-details-marker{display:none}.beginner-guide.svelte-cb23m3 summary:where(.svelte-cb23m3):focus-visible{outline:2px solid var(--accent-red);outline-offset:2px;border-radius:.75rem}.guide-toggle.svelte-cb23m3{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.guide-toggle.svelte-cb23m3 svg{transition:transform .15s ease}.beginner-guide[open].svelte-cb23m3 .guide-toggle:where(.svelte-cb23m3) svg{transform:rotate(180deg)}.guide-toggle-open.svelte-cb23m3,.beginner-guide[open].svelte-cb23m3 .guide-toggle-closed:where(.svelte-cb23m3){display:none}.beginner-guide[open].svelte-cb23m3 .guide-toggle-open:where(.svelte-cb23m3){display:inline}.guide-body.svelte-cb23m3{padding:1rem 1rem 1.25rem;border-top:1px solid var(--border-color)}.guide-body.svelte-cb23m3 p:where(.svelte-cb23m3){margin:0 0 .75rem}.beginner-guide.svelte-cb23m3 h2:where(.svelte-cb23m3){font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:1.5rem 0 .5rem}.beginner-guide.svelte-cb23m3 table:where(.svelte-cb23m3){width:100%;border-collapse:collapse;margin:.75rem 0 1rem;font-size:.875rem}.beginner-guide.svelte-cb23m3 caption:where(.svelte-cb23m3){text-align:left;font-weight:700;color:var(--text-primary);padding-bottom:.4rem}.beginner-guide.svelte-cb23m3 th:where(.svelte-cb23m3),.beginner-guide.svelte-cb23m3 td:where(.svelte-cb23m3){text-align:left;padding:.5rem .75rem .5rem 0;border-bottom:1px solid var(--border-color)}.beginner-guide.svelte-cb23m3 ul:where(.svelte-cb23m3){margin:.5rem 0 1rem;padding-left:1.25rem;list-style:disc}.beginner-guide.svelte-cb23m3 strong:where(.svelte-cb23m3){color:var(--text-primary)}.beginner-guide.svelte-cb23m3 a:where(.svelte-cb23m3){color:var(--accent-red);font-weight:600;text-decoration:none}.beginner-guide.svelte-cb23m3 a:where(.svelte-cb23m3):hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.btn-secondary.svelte-cb23m3,.color-chip.svelte-cb23m3,.guide-toggle.svelte-cb23m3 svg{transition:none}}
