:root{--cream: #fff3df;--ink: #241038;--magenta: #ff2e88;--cyan: #16cdd9;--yellow: #ffce3a;--grape: #5a2aa0;--blue: #2f7bff;--mango: #ff9d12;--berry: #ff2e63;--cola: #7a3f1e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Avenir Next,Trebuchet MS,system-ui,sans-serif;background:radial-gradient(rgba(36,16,56,.1) 1.4px,transparent 1.6px) 0 0 / 14px 14px,linear-gradient(180deg,#fff7e9,var(--cream));background-attachment:fixed}a{color:inherit}:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.fat{font-family:Arial Black,Helvetica Neue,Impact,sans-serif;font-weight:900;letter-spacing:-.02em}.wrap{max-width:1120px;margin:0 auto;padding:clamp(18px,4vw,46px)}.site-head{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-bottom:28px}.logo{display:flex;align-items:center;gap:16px;text-decoration:none}.burst{position:relative;width:84px;height:84px;flex:none;display:grid;place-items:center;color:#fff;background:var(--magenta);clip-path:polygon(50% 0,61% 18%,82% 12%,79% 34%,100% 41%,84% 56%,95% 76%,72% 75%,64% 97%,50% 82%,36% 97%,28% 75%,5% 76%,16% 56%,0 41%,21% 34%,18% 12%,39% 18%);transform:rotate(-8deg);box-shadow:0 6px #2410382e}.burst b{font-family:Arial Black,sans-serif;font-weight:900;font-size:13px;line-height:.9;text-align:center;transform:rotate(8deg);text-transform:uppercase}.logo-word{display:block;font-size:clamp(38px,8vw,72px);line-height:.85;text-transform:uppercase;color:var(--grape);text-shadow:3px 3px 0 var(--yellow),6px 6px 0 var(--ink)}.logo .sub{display:block;font-size:13px;letter-spacing:.22em;color:var(--magenta);font-weight:800;text-transform:uppercase;margin-top:8px;-webkit-text-stroke:0}.kicker{font-family:Arial Black,sans-serif;font-weight:900;background:var(--cyan);color:var(--ink);border:3px solid var(--ink);padding:10px 16px;transform:rotate(3deg);box-shadow:5px 5px 0 var(--ink);text-transform:uppercase;font-size:14px;max-width:230px;line-height:1.1}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:30px 0}.pill{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.02em;border:3px solid var(--ink);background:#fff;padding:8px 15px;border-radius:999px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.pill.on{background:var(--yellow)}.pill.tag{box-shadow:none;border-width:2px;font-size:12px;background:transparent}.pill.tag:hover{background:#fff}.spacer{flex:1}.count{font-family:Courier New,monospace;font-weight:700;font-size:13px;background:var(--ink);color:var(--yellow);padding:6px 10px;transform:rotate(-2deg)}.empty{text-align:center;font-weight:700;padding:40px 0}.badges{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.badge{font-family:Arial Black,sans-serif;font-weight:900;font-size:11px;text-transform:uppercase;border:3px solid var(--ink);padding:5px 10px}.badge.free{background:var(--cyan)}.badge.booze{background:var(--magenta);color:#fff}.meta{display:flex;flex-wrap:wrap;gap:10px}.mbox{border:3px solid var(--ink);padding:7px 12px;background:var(--yellow);font-weight:800;font-size:13px;text-transform:uppercase}.mbox b{font-family:Courier New,monospace;display:block;font-size:18px}.stepper{display:inline-flex;border:3px solid var(--ink)}.stepper button{border:0;background:var(--cyan);width:30px;height:30px;font-weight:900;cursor:pointer;font-size:18px}.stepper span{min-width:34px;display:grid;place-items:center;font-family:Courier New,monospace;font-weight:700;border-left:3px solid var(--ink);border-right:3px solid var(--ink)}.ing{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}.ing li{display:flex;justify-content:space-between;gap:12px}.ing .amt{font-family:Courier New,monospace;font-weight:700;white-space:nowrap}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;font-weight:800;text-transform:uppercase;background:var(--cream);border:2px solid var(--ink);padding:4px 10px}.share{display:flex;gap:12px;flex-wrap:wrap;border-top:3px dashed var(--ink);padding-top:16px;margin-top:2px}.sbtn{font-family:Arial Black,sans-serif;font-weight:900;font-size:13px;text-transform:uppercase;cursor:pointer;border:3px solid var(--ink);padding:11px 16px;box-shadow:4px 4px 0 var(--ink);text-decoration:none;display:inline-block}.sbtn.a{background:var(--magenta);color:#fff}.sbtn.b{background:var(--cyan)}.sbtn.c{background:var(--yellow)}.toast{display:inline-block;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:var(--ink);color:var(--yellow);padding:6px 14px;border-radius:999px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--grape)}.cup{position:relative;border:4px solid var(--ink);background:repeating-linear-gradient(45deg,#fff 0 10px,#f4ebd8 10px 20px);min-height:280px;display:grid;place-items:end center;overflow:hidden}.liquid{position:absolute;left:0;right:0;bottom:0;height:74%;background:repeating-linear-gradient(120deg,rgba(255,255,255,.25) 0 3px,transparent 3px 8px),var(--c);border-top:4px solid var(--ink)}.straw{position:absolute;top:6%;left:60%;width:14px;height:78%;background:repeating-linear-gradient(0deg,var(--magenta) 0 12px,#fff 12px 24px);border:3px solid var(--ink);transform:rotate(10deg);z-index:2}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.card{background:#fff;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);overflow:hidden;transition:transform .15s}.card:nth-child(2){transform:rotate(-1deg)}.card:nth-child(3){transform:rotate(1deg)}.card:hover{transform:translateY(-4px) rotate(0)}.card .cup{min-height:170px;border:0;border-bottom:4px solid var(--ink)}.card-body{padding:15px;display:flex;flex-direction:column;gap:10px}.card-body h3{margin:0;font-size:18px;text-transform:uppercase;color:var(--grape);line-height:.95}.card-meta{display:flex;gap:8px;flex-wrap:wrap;font-family:Courier New,monospace;font-weight:700;font-size:12px}.card-meta span{background:var(--cream);border:2px solid var(--ink);padding:2px 7px}.site-foot{margin-top:42px;text-align:center;font-weight:700;font-size:12px;padding-bottom:24px}.back{display:inline-block;font-weight:800;margin-bottom:20px;text-decoration:none;color:var(--grape)}.back:hover{text-decoration:underline}.recipe{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:clamp(18px,3vw,36px);background:#fff;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--grape);padding:clamp(18px,3vw,30px);position:relative;margin-bottom:38px}.recipe-cup{display:flex;justify-content:center;align-items:flex-start}.recipe-body{display:flex;flex-direction:column;gap:14px;min-width:0}.sec{font-family:Arial Black,sans-serif;font-weight:900;font-size:13px;text-transform:uppercase;color:var(--magenta);margin:10px 0;border-bottom:3px solid var(--ink);padding-bottom:6px}.steps{font-size:14px;line-height:1.45;font-weight:500}.steps ol{margin:0;padding-left:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:10px}.steps ol li{display:flex;gap:11px;counter-increment:s}.steps ol li:before{content:counter(s);flex:none;width:26px;height:26px;background:var(--grape);color:#fff;font-family:Arial Black,sans-serif;font-weight:900;display:grid;place-items:center;border:2px solid var(--ink)}.steps p{margin:10px 0}.steps p:first-child{margin-top:0}@media print{.site-head,.site-foot,.filters,.back,.share,.stepper{display:none!important}body{background:#fff}.recipe{grid-template-columns:1fr}a[href]:after{content:""}}@media(max-width:760px){.cup{min-height:220px}.recipe{grid-template-columns:1fr}}