@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fraunces-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215}:root{--bg:#fbf6ee;--surface:#fff;--ink:#20251f;--muted:#76706a;--line:#ece4d8;--line-strong:#e0d6c6;--brand:#d8552a;--brand-ink:#b8431d;--brand-deep:#a23a18;--accent:#2f7d5b;--seed:#e9a23b;--radius:14px;--radius-sm:10px;--maxw:780px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif;--serif:"Fraunces", var(--sans);--shadow-sm:0 1px 2px #3c28140a, 0 1px 3px #3c28140f;--shadow-md:0 4px 14px #462d1412, 0 2px 6px #462d140d;--shadow-lg:0 14px 40px #462d141f, 0 4px 12px #462d140f;font-synthesis:none}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(120% 60% at 50% -10%,#fff5ea 0%,#fff5ea00 60%);background-repeat:no-repeat;margin:0;font-size:16px;line-height:1.65}a,a:hover,a:focus,a:active{color:var(--brand-ink);text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4)blur(10px);z-index:10;background:#fffdf9d1;position:sticky;top:0}.site-header .container{align-items:center;gap:16px;height:60px;display:flex}.brand{font-family:var(--serif);color:var(--brand);letter-spacing:-.01em;flex-shrink:0;font-size:23px;font-weight:600}.brand:hover{text-decoration:none}.nav{flex-shrink:0;align-items:center;gap:18px;margin-left:auto;font-size:14px;display:flex}.nav a{color:var(--muted)}@media (hover:hover){.nav a:hover{color:var(--ink);text-decoration:none}}.avatar{object-fit:cover;aspect-ratio:1;border-radius:50%;flex-shrink:0;width:28px;min-width:28px;height:28px;display:block}.searchbox{position:relative}.searchbox input{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 16px}.searchbox input:focus{border-color:var(--brand);outline:none}.searchbox.header{flex:auto;min-width:0;max-width:420px}.searchbox.header input{padding:7px 14px;font-size:14px}.searchbox.hero{margin:16px 0 24px}.searchbox.hero input{padding:13px 20px;font-size:16px}.suggest{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:12px;max-height:320px;margin:6px 0 0;padding:6px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 28px #0000001a}.suggest[hidden]{display:none}.suggest li{margin:0}.suggest a{color:var(--ink);border-radius:8px;padding:9px 12px;font-size:15px;display:block}.suggest a:hover,.suggest a.active{background:#f5f1ea;text-decoration:none}.suggest .req-item{text-align:left;cursor:pointer;width:100%;color:var(--accent,#c0492b);font:inherit;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:15px;display:block}.suggest .req-item:hover{background:#f5f1ea}.suggest .req-status{flex-direction:column;gap:3px;padding:11px 12px;display:flex}.suggest .req-status strong{color:var(--ink);font-size:15px}.suggest .req-status span{color:var(--muted,#6b6256);font-size:13.5px}.suggest .req-status .req-err{color:#922}.suggest .req-status .req-sending{color:var(--muted,#6b6256)}.lang-menu{position:relative}.lang-menu>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:14px;list-style:none}.lang-menu>summary::-webkit-details-marker{display:none}.lang-menu[open]>summary{color:var(--ink)}.lang-pop{background:var(--surface);border:1px solid var(--line);z-index:20;border-radius:10px;flex-direction:column;gap:2px;min-width:124px;padding:6px;display:flex;position:absolute;top:150%;right:0;box-shadow:0 6px 24px #00000014}.lang-pop a{color:var(--ink);border-radius:7px;padding:7px 10px;font-size:14px}.lang-pop a:hover{background:#f5f1ea;text-decoration:none}.lang-pop a.active{color:var(--brand);font-weight:700}.btn{background:linear-gradient(180deg, #e0602f 0%, var(--brand) 60%, var(--brand-ink) 100%);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-align:center;border:none;padding:12px 20px;font-size:15px;font-weight:600;transition:filter .15s,box-shadow .15s,transform 50ms;display:inline-block;box-shadow:0 2px 8px #b8431d47}.btn:active{transform:translateY(1px)}.btn-ghost{color:var(--brand-ink);border:1px solid var(--line);background:0 0}.btn,.btn:hover,.btn:focus,.btn:active,.btn-ghost,.btn-ghost:hover,.btn-ghost:focus,.btn-ghost:active,.gsi-btn,.gsi-btn:hover,.gsi-btn:focus,.gsi-btn:active{text-decoration:none}@media (hover:hover){.btn:hover{filter:brightness(1.04);text-decoration:none;box-shadow:0 4px 14px #b8431d57}.btn-ghost:hover{background:var(--brand);color:#fff;border-color:var(--brand)}}.btn-block{text-align:center;width:100%;display:block}.auth-wrap{text-align:center;max-width:380px;margin:48px auto}.auth-providers{flex-direction:column;gap:10px;display:flex}.gsi-btn{color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:8px;justify-content:center;align-items:center;gap:12px;height:44px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.gsi-btn:hover{background:#f7f8f8;text-decoration:none;box-shadow:0 1px 3px #0000001f}.gsi-logo{flex-shrink:0;width:20px;height:20px}.profile-head{align-items:center;gap:16px;margin-bottom:20px;display:flex}.avatar-lg{object-fit:cover;aspect-ratio:1;background:#f1ece4;border-radius:50%;width:64px;min-width:64px;height:64px;display:block}.avatar-fallback{color:#fff;background:var(--brand);-webkit-user-select:none;user-select:none;place-items:center;font-size:24px;font-weight:700;display:grid}.profile-head h1{margin:0;font-size:24px;line-height:1.2}.profile-head .at{color:var(--muted);margin:4px 0 0;font-size:14px}.lvl-badge{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}.lvl-admin{color:#a05a00;background:#fdebd0}.lvl-trusted{color:#1e7a4d;background:#e3f4ec}.lvl-regular{color:#46506a;background:#eef1f5}.lvl-new{color:#7a6f5f;background:#f1ece4}.stats{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:120px;padding:12px 14px}.stat .num{color:var(--ink);font-size:22px;font-weight:800}.stat .lbl{color:var(--muted);margin-top:2px;font-size:13px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:16px;padding:16px}.panel>h2{margin:0 0 12px;font-size:15px}.panel-admin{background:#fffaf7;border-color:#f3d6c8}.ban-banner{border-radius:var(--radius);color:#922;background:#fdecea;border:1px solid #e3b4a8;margin-top:16px;padding:12px 14px}.handle-input{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.handle-input>span{color:var(--muted);padding:8px 2px 8px 12px}.handle-input input[type=text]{width:150px;font:inherit;color:var(--ink);background:0 0;border:none;border-radius:0;outline:none;padding:8px 12px 8px 0}.field{border:1px solid var(--line);font:inherit;background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 12px}.modlist li{flex-direction:column;align-items:flex-start;gap:8px}.modlist .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width>=560px){.modlist li{flex-direction:row;align-items:center}}main{padding:28px 0 64px}img.hero{border-radius:var(--radius);aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:var(--shadow-md);background-color:#f1ece4;background-position:50%;background-size:cover;margin-bottom:18px}h1{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 8px;font-size:34px;font-weight:600;line-height:1.18}.summary{color:var(--muted);margin:0 0 14px;font-size:17px;line-height:1.6}.meta-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.chip{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:999px;padding:4px 12px;font-size:13px}a.chip{transition:border-color .14s,box-shadow .14s,color .14s}@media (hover:hover){a.chip:hover{border-color:var(--brand);color:var(--brand-ink)}}.chip-lang.active{background:var(--brand);color:#fff;border-color:var(--brand)}.home-hero{text-align:center;padding:30px 0 8px}.home-hero .wordmark{font-family:var(--serif);letter-spacing:-.035em;color:var(--brand);background:linear-gradient(95deg, var(--brand) 0%, #e8703f 50%, var(--brand-deep) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(44px,9vw,66px);font-weight:600;line-height:1}.home-hero .hero-tagline{color:var(--muted);max-width:30ch;margin:0 auto 4px;font-size:17px}.home-hero .searchbox.hero{max-width:540px;margin:22px auto 26px}.home-hero .searchbox.hero input{box-shadow:var(--shadow-md);border-color:var(--line-strong)}.cat-nav{flex-wrap:wrap;gap:8px;margin:4px 0 26px;display:flex}.cat-nav--center{justify-content:center;margin-bottom:30px}.cat-nav a{border:1px solid var(--line);color:var(--ink);white-space:nowrap;background:#f5f1ea;border-radius:999px;padding:5px 13px;font-size:14px;transition:background .12s,border-color .12s}.cat-nav a.active{background:var(--brand);color:#fff;border-color:var(--brand)}.cat-nav a .n{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:5px;font-size:12px}.cat-nav a.active .n{color:#fffc}@media (hover:hover){.cat-nav a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.cat-nav a:hover .n{color:#fffc}}.section{margin:30px 0}.section h2{font-family:var(--serif);letter-spacing:-.01em;border-bottom:1px solid var(--line);margin:0 0 14px;padding-bottom:8px;font-size:22px;font-weight:600;position:relative}.section h2:after{content:"";background:var(--brand);border-radius:2px;width:40px;height:2px;position:absolute;bottom:-1px;left:0}.ingredients{margin:0;padding:0;list-style:none}.ingredients li{border-bottom:1px dashed var(--line);justify-content:space-between;padding:8px 0;display:flex}.ingredients .qty{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.ing-group{margin:14px 0 4px;font-weight:700}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);padding:6px 0 16px 44px;position:relative}.steps li:before{counter-increment:step;content:counter(step);background:linear-gradient(180deg, #e0602f, var(--brand-ink));color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:grid;position:absolute;top:2px;left:0;box-shadow:0 2px 6px #b8431d4d}.timer{color:var(--accent);margin-top:6px;font-size:13px;display:inline-block}.prose p{margin:0 0 12px}article.prose h2{font-family:var(--serif);letter-spacing:-.01em;border-bottom:1px solid var(--line);margin:30px 0 8px;padding-bottom:7px;font-size:21px;font-weight:600;position:relative}article.prose h2:after{content:"";background:var(--brand);border-radius:2px;width:34px;height:2px;position:absolute;bottom:-1px;left:0}article.prose h3{font-family:var(--serif);margin:20px 0 6px;font-size:17px;font-weight:600}.seed-note{color:#8a5a12;border-radius:var(--radius);background:#fdf6e9;border:1px solid #f3e1bd;margin-top:10px;padding:12px 14px;font-size:14px}.cta{margin:30px 0}.notice{border-radius:var(--radius);background:#fff7f3;border:1px solid #f4d6c8;padding:12px 14px;font-size:14px}.servings{align-items:center;gap:8px;font-size:14px;display:inline-flex}.servings button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;width:28px;height:28px;font-size:16px}.servings output{text-align:center;min-width:2.5em;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card .img-wrap{aspect-ratio:16/10;background:#f1ece4;overflow:hidden}.card img{aspect-ratio:16/10;object-fit:cover;background:#f1ece4;width:100%;height:100%}.card .body{padding:13px 15px 15px}.card h3{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 5px;font-size:17px;font-weight:600;line-height:1.25}@media (hover:hover){.card:hover h3{color:var(--brand-ink)}}.card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.card:hover,.card:focus,.card:active{text-decoration:none}@media (hover:hover){.card{transition:transform .18s,border-color .18s,box-shadow .18s}.card img{transition:transform .4s cubic-bezier(.2,.7,.3,1)}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card:hover img{transform:scale(1.045)}}label{margin:16px 0 6px;font-size:14px;font-weight:600;display:block}input[type=text],input[type=number],textarea,select{border:1px solid var(--line);width:100%;font:inherit;background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:120px}.help{color:var(--muted);margin-top:4px;font-size:13px}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding:24px 0;font-size:13px}.site-footer a{color:var(--muted)}.site-footer .links{flex-wrap:wrap;gap:14px;margin-bottom:8px;display:flex}.badge-draft{color:#b42318;background:#fdecec;border:1px solid #f3c5c5;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}
