:root,:root[data-theme=light]{--sm-bg:#faf5ee;--sm-surface:#fffdf9;--sm-surface-2:#f3ebdf;--sm-border:#e7dccb;--sm-text:#33261b;--sm-muted:#6f5f4e;--sm-faint:#9b8a78;--sm-primary:#c9502e;--sm-primary-strong:#b04325;--sm-primary-soft:#f7e3da;--sm-herb:#5f7d3c;--sm-herb-soft:#e8eeda;--sm-amber:#a8731a;--sm-amber-soft:#f6e8cd;--sm-shadow:0 12px 30px #5737221f;--sm-shadow-lg:0 28px 70px #3c241447;--sm-serif:"Fraunces", Georgia, "Times New Roman", serif;--sm-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--sm-blob-a:#d99a2b24;--sm-blob-b:#c9502e17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--sm-bg:#211711;--sm-surface:#2c2016;--sm-surface-2:#382a1e;--sm-border:#46362a;--sm-text:#f3e9dd;--sm-muted:#c8b6a4;--sm-faint:#917f6e;--sm-primary:#e0714b;--sm-primary-strong:#e9825f;--sm-primary-soft:#e0714b29;--sm-herb:#a3c176;--sm-herb-soft:#8fb25a29;--sm-amber:#e2ae52;--sm-amber-soft:#e2ae5226;--sm-shadow:0 12px 30px #00000059;--sm-shadow-lg:0 28px 70px #0000008c;--sm-blob-a:#e2ae5212;--sm-blob-b:#e0714b0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sm-sans);color:var(--sm-text);background:radial-gradient(720px 420px at 88% -6%, var(--sm-blob-a), transparent 62%), radial-gradient(640px 460px at -12% 24%, var(--sm-blob-b), transparent 60%), var(--sm-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;font-size:16px;line-height:1.65}img{max-width:100%;display:block}a{color:var(--sm-primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}::selection{background:color-mix(in srgb, var(--sm-primary) 28%, transparent)}:focus-visible{outline:2px solid var(--sm-primary);outline-offset:3px;border-radius:6px}.sm-page{flex-direction:column;min-height:100svh;display:flex}.sm-shell{width:100%;max-width:1120px;margin-inline:auto;padding-inline:clamp(20px,5vw,32px)}.sm-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex}.sm-btn:hover{text-decoration:none}.sm-btn-primary{background:var(--sm-primary);color:#fff;box-shadow:0 8px 22px color-mix(in srgb, var(--sm-primary) 38%, transparent)}.sm-btn-primary:hover{background:var(--sm-primary-strong);transform:translateY(-2px)}.sm-btn-ghost{border-color:var(--sm-border);background:var(--sm-surface);color:var(--sm-text)}.sm-btn-ghost:hover{border-color:color-mix(in srgb, var(--sm-primary) 45%, var(--sm-border));transform:translateY(-2px)}.sm-btn-sm{padding:8px 16px;font-size:14px}.sm-iconbtn{border:1px solid var(--sm-border);background:var(--sm-surface);width:40px;height:40px;color:var(--sm-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:inline-flex}.sm-iconbtn:hover{color:var(--sm-text);border-color:color-mix(in srgb, var(--sm-primary) 45%, var(--sm-border))}.sm-header{z-index:100;background:color-mix(in srgb, var(--sm-bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--sm-border);position:sticky;top:0}.sm-header-inner{justify-content:space-between;align-items:center;gap:16px;height:66px;display:flex}.sm-brand{color:var(--sm-text);align-items:center;gap:11px;display:flex}.sm-brand:hover{text-decoration:none}.sm-brand-name{font-family:var(--sm-serif);letter-spacing:-.01em;font-size:23px;font-weight:700}.sm-header-actions{align-items:center;gap:10px;display:flex}.sm-main{flex:1;padding-block:clamp(40px,7vw,64px) 80px}.sm-hero{text-align:center;max-width:640px;margin:0 auto 30px}.sm-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--sm-amber);margin:0 0 12px;font-size:13px;font-weight:600}.sm-h1{font-family:var(--sm-serif);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(36px,5.6vw,58px);font-weight:700;line-height:1.08}.sm-sub{color:var(--sm-muted);margin:0;font-size:17px}.sm-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:30px 0 22px;display:flex}.sm-tab{border:1px solid var(--sm-border);background:var(--sm-surface);color:var(--sm-muted);cursor:pointer;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;transition:color .2s,background-color .2s,border-color .2s}.sm-tab:hover{color:var(--sm-text);border-color:color-mix(in srgb, var(--sm-primary) 40%, var(--sm-border))}.sm-tab.active{background:var(--sm-primary);border-color:var(--sm-primary);color:#fff}.sm-search{border:1px solid var(--sm-border);background:var(--sm-surface);max-width:620px;box-shadow:var(--sm-shadow);border-radius:999px;align-items:center;gap:8px;margin:0 auto 34px;padding:6px 6px 6px 18px;display:flex}.sm-search-icon{color:var(--sm-faint);flex-shrink:0}.sm-search-input{min-width:0;color:var(--sm-text);font:inherit;background:0 0;border:none;flex:1;padding:8px 4px;font-size:16px}.sm-search-input::placeholder{color:var(--sm-faint)}.sm-search-input:focus{outline:none}.sm-cats{flex-wrap:wrap;justify-content:center;gap:16px 8px;max-width:880px;margin:0 auto 36px;display:flex}.sm-cat{width:96px;color:var(--sm-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:4px;font-size:13px;font-weight:600;transition:color .2s;display:flex}.sm-cat-img{border:1px solid var(--sm-border);background:var(--sm-surface);width:74px;height:74px;box-shadow:var(--sm-shadow);border-radius:50%;place-items:center;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;overflow:hidden}.sm-cat-img img{object-fit:contain;width:60px;height:60px}.sm-cat:hover{color:var(--sm-text)}.sm-cat:hover .sm-cat-img{border-color:color-mix(in srgb, var(--sm-primary) 45%, var(--sm-border));transform:translateY(-3px)}.sm-cat.selected{color:var(--sm-primary)}.sm-cat.selected .sm-cat-img{border-color:var(--sm-primary);box-shadow:0 0 0 4px var(--sm-primary-soft)}.sm-hint{text-align:center;width:100%;color:var(--sm-faint);margin:0;font-size:14px}.sm-random-bar{text-align:center;margin-bottom:36px}.sm-count{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--sm-primary);margin:0 0 18px;font-size:12.5px;font-weight:600}.sm-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;display:grid}.sm-card{border:1px solid var(--sm-border);background:var(--sm-surface);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;padding:0;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.sm-card:hover{border-color:color-mix(in srgb, var(--sm-primary) 40%, var(--sm-border));box-shadow:var(--sm-shadow);transform:translateY(-5px)}.sm-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.sm-card-body{flex-direction:column;gap:8px;padding:15px 17px 17px;display:flex}.sm-card-name{font-family:var(--sm-serif);color:var(--sm-text);font-size:18px;font-weight:600;line-height:1.3}.sm-card-tags{flex-wrap:wrap;gap:6px;display:flex}.sm-tag{background:var(--sm-primary-soft);color:var(--sm-primary);border-radius:999px;align-items:center;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.sm-tag-herb{background:var(--sm-herb-soft);color:var(--sm-herb)}.sm-tag-amber{background:var(--sm-amber-soft);color:var(--sm-amber)}.sm-skel{border:1px solid var(--sm-border);background:var(--sm-surface);border-radius:18px;height:266px;position:relative;overflow:hidden}.sm-skel:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--sm-text) 6%, transparent) 50%, transparent 70%);animation:1.4s infinite sm-shimmer;position:absolute;inset:0}@keyframes sm-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sm-note{border:1px dashed var(--sm-border);background:color-mix(in srgb, var(--sm-surface) 60%, transparent);text-align:center;max-width:560px;color:var(--sm-muted);border-radius:18px;margin:0 auto;padding:44px 28px}.sm-note p{margin:0 0 16px}.sm-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2412078c;place-items:center;padding:clamp(12px,3vw,32px);display:grid;position:fixed;inset:0}.sm-modal{border:1px solid var(--sm-border);background:var(--sm-bg);width:100%;max-width:880px;max-height:90svh;box-shadow:var(--sm-shadow-lg);border-radius:22px;position:relative;overflow-y:auto}.sm-close{z-index:2;background:color-mix(in srgb, var(--sm-bg) 72%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;top:14px;right:14px}.sm-modal-img{aspect-ratio:16/7;object-fit:cover;width:100%}.sm-modal-body{padding:clamp(20px,3.5vw,32px)}.sm-modal-title{font-family:var(--sm-serif);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.12}.sm-tagrow{flex-wrap:wrap;gap:7px;display:flex}.sm-modal-grid{grid-template-columns:1fr 1.5fr;gap:34px;margin-top:26px;display:grid}.sm-modal-grid h3{font-family:var(--sm-serif);margin:0 0 6px;font-size:20px;font-weight:600}.sm-h3-count{color:var(--sm-faint);font-family:var(--sm-sans);font-size:14px;font-weight:500}.sm-modal-grid .sm-hint{text-align:left;margin-bottom:12px;font-size:13px}.sm-ings{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}.sm-ings li{border:1px solid var(--sm-border);background:var(--sm-surface);border-radius:12px;transition:opacity .2s}.sm-ings label{cursor:pointer;align-items:baseline;gap:10px;padding:9px 13px;display:flex}.sm-ings input{accent-color:var(--sm-primary);cursor:pointer;flex-shrink:0;width:15px;height:15px;transform:translateY(2px)}.sm-ings em{color:var(--sm-primary);margin-right:6px;font-style:normal;font-weight:600}.sm-ings li.done{opacity:.55}.sm-ings li.done span{text-decoration:line-through}.sm-steps{counter-reset:sm-step;margin:12px 0 0;padding:0;list-style:none}.sm-steps li{counter-increment:sm-step;color:var(--sm-muted);padding:0 0 18px 44px;font-size:15px;position:relative}.sm-steps li:before{content:counter(sm-step);background:var(--sm-primary-soft);width:28px;height:28px;color:var(--sm-primary);font-family:var(--sm-serif);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:0;left:0}.sm-steps li:not(:last-child):after{content:"";background:var(--sm-border);width:1px;position:absolute;top:32px;bottom:4px;left:13.5px}.sm-modal-links{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.sm-modal-loading{text-align:center;color:var(--sm-muted);font-family:var(--sm-serif);margin:0;padding:90px 24px;font-size:19px}.sm-results{scroll-margin-top:86px}.sm-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:38px;display:flex}.sm-page-btn{border:1px solid var(--sm-border);background:var(--sm-surface);min-width:40px;height:40px;color:var(--sm-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:14px;font-weight:600;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.sm-page-btn:hover:not(:disabled):not(.active){color:var(--sm-text);border-color:color-mix(in srgb, var(--sm-primary) 45%, var(--sm-border))}.sm-page-btn.active{background:var(--sm-primary);border-color:var(--sm-primary);color:#fff;cursor:default}.sm-page-btn:disabled{opacity:.4;cursor:default}.sm-footer{border-top:1px solid var(--sm-border);color:var(--sm-faint);justify-content:center;align-items:center;gap:10px;padding:22px clamp(20px,5vw,32px);font-size:13.5px;display:flex}.sm-footer p{margin:0}@media (width<=760px){.sm-modal-grid{grid-template-columns:1fr;gap:26px}.sm-surprise{display:none}.sm-search{padding-left:14px}.sm-search .sm-btn{padding:10px 18px;font-size:14px}.sm-footer{text-align:center;flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sm-skel:after{animation:none}.sm-btn:hover,.sm-card:hover,.sm-cat:hover .sm-cat-img{transform:none}}