:root{--accent: #ff4d2e;--accent-dark: #c93316;--sun: #ffc53d;--mint: #2fbfa0;--bg: #fff6ec;--text: #3a2e28;--muted: #a08b7a;--card: #ffffff;--line: #f1e4d4;--ink: #3a2e28;--shadow: #ecd9bd;--spring: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(640px 420px at 8% -2%,#ffe9c4 0%,transparent 60%),radial-gradient(720px 520px at 96% 18%,#ffd9cf 0%,transparent 55%),radial-gradient(680px 620px at 50% 108%,#fff1da 0%,transparent 60%),var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.7;letter-spacing:-.01em;word-break:keep-all}body:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}h1,h2,h3{text-wrap:balance;line-height:1.32}.wrap{max-width:720px;margin:0 auto;padding:0 20px}header.site{position:sticky;top:12px;z-index:40;width:calc(100% - 24px);max-width:696px;margin:12px auto 0;background:#fffbf3d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2.5px solid var(--ink);border-radius:999px;box-shadow:4px 4px 0 var(--shadow)}header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}.logo{font-size:1.35rem;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.logo b{background:var(--sun);border-radius:8px;padding:0 6px}nav.site a{margin-left:2px;color:var(--text);text-decoration:none;font-size:.9rem;font-weight:800;padding:7px 12px;border-radius:999px;transition:all .5s var(--spring)}nav.site a:hover{background:var(--sun);color:var(--ink)}@media(max-width:480px){nav.site a{font-size:.82rem;padding:6px 8px}.logo{font-size:1.1rem}}main{padding:28px 0 60px}footer.site{background:var(--ink);color:#f5e8d8;padding:30px 0 44px;font-size:.85rem}footer.site a{color:#f5e8d8;text-decoration:none;margin-right:14px;font-weight:700}footer.site a:hover{color:var(--sun)}.card{background:var(--card);border:2.5px solid var(--ink);border-radius:22px;padding:22px;margin:18px 0;box-shadow:inset 0 1px #ffffffe6,5px 5px 0 var(--shadow);transition:transform .5s var(--spring),box-shadow .5s var(--spring)}.card.lift:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffffe6,8px 10px 0 var(--shadow)}.btn{display:inline-block;background:var(--accent);color:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:14px 36px;font-size:1.08rem;font-weight:900;cursor:pointer;box-shadow:0 5px 0 var(--ink);transition:transform .5s var(--spring),box-shadow .5s var(--spring),background .3s;font-family:inherit}.btn:hover:not(:disabled){transform:scale(1.02);background:#ff5f3d}.btn:active:not(:disabled){transform:translateY(4px) scale(.99);box-shadow:0 1px 0 var(--ink)}.btn:disabled{cursor:wait}.btn-big{font-size:1.3rem;padding:17px 52px}.sound-toggle{background:#fff;border:2px solid var(--ink);border-radius:999px;width:38px;height:38px;font-size:1rem;cursor:pointer;box-shadow:2px 2px 0 var(--shadow);font-family:inherit;transition:transform .5s var(--spring)}.sound-toggle:active{transform:scale(.92)}.cta-pill{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff!important;font-weight:900;border-radius:999px;padding:10px 10px 10px 22px;text-decoration:none;box-shadow:4px 4px 0 var(--shadow);transition:transform .5s var(--spring),box-shadow .5s var(--spring)}.cta-pill:hover{transform:scale(1.02)}.cta-pill:active{transform:scale(.98)}.cta-pill .cta-arrow{width:32px;height:32px;border-radius:50%;background:var(--sun);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:transform .5s var(--spring)}.cta-pill:hover .cta-arrow{transform:translate(4px)}.cat-btn{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 15px;margin:0 6px 8px 0;font-size:.88rem;font-weight:800;color:var(--text);cursor:pointer;box-shadow:2px 2px 0 var(--shadow);font-family:inherit;transition:all .5s var(--spring)}.cat-btn:hover{transform:translateY(-2px);box-shadow:3px 4px 0 var(--shadow)}.cat-btn.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:2px 2px #3a2e2840}.eyebrow{display:inline-block;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:800;letter-spacing:.14em;background:#ff4d2e1a;color:var(--accent-dark);border:1.5px solid rgba(255,77,46,.35)}.reveal{opacity:0}.reveal.in{animation:fadeRise .8s var(--spring) forwards;animation-delay:calc(var(--index, 0) * 90ms)}@keyframes fadeRise{0%{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1}.reveal.in{animation:none}}.hero{text-align:center;padding:16px 0 2px;position:relative}.hero h1{font-size:2.2rem;line-height:1.28;font-weight:900;letter-spacing:-.035em;margin:14px 0 8px}.hero h1 .grad{background:linear-gradient(100deg,var(--accent) 10%,#ff8a3d 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.marker{background:linear-gradient(transparent 52%,var(--sun) 52% 94%,transparent 94%);padding:0 4px}.sticker{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 16px;font-weight:900;font-size:.9rem;box-shadow:3px 3px 0 var(--ink);animation:floaty 2.6s ease-in-out infinite}.hero .float-emoji{position:absolute;font-size:1.9rem;animation:floaty 3.2s ease-in-out infinite;user-select:none}@keyframes floaty{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(4deg)}}.section-title{font-size:1.25rem;font-weight:900;letter-spacing:-.02em;margin:0 0 4px}.receipt{background:#fff;border:2.5px solid var(--ink);border-radius:18px;padding:20px 18px 16px;box-shadow:5px 5px 0 var(--ink);max-width:340px;margin:4px auto 0}.stamp{display:inline-block;background:var(--sun);border:2px solid var(--ink);border-radius:10px;padding:1px 12px;font-weight:900;font-size:.8rem;transform:rotate(-3deg);letter-spacing:.08em}.receipt-name{font-size:1.55rem;font-weight:900;letter-spacing:-.02em;margin:10px 0 2px}.receipt-meta{color:var(--muted);font-size:.88rem;font-weight:700}.receipt-dash{border-top:2px dashed #d8c3a5;margin:12px 0}.receipt-link{display:inline-block;background:var(--ink);color:#fff!important;font-weight:900;border-radius:12px;padding:9px 22px;text-decoration:none;margin-top:2px;transition:transform .5s var(--spring)}.receipt-link:hover{transform:scale(1.03)}.receipt-foot{margin-top:10px;font-size:.8rem;color:var(--muted);font-weight:700}article.recipe-body img{max-width:100%;border-radius:12px}article.recipe-body h2{margin-top:2em;font-size:1.25rem}article.recipe-body li{margin-bottom:6px}