/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--jam:#a9272d;--jam-dark:#72191f;--jam-soft:#c9504f;--jam-text:var(--jam-dark);--parchment:#f2dfb7;--parchment-deep:#e4c88f;--cream:#fff7e4;--paper:#fffaf0;--dough:#c58345;--brown:#4e2b1d;--ink:#2f211b;--muted:#866b59;--line:#c8a878;--baked:#416247;--baked-light:#dce7d2;--shadow:0 5px 0 #4e2b1d2e;--rail:#ead1a0;--strip:#fff7e4eb;--card:#fffaf0f0;--soft-panel:#f3e4c6;--recipe:#fff3d6;--tag:#f0dfbd;--copy-soft:#76503b;--display-font:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--body-font:"Avenir Next", Avenir, "Trebuchet MS", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--parchment)}body{background:linear-gradient(#a9272d0b 1px, transparent 1px), linear-gradient(90deg, #a9272d0b 1px, transparent 1px), var(--parchment);color:var(--ink);font-family:var(--body-font);background-size:28px 28px;margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #245f8f}.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}.cookiedex-shell{min-height:100vh}.dex-header{min-height:118px;color:var(--cream);background:var(--jam);border-bottom:8px solid var(--jam-dark);grid-template-columns:minmax(250px,.85fr) minmax(260px,.8fr) minmax(340px,1.25fr);align-items:center;gap:24px;padding:20px 132px 20px 26px;display:grid;position:relative;box-shadow:0 4px #4e2b1d33}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-lockup h1{font:700 clamp(2.1rem, 4vw, 3.45rem)/.9 var(--display-font);letter-spacing:-.05em;text-shadow:0 3px 0 var(--jam-dark);margin:0}.eyebrow{color:#f3d79d;letter-spacing:.16em;text-transform:uppercase;margin:0 0 5px;font-size:.7rem;font-weight:700}.brand-cookie{border:4px solid var(--brown);width:58px;height:58px;box-shadow:inset -7px -8px 0 #b36d36, 0 5px 0 var(--jam-dark);background:#d89c52;border-radius:50%;flex:0 0 58px;position:relative}.brand-cookie i{background:var(--brown);border-radius:50%;width:8px;height:8px;position:absolute}.brand-cookie i:first-child{top:13px;left:16px}.brand-cookie i:nth-child(2){top:27px;right:12px}.brand-cookie i:nth-child(3){bottom:10px;left:18px}.progress-cluster{grid-template-columns:auto 1fr;align-items:end;gap:6px 14px;display:grid}.progress-copy{flex-direction:column;grid-row:1/3;display:flex}.progress-copy span,.progress-percent{color:#f4d9a6;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:700}.progress-copy strong{font:700 2rem/1 var(--display-font)}.progress-copy small{color:#f4d9a6;margin-left:3px;font-size:.8rem}.progress-track{border:2px solid var(--brown);background:var(--jam-dark);border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 2px #0000002e}.progress-track span{border-radius:inherit;background:#f0cf7d;height:100%;transition:width .24s;display:block}.progress-percent{justify-self:end;font-size:.63rem}.search-box{min-height:58px;color:var(--brown);border:3px solid var(--brown);background:var(--paper);box-shadow:0 5px 0 var(--jam-dark);border-radius:14px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:0 13px 0 16px;display:grid}.search-box>span{font:700 2rem/1 var(--display-font);transform:rotate(-15deg)}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-weight:550}.search-box input::placeholder{color:#8b7665}.search-box button{background:var(--parchment);width:30px;height:30px;color:var(--jam);cursor:pointer;border:0;border-radius:50%;font-weight:900}.theme-switch{border:2px solid var(--brown);background:var(--jam-dark);border-radius:999px;padding:3px;display:flex;position:absolute;top:14px;right:18px;box-shadow:0 3px #2f14114d}.theme-switch button{color:#f4d9a6;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:30px;height:30px;padding:0 7px;font-weight:650}.theme-switch button span{line-height:1;display:block}.theme-switch button small{display:none}.theme-switch button.active{color:var(--jam-dark);background:#f4d9a6}.active-strip{border-bottom:2px solid var(--line);background:var(--strip);align-items:center;gap:14px;min-height:50px;padding:9px 24px;display:flex}.result-count{white-space:nowrap;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.result-count strong{color:var(--jam)}.filter-chips{scrollbar-width:thin;flex:1;align-items:center;gap:7px;display:flex;overflow-x:auto}.filter-chips>span{color:var(--muted);font-size:.82rem}.filter-chips button{white-space:nowrap;border:1px solid var(--line);color:var(--brown);background:var(--tag);cursor:pointer;text-transform:capitalize;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:650}.clear-link{color:var(--jam);cursor:pointer;background:0 0;border:0;font-size:.78rem;font-weight:700;text-decoration:underline}.dex-layout{grid-template-columns:224px minmax(450px,1fr) 410px;align-items:start;gap:16px;padding:16px;display:grid}.filter-rail{border:2px solid var(--line);background:var(--rail);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:14px;padding:16px;position:sticky;top:16px;overflow-y:auto}.rail-heading{border-bottom:1px solid #c19e69;justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.rail-heading div{color:var(--jam-text);text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:8px;font-size:.8rem;display:flex}.rail-heading button{color:var(--jam);cursor:pointer;background:0 0;border:0;font-size:.72rem;font-weight:700;text-decoration:underline}.filter-rail fieldset{border:0;border-bottom:1px solid #c19e69;margin:16px 0 0;padding:0 0 15px}.filter-rail legend,.filter-select>span{color:var(--brown);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.67rem;font-weight:700;display:block}.segmented{border:1px solid var(--line);background:var(--paper);border-radius:9px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segmented button{color:var(--muted);cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-radius:6px;padding:8px 3px;font-size:.72rem;font-weight:700}.segmented button.active{color:var(--cream);background:var(--jam);box-shadow:0 2px 0 var(--jam-dark)}.filter-select{margin-top:14px;display:block}.filter-select select{border:2px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--paper);cursor:pointer;font-family:var(--display-font);border-radius:8px;padding:0 34px 0 11px;font-size:.92rem;font-weight:600}.rail-footnote{border-left:4px solid var(--jam);background:var(--paper);margin:18px -4px 0;padding:13px}@supports (color:color-mix(in lab, red, red)){.rail-footnote{background:color-mix(in srgb, var(--paper) 74%, transparent)}}.rail-footnote strong{color:var(--jam-text);font:650 .95rem var(--display-font)}.rail-footnote p{color:var(--copy-soft);margin:5px 0 0;font-size:.72rem;line-height:1.45}.reset-progress{border:1px dashed var(--jam);width:100%;color:var(--jam-text);cursor:pointer;background:0 0;border-radius:8px;margin-top:14px;padding:9px;font-size:.72rem;font-weight:700}.cookie-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:13px;display:grid}.cookie-card{background:var(--card);border:2px solid #c8a878;border-radius:13px;flex-direction:column;min-width:0;padding:13px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 4px #c09b67}.cookie-card:hover{transform:translateY(-3px);box-shadow:0 7px #bd9460}.cookie-card.selected{border:3px solid var(--jam);box-shadow:0 5px 0 var(--jam-dark)}.card-meta{color:var(--jam-text);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:750;display:flex}.state{color:#7e674f;text-transform:uppercase;background:#eadab8;border-radius:5px;padding:4px 7px;font-size:.6rem}.state.baked{color:#fff;background:var(--baked)}.card-title{text-align:left;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0}.card-title strong{overflow-wrap:anywhere;color:var(--ink);font:650 clamp(1.05rem, 1.45vw, 1.35rem)/1.08 var(--display-font);display:block}.card-title span{-webkit-line-clamp:2;color:var(--copy-soft);-webkit-box-orient:vertical;margin-top:5px;font-size:.7rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:13px;display:flex}.card-tags span{color:var(--copy-soft);background:var(--tag);letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:4px 7px;font-size:.58rem;font-weight:700}.cookie-specimen{cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.cookie-specimen:disabled{cursor:default}.cookie-specimen.compact{width:100%;height:138px}.cookie-specimen.hero{background:radial-gradient(circle,#c583452e,#0000 62%);width:100%;height:218px}.cookie-body{border:5px solid var(--cookie-accent);width:94px;height:94px;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.cookie-body{border:5px solid color-mix(in srgb, var(--cookie-accent) 86%, #301a12)}}.cookie-body{background:var(--cookie-base);box-shadow:inset -9px -10px 0 var(--cookie-accent), 0 10px 0 #4e2b1d29;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.cookie-body{box-shadow:inset -9px -10px 0 color-mix(in srgb, var(--cookie-accent) 24%, transparent), 0 10px 0 #4e2b1d29}}.cookie-body{transform:rotate(calc((var(--cookie-detail) - 2) * 2deg));transition:transform .16s}.hero .cookie-body{width:158px;height:158px;box-shadow:inset -14px -16px 0 var(--cookie-accent), 0 14px 0 #4e2b1d29;border-width:7px}@supports (color:color-mix(in lab, red, red)){.hero .cookie-body{box-shadow:inset -14px -16px 0 color-mix(in srgb, var(--cookie-accent) 24%, transparent), 0 14px 0 #4e2b1d29}}.cookie-specimen:not(:disabled):hover .cookie-body{transform:rotate(3deg)scale(1.05)}.cookie-body i{background:var(--cookie-accent);border-radius:50%;width:11%;height:11%;position:absolute;box-shadow:inset 2px 2px #ffffff1f}.cookie-body i:first-child{top:19%;left:24%}.cookie-body i:nth-child(2){top:27%;right:18%}.cookie-body i:nth-child(3){top:49%;left:44%}.cookie-body i:nth-child(4){bottom:15%;left:22%}.cookie-body i:nth-child(5){bottom:20%;right:21%}.shape-plain .cookie-body i,.shape-oblong .cookie-body i{opacity:.2;width:4%;height:4%}.shape-ring .cookie-body{background:radial-gradient(circle, var(--cream) 0 24%, var(--cookie-accent) 25% 35%, var(--cookie-base) 36%)}.shape-ring .cookie-body i{display:none}.shape-ridged .cookie-body{background:repeating-radial-gradient(circle, transparent 0 9px, var(--cookie-accent) 10px 13px), var(--cookie-base)}@supports (color:color-mix(in lab, red, red)){.shape-ridged .cookie-body{background:repeating-radial-gradient(circle, transparent 0 9px, color-mix(in srgb, var(--cookie-accent) 32%, transparent) 10px 13px), var(--cookie-base)}}.shape-ridged .cookie-body i{display:none}.shape-wafer .cookie-body{background:repeating-linear-gradient(45deg, transparent 0 9px, var(--cookie-accent) 10px 13px), repeating-linear-gradient(-45deg, transparent 0 9px, var(--cookie-accent) 10px 13px), var(--cookie-base)}@supports (color:color-mix(in lab, red, red)){.shape-wafer .cookie-body{background:repeating-linear-gradient(45deg, transparent 0 9px, color-mix(in srgb, var(--cookie-accent) 55%, transparent) 10px 13px), repeating-linear-gradient(-45deg, transparent 0 9px, color-mix(in srgb, var(--cookie-accent) 45%, transparent) 10px 13px), var(--cookie-base)}}.shape-wafer .cookie-body i{display:none}.shape-sandwich .cookie-body{height:72px;box-shadow:0 9px 0 var(--cream), 0 17px 0 var(--cookie-accent), 0 25px 0 var(--cookie-base), 0 34px 0 #4e2b1d26;border-radius:50%}.hero.shape-sandwich .cookie-body{height:112px;box-shadow:0 12px 0 var(--cream), 0 23px 0 var(--cookie-accent), 0 35px 0 var(--cookie-base), 0 48px 0 #4e2b1d26}.shape-oblong .cookie-body{background:repeating-linear-gradient(90deg, transparent 0 20px, var(--cookie-accent) 21px 23px), var(--cookie-base);border-radius:32%;width:120px}@supports (color:color-mix(in lab, red, red)){.shape-oblong .cookie-body{background:repeating-linear-gradient(90deg, transparent 0 20px, color-mix(in srgb, var(--cookie-accent) 20%, transparent) 21px 23px), var(--cookie-base)}}.hero.shape-oblong .cookie-body{width:188px}.shape-thumbprint .cookie-body{background:radial-gradient(circle at center, var(--cookie-accent) 0 29%, transparent 30%), var(--cookie-base)}.shape-thumbprint .cookie-body i{display:none}.shape-crinkle .cookie-body{background:repeating-linear-gradient(120deg, #fff7e4cc 0 3px, transparent 4px 15px), var(--cookie-base)}.shape-crinkle .cookie-body i{display:none}.shape-crescent .cookie-body{border-radius:50%;width:112px;height:76px;transform:rotate(-18deg)}.hero.shape-crescent .cookie-body{width:190px;height:124px}.cookie-specimen.art-chocolate-chip .cookie-body i,.cookie-specimen.art-cocoa-nib .cookie-body i{opacity:1;background:#3d2018;border-radius:58% 42% 55% 45%;width:13%;height:11%;transform:rotate(18deg)}.cookie-specimen.art-chocolate-chip .cookie-body i:nth-child(2),.cookie-specimen.art-cocoa-nib .cookie-body i:nth-child(2){transform:rotate(-22deg)}.cookie-specimen.art-chocolate-chip .cookie-body i:nth-child(4),.cookie-specimen.art-cocoa-nib .cookie-body i:nth-child(4){width:10%;height:13%;transform:rotate(42deg)}.art-rainbow-chip .cookie-body{background:#eacb91}.cookie-specimen.art-rainbow-chip .cookie-body i{opacity:1;border-radius:999px;width:11%;height:7%}.art-rainbow-chip .cookie-body i:first-child{background:#da4052;transform:rotate(22deg)}.art-rainbow-chip .cookie-body i:nth-child(2){background:#3f76c8;transform:rotate(-35deg)}.art-rainbow-chip .cookie-body i:nth-child(3){background:#f0c83f;transform:rotate(58deg)}.art-rainbow-chip .cookie-body i:nth-child(4){background:#4c9b69;transform:rotate(-12deg)}.art-rainbow-chip .cookie-body i:nth-child(5){background:#9b62b9;transform:rotate(38deg)}.art-christmas-tree .cookie-body{clip-path:polygon(50% 0,68% 26%,61% 26%,82% 54%,69% 54%,94% 88%,60% 88%,60% 100%,40% 100%,40% 88%,6% 88%,31% 54%,18% 54%,39% 26%,32% 26%);width:84px;height:105px;box-shadow:none;filter:drop-shadow(0 9px #4e2b1d29);background:#5b2c1c;border:0;border-radius:0;transform:none}.hero.art-christmas-tree .cookie-body{width:130px;height:168px}.art-christmas-tree .cookie-body:before,.art-christmas-tree .cookie-body:after{content:"";clip-path:inherit;position:absolute}.art-christmas-tree .cookie-body:before{z-index:1;background:#c77d3e;inset:5%}.art-christmas-tree .cookie-body:after{z-index:2;background:#3f8057;inset:14% 13% 18%}.cookie-specimen.art-christmas-tree .cookie-body i{z-index:3;opacity:1;background:#d53b43;width:9%;height:9%;box-shadow:0 1px #3c1e1447}.art-christmas-tree .cookie-body i:nth-child(2){background:#f2ca53}.art-christmas-tree .cookie-body i:nth-child(3){background:#6aa8df}.art-christmas-tree .cookie-body i:nth-child(4){background:#f0d17d}.art-christmas-tree .cookie-body i:nth-child(5){background:#d85a84}.cookie-specimen.art-christmas-tree:not(:disabled):hover .cookie-body{transform:scale(1.05)}.art-black-white .cookie-body{background:linear-gradient(90deg,#f7ead2 0 48%,#40261f 49% 100%)}.art-black-white .cookie-body i{display:none}.art-black-white .cookie-body:after{content:"";background:#ffffff40;border-radius:999px;width:5%;position:absolute;inset:8% 48% 8% auto}.art-layered-bar .cookie-body{background:linear-gradient(#5a3022 0 20%,#d08d47 21% 42%,#f0cf91 43% 61%,#9d552f 62% 100%);border-radius:18%;width:118px;height:82px}.hero.art-layered-bar .cookie-body{width:190px;height:126px}.art-layered-bar .cookie-body i{display:none}.art-coconut-mound .cookie-body{background:repeating-linear-gradient(72deg,#0000 0 7px,#fff8df8c 8px 11px),#d7a75e;border-radius:48% 48% 38% 38%;width:96px;height:92px}.art-coconut-mound .cookie-body i{display:none}.art-fortune .cookie-body{background:radial-gradient(at 50% 115%,#744125 0 25%,#0000 26%),#d29a4e;border-radius:55% 55% 45% 45%;width:112px;height:70px;transform:rotate(-8deg)}.hero.art-fortune .cookie-body{width:185px;height:112px}.art-fortune .cookie-body i{display:none}.art-fortune .cookie-body:after{content:"";background:#502a1947;border-radius:50%;height:8%;position:absolute;bottom:15%;left:18%;right:18%}.art-gingerbread .cookie-body{clip-path:polygon(37% 0,63% 0,70% 10%,67% 24%,82% 32%,100% 48%,89% 61%,72% 48%,70% 69%,84% 94%,67% 100%,50% 78%,33% 100%,16% 94%,30% 69%,28% 48%,11% 61%,0 48%,18% 32%,33% 24%,30% 10%);width:92px;height:105px;box-shadow:none;filter:drop-shadow(0 9px #4e2b1d29);background:#5e2e20;border:0;border-radius:0;transform:none}.hero.art-gingerbread .cookie-body{width:142px;height:168px}.art-gingerbread .cookie-body:before{content:"";z-index:1;clip-path:inherit;background:radial-gradient(circle at 38% 28%,#ffffff1f 0 2%,#0000 3%),#a85d31;position:absolute;inset:5%}.art-gingerbread .cookie-body:after{content:"";z-index:2;border-bottom:3px solid #f6e3bd;border-radius:50%;width:22%;height:9%;position:absolute;top:23%;left:39%}.cookie-specimen.art-gingerbread .cookie-body i{z-index:3;opacity:1;background:#f6e3bd;width:7%;height:7%;box-shadow:0 1px #4623184d}.art-gingerbread .cookie-body i:first-child{top:15%;left:39%}.art-gingerbread .cookie-body i:nth-child(2){top:15%;right:39%}.art-gingerbread .cookie-body i:nth-child(3){background:#cf3142;top:34%;left:47%}.art-gingerbread .cookie-body i:nth-child(4){background:#f0c54d;top:47%;left:47%}.art-gingerbread .cookie-body i:nth-child(5){background:#5e91c7;top:59%;right:46%}.cookie-specimen.art-gingerbread:not(:disabled):hover .cookie-body{transform:scale(1.05)}.art-maple-leaf .cookie-body{clip-path:polygon(50% 0,59% 23%,76% 14%,72% 36%,98% 31%,82% 54%,98% 63%,64% 72%,62% 100%,42% 100%,44% 73%,8% 63%,23% 54%,4% 31%,31% 36%,26% 14%,43% 23%);width:100px;height:105px;box-shadow:none;filter:drop-shadow(0 9px #4e2b1d29);background:#60301e;border:0;border-radius:0;transform:none}.hero.art-maple-leaf .cookie-body{width:155px;height:170px}.art-maple-leaf .cookie-body:before,.art-maple-leaf .cookie-body:after{content:"";clip-path:inherit;position:absolute}.art-maple-leaf .cookie-body:before{z-index:1;background:#d09250;inset:5%}.art-maple-leaf .cookie-body:after{z-index:2;background:linear-gradient(135deg,#bd7136,#9b532e);inset:13% 12% 15%}.cookie-specimen.art-maple-leaf .cookie-body i{z-index:3;box-shadow:none;background:#743b25;border-radius:999px;display:block}.art-maple-leaf .cookie-body i:first-child{width:4%;height:55%;top:25%;left:48%}.art-maple-leaf .cookie-body i:nth-child(2){width:26%;height:3%;top:42%;left:28%;transform:rotate(31deg)}.art-maple-leaf .cookie-body i:nth-child(3){width:26%;height:3%;top:42%;right:28%;transform:rotate(-31deg)}.art-maple-leaf .cookie-body i:nth-child(4){width:23%;height:3%;bottom:34%;left:31%;transform:rotate(23deg)}.art-maple-leaf .cookie-body i:nth-child(5){width:23%;height:3%;bottom:34%;right:31%;transform:rotate(-23deg)}.cookie-specimen.art-maple-leaf:not(:disabled):hover .cookie-body{transform:scale(1.05)}.art-party-ring .cookie-body{background:radial-gradient(circle, var(--paper) 0 22%, #e67fa5 23% 48%, #d7a159 49% 100%)}.cookie-specimen.art-party-ring .cookie-body i{opacity:1;background:#f5d65e;border-radius:999px;width:10%;height:4%}.art-party-ring .cookie-body i:nth-child(2){background:#57a9d2;transform:rotate(50deg)}.art-party-ring .cookie-body i:nth-child(3){background:#76ae63;transform:rotate(-30deg)}.art-party-ring .cookie-body i:nth-child(4){background:#f7f0dd;transform:rotate(65deg)}.art-party-ring .cookie-body i:nth-child(5){background:#b16bb7;transform:rotate(-12deg)}.art-blossom .cookie-body{background:radial-gradient(circle, #43261d 0 25%, #6f3d27 26% 31%, var(--cookie-base) 32%)}.art-blossom .cookie-body i{display:none}.art-jam-window .cookie-body{background:radial-gradient(circle, #b72d45 0 24%, #f0d6a1 25% 34%, var(--cookie-base) 35%)}.art-jam-window .cookie-body i{display:none}.art-pizzelle .cookie-body,.art-stroopwafel .cookie-body,.art-wafer-grid .cookie-body{background:repeating-linear-gradient(45deg, transparent 0 8px, #5b351d40 9px 12px), repeating-linear-gradient(-45deg, transparent 0 8px, #5b351d38 9px 12px), var(--cookie-base)}.art-pizzelle .cookie-body{background:repeating-radial-gradient(circle, transparent 0 7px, #5b351d2e 8px 10px), repeating-conic-gradient(from 0deg, #5b351d33 0 5deg, transparent 5deg 30deg), var(--cookie-base);border-radius:50%}.art-pizzelle .cookie-body i,.art-stroopwafel .cookie-body i,.art-wafer-grid .cookie-body i{display:none}.art-biscotti .cookie-body,.art-finger .cookie-body{border-radius:45% 28%;width:116px;height:62px;transform:rotate(-12deg)}.hero.art-biscotti .cookie-body,.hero.art-finger .cookie-body{width:190px;height:92px}.art-biscotti .cookie-body i{opacity:1;background:#7d4428;width:8%;height:11%}.art-finger .cookie-body{background:repeating-linear-gradient(90deg, transparent 0 15px, #fff7e461 16px 19px), var(--cookie-base)}.art-finger .cookie-body i{display:none}.art-stamped .cookie-body{background:repeating-radial-gradient(circle, transparent 0 10px, #683c2338 11px 13px), var(--cookie-base)}.art-stamped .cookie-body:after{content:"✦";color:#5d311d8c;place-items:center;font-size:1.75rem;display:grid;position:absolute;inset:0}.art-stamped .cookie-body i{display:none}.art-nut-studded .cookie-body i{opacity:1;background:#85502e;border-radius:60% 35% 62% 38%;width:15%;height:10%}.art-fruit-speckle .cookie-body i{opacity:1;background:#a62d42;width:10%;height:9%}.art-fruit-speckle .cookie-body i:nth-child(2),.art-fruit-speckle .cookie-body i:nth-child(5){background:#d88438}.art-crumb-speckle .cookie-body i{opacity:.24;background:#744127;width:5%;height:5%}.art-crinkle .cookie-body{background:repeating-linear-gradient(120deg, #fff7e4d1 0 4px, transparent 5px 16px), var(--cookie-base)}.art-crinkle .cookie-body i{display:none}.baked-check{border:3px solid var(--paper);color:#fff;background:var(--baked);border-radius:50%;place-items:center;width:33px;height:33px;font-weight:950;display:grid;position:absolute;top:18px;right:12%;box-shadow:0 2px #243e29}.hero .baked-check{width:40px;height:40px;top:32px}.detail-panel{border:3px solid var(--brown);background:var(--paper);max-height:calc(100vh - 32px);box-shadow:0 7px 0 var(--brown);border-radius:16px;position:sticky;top:16px;overflow-y:auto}.detail-topline{color:#f8e9c6;background:var(--jam);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:11px 15px;font-size:.66rem;font-weight:700;display:flex}.detail-topline button{color:#fff;background:var(--jam-dark);cursor:pointer;border:1px solid #efc7a8;border-radius:50%;width:28px;height:28px;font-size:1.1rem}.detail-heading{justify-content:space-between;align-items:start;gap:12px;padding:0 20px;display:flex}.detail-heading p{color:var(--jam);letter-spacing:.11em;text-transform:uppercase;margin:0 0 5px;font-size:.65rem;font-weight:700}.detail-heading h2{color:var(--ink);font:650 2.35rem/.98 var(--display-font);letter-spacing:-.035em;margin:0}.detail-heading em{color:var(--baked);font:italic 1rem var(--display-font);margin-top:5px;display:block}.rarity{border:1px solid var(--line);color:var(--jam-text);background:var(--parchment);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:.58rem;font-weight:700}.rarity-festival{color:#fff;background:var(--jam)}.rarity-legendary{color:#513813;background:#efcf78}.detail-description{font:1rem/1.55 var(--display-font);margin:17px 20px 0}.dex-note{border-left:4px solid var(--jam);color:var(--copy-soft);background:var(--soft-panel);font:italic .84rem/1.45 var(--display-font);margin:12px 20px 0;padding:12px}.fact-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:16px 20px 0;display:grid}.fact-grid div{border-right:1px solid var(--line);min-width:0;padding:9px}.fact-grid div:last-child{border-right:0}.fact-grid span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.55rem;font-weight:700;display:block}.fact-grid strong{overflow-wrap:anywhere;font:650 .85rem/1.15 var(--display-font);margin-top:4px;display:block}.bake-action{border:2px solid var(--jam-dark);color:#fff;background:var(--jam);width:calc(100% - 40px);box-shadow:0 4px 0 var(--jam-dark);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;margin:16px 20px;padding:13px;font-size:.75rem;font-weight:750}.bake-action.unbake{color:#28412c;background:var(--baked-light);border-color:#426148;box-shadow:0 4px #426148}.taxonomy-block,.recipe-card,.source-block{margin:0 20px 18px}.taxonomy-block h3,.source-block h3{color:var(--jam-text);font:650 1rem var(--display-font);margin:0 0 9px}.taxonomy-block dl{border-top:1px dashed var(--line);border-left:1px dashed var(--line);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.taxonomy-block dl div{border-right:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:7px 9px}.taxonomy-block dt{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.55rem;font-weight:700}.taxonomy-block dd{font:italic .76rem var(--display-font);margin:3px 0 0}.recipe-card{border:1px solid var(--line);background:var(--recipe);box-shadow:3px 4px 0 var(--line);padding:16px}@supports (color:color-mix(in lab, red, red)){.recipe-card{box-shadow:3px 4px 0 color-mix(in srgb, var(--line) 48%, transparent)}}.recipe-heading{justify-content:space-between;align-items:end;gap:8px;display:flex}.recipe-heading span{color:var(--jam);letter-spacing:.11em;text-transform:uppercase;font-size:.55rem;font-weight:700}.recipe-heading h3{font:650 1.7rem var(--display-font);margin:1px 0 0}.unit-switch{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.unit-switch button{color:var(--copy-soft);cursor:pointer;text-transform:uppercase;background:0 0;border:0;padding:5px 7px;font-size:.57rem;font-weight:700}.unit-switch button.active{color:#fff;background:var(--jam)}.recipe-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:12px 0;display:grid}.recipe-stats span{color:var(--copy-soft);padding:8px 5px;font-size:.65rem}.recipe-stats b{color:var(--jam-text);letter-spacing:.09em;text-transform:uppercase;font-size:.52rem;font-weight:700;display:block}.recipe-card h4{color:var(--jam-text);letter-spacing:.12em;text-transform:uppercase;margin:15px 0 7px;font-size:.68rem;font-weight:700}.ingredient-list,.method-list{margin:0;padding:0;list-style:none}.ingredient-list li{border-bottom:1px dotted var(--line);grid-template-columns:92px 1fr;gap:7px;padding:5px 0;font-size:.72rem;display:grid}.ingredient-list strong{color:var(--jam-text)}.method-list{gap:9px;display:grid}.method-list li{grid-template-columns:22px 1fr;gap:8px;display:grid}.method-list li>span{color:#fff;background:var(--jam);border-radius:50%;place-items:center;width:21px;height:21px;font-size:.6rem;font-weight:900;display:grid}.method-list p{color:var(--ink);font:.72rem/1.45 var(--display-font);margin:0}.recipe-note{color:var(--copy-soft);margin:13px 0 0;font-size:.64rem;line-height:1.4}.source-block{border-top:1px solid var(--line);padding-top:13px}.source-block p{color:var(--muted);margin:0 0 8px;font-size:.67rem;line-height:1.4}.source-block div{flex-wrap:wrap;gap:6px;display:flex}.source-block a{color:var(--jam);font-size:.66rem;font-weight:850}.empty-state{text-align:center;border:2px dashed var(--line);background:var(--paper);border-radius:14px;grid-column:1/-1;align-content:center;place-items:center;min-height:400px;padding:50px 20px;display:grid}@supports (color:color-mix(in lab, red, red)){.empty-state{background:color-mix(in srgb, var(--paper) 78%, transparent)}}.empty-state h2{font:650 1.8rem var(--display-font);margin:8px 0 4px}.empty-state p{color:var(--muted);margin:0 0 15px}.empty-state button{border:2px solid var(--jam-dark);color:#fff;background:var(--jam);cursor:pointer;border-radius:7px;padding:10px 14px;font-weight:900}.empty-cookie{color:var(--dough);font-size:4rem}.toast{z-index:20;border:2px solid var(--brown);color:#fff;background:var(--baked);max-width:min(380px,100vw - 44px);box-shadow:0 4px 0 var(--brown);border-radius:9px;padding:12px 16px;font-weight:800;position:fixed;bottom:22px;right:22px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--jam:#c94c54;--jam-dark:#61191e;--jam-soft:#e87980;--jam-text:#f1999e;--parchment:#17110e;--parchment-deep:#2e2119;--cream:#f7e0b2;--paper:#251a15;--dough:#bd7942;--brown:#d6aa86;--ink:#f5e5ce;--muted:#baa18e;--line:#765744;--baked:#78a97e;--baked-light:#2d4d35;--shadow:0 5px 0 #00000052;--rail:#2e2119;--strip:#251a15f0;--card:#251a15f5;--soft-panel:#34251d;--recipe:#2b2118;--tag:#3c2c21;--copy-soft:#d4b49d}@media (prefers-color-scheme:dark){html:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--jam:#c94c54;--jam-dark:#61191e;--jam-soft:#e87980;--jam-text:#f1999e;--parchment:#17110e;--parchment-deep:#2e2119;--cream:#f7e0b2;--paper:#251a15;--dough:#bd7942;--brown:#d6aa86;--ink:#f5e5ce;--muted:#baa18e;--line:#765744;--baked:#78a97e;--baked-light:#2d4d35;--shadow:0 5px 0 #00000052;--rail:#2e2119;--strip:#251a15f0;--card:#251a15f5;--soft-panel:#34251d;--recipe:#2b2118;--tag:#3c2c21;--copy-soft:#d4b49d}}@media (width<=1280px){.dex-layout{grid-template-columns:210px minmax(420px,1fr)}.detail-panel{grid-column:1/-1;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);align-items:start;max-height:none;display:grid;position:relative;top:auto}.detail-topline{grid-column:1/-1}.detail-panel>.cookie-specimen,.detail-heading,.detail-description,.dex-note,.fact-grid,.bake-action,.taxonomy-block{grid-column:1}.recipe-card{grid-area:2/2/span 7;margin-top:20px}.source-block{grid-column:2}}@media (width<=860px){.dex-header{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.dex-layout{grid-template-columns:1fr}.filter-rail{grid-template-columns:repeat(2,1fr);gap:0 12px;max-height:none;display:grid;position:relative;top:auto}.rail-heading,.status-field,.rail-footnote,.reset-progress{grid-column:1/-1}.detail-panel{grid-column:1;display:block}.cookie-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}@media (width<=560px){.dex-header{grid-template-columns:1fr;gap:16px;padding:17px}.brand-lockup{padding-right:72px}.theme-switch{top:10px;right:9px}.theme-switch button{min-width:25px;padding-inline:5px}.progress-cluster,.search-box{grid-column:1}.active-strip{padding-inline:14px}.result-count{display:none}.dex-layout{gap:12px;padding:10px}.filter-rail{grid-template-columns:1fr}.filter-rail>*{grid-column:1}.cookie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cookie-card{padding:9px}.cookie-specimen.compact{height:110px}.cookie-body{border-width:4px;width:76px;height:76px}.shape-oblong .cookie-body{width:92px}.card-tags span:nth-child(2){display:none}.detail-heading h2{font-size:2rem}.fact-grid{grid-template-columns:repeat(2,1fr)}.fact-grid div:nth-child(2){border-right:0}.fact-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.taxonomy-block dl{grid-template-columns:1fr}.recipe-stats{grid-template-columns:repeat(2,1fr)}.toast{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
