:root{--bg:#fbfaf8;--surface:#ffffff;--ink:#14130f;--ink-2:#43403a;--muted:#78736a;--line:#e7e2d7;--line-strong:#d5cec0;--accent:#d24a1c;--accent-hover:#b83f16;--accent-soft:#fdf0e9;--ok:#2f7d55;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 2px rgba(20,19,15,0.05);--shadow:0 4px 20px -6px rgba(20,19,15,0.13);--shadow-lg:0 18px 48px -18px rgba(20,19,15,0.28);--tap:44px;--pad:18px;--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",system-ui,sans-serif}@media (min-width:600px){:root{--pad:24px}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input{font:inherit;font-size:16px}a{color:inherit}iframe,img{max-width:100%}.page{min-height:100dvh;display:flex;flex-direction:column}.shell{width:100%;max-width:680px;margin:0 auto;padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}.masthead{padding:18px 0 0}@media (min-width:600px){.masthead{padding:26px 0 0}}.wordmark{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:21px;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.wordmark-dot{width:11px;height:11px;border-radius:50%;background:var(--accent)}@media (min-width:600px){.wordmark{font-size:25px;gap:10px}.wordmark-dot{width:13px;height:13px}}main{flex:1 1;padding:30px 0 56px}@media (min-width:600px){main{padding:48px 0 80px}}.hero h1{margin:0 0 14px;font-size:clamp(28px,8.2vw,46px);line-height:1.24;letter-spacing:-.034em;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{margin:0 0 26px;font-size:clamp(15px,4.1vw,18px);color:var(--ink-2);line-height:1.62}@media (min-width:600px){.hero h1{margin-bottom:16px}.hero p{margin-bottom:32px}}.urlform{display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .15s ease,box-shadow .15s ease}.urlform:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow)}.urlform input{width:100%;min-width:0;border:0;outline:none;background:transparent;padding:12px 10px;color:var(--ink)}.urlform input::placeholder{color:#a9a396}.urlform .btn-primary{width:100%}@media (min-width:480px){.urlform{flex-direction:row;align-items:center;padding:7px}.urlform input{flex:1 1}.urlform .btn-primary{width:auto;flex-shrink:0}}.btn-primary{min-height:var(--tap);border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:700;font-size:15px;padding:12px 20px;transition:background .15s ease,transform .08s ease}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.formnote{margin:13px 2px 0;font-size:13px;color:var(--muted)}.error{margin:14px 0 0;padding:12px 14px;background:var(--accent-soft);border:1px solid #f3d3c4;border-radius:var(--radius-sm);font-size:14px;color:#8f3411}.samples{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.samples-label{margin:0 0 12px;font-size:13px;color:var(--muted)}.samples-list{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:var(--tap);border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:8px 16px;font-size:14px;color:var(--ink-2);transition:border-color .15s ease,color .15s ease}.chip:hover{border-color:var(--accent);color:var(--accent)}.peek{margin-top:22px}.peek-label{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--ink-2)}.peek-card{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.peek-head{padding:16px 16px 12px;border-bottom:1px solid var(--line)}.peek-source{display:inline-block;margin-bottom:6px;font-size:12px;color:var(--muted)}.peek-head h2{margin:0 0 8px;font-size:18px;line-height:1.34;letter-spacing:-.02em;font-weight:700}.peek-meta{display:flex;flex-wrap:wrap;gap:6px}.peek-meta span{padding:3px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:12px;color:var(--ink-2)}.peek-ing{margin:0;padding:6px 16px;list-style:none}.peek-ing li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;border-bottom:1px dashed var(--line)}.peek-ing li:last-child{border-bottom:0}.peek-amount{flex-shrink:0}.peek-amount,.peek-rest{color:var(--muted)}.peek-open{display:block;width:100%;min-height:var(--tap);border:0;border-top:1px solid var(--line);background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:700;padding:12px;transition:background .15s ease}.peek-open:hover:not(:disabled){background:#fbe5d9}.peek-open:disabled{opacity:.5;cursor:not-allowed}.progress{padding:6px 2px}.progress-title{margin:0 0 20px;font-size:clamp(20px,5.6vw,26px);font-weight:800;letter-spacing:-.026em}.stage{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:15px;color:#b3ada1;transition:color .3s ease}.stage[data-state=active]{color:var(--ink);font-weight:600}.stage[data-state=done]{color:var(--muted)}.stage-mark{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid;display:grid;place-items:center;font-size:11px}.stage[data-state=active] .stage-mark{border-color:var(--accent);border-right-color:transparent;animation:spin .7s linear infinite}.stage[data-state=done] .stage-mark{border-color:var(--ok);color:var(--ok)}.progress-note{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}.result{animation:rise .4s cubic-bezier(.2,.7,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.result,.stage[data-state=active] .stage-mark{animation:none}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.card-cover{display:block;width:100%;height:180px;object-fit:cover;background:#efece4}@media (min-width:600px){.card-cover{height:220px}}.embed{position:relative;width:100%;aspect-ratio:16/9;background:#14130f}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.card-body{padding:22px var(--pad) 24px}@media (min-width:600px){.card-body{padding:26px var(--pad) 28px}}.source{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-bottom:10px;padding:5px 11px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg);font-size:12px;color:var(--muted);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source:hover{border-color:var(--accent);color:var(--accent)}.source-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap);margin-top:24px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);text-decoration:none;transition:border-color .15s ease,background .15s ease}.source-cta:hover{border-color:var(--accent);background:var(--accent-soft)}.source-cta-label{min-width:0;font-size:14px;font-weight:600;color:var(--ink)}.source-cta-host{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-cta-arrow{flex-shrink:0;color:var(--accent);font-size:17px}.card h2{margin:0 0 8px;font-size:clamp(22px,6.2vw,29px);line-height:1.3;letter-spacing:-.03em;font-weight:800}.card-summary{margin:0 0 16px;color:var(--ink-2);font-size:15px}.meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.meta span{font-size:13px;padding:5px 11px;border-radius:999px;background:#f4f1ea;color:var(--ink-2)}.meta span.tag{background:var(--accent-soft);color:var(--accent)}.section{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:13px}.section-head h3{margin:0;font-size:16px;font-weight:700;letter-spacing:-.015em}.servings{display:inline-flex;padding:3px;background:#f1eee6;border-radius:999px}.servings button{min-height:36px;border:0;background:transparent;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--muted);transition:background .15s ease,color .15s ease}.servings button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.ing{list-style:none;margin:0;padding:0}.ing li{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:15px}.ing li:last-child{border-bottom:0}.ing-name{flex:1 1;min-width:0}.ing-name small{color:var(--muted);font-size:13px;margin-left:6px}.ing-amount{flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.steps{list-style:none;counter-reset:step;margin:0;padding:0}.steps li{counter-increment:step;display:flex;gap:12px;padding:11px 0;font-size:15px;line-height:1.64}.steps li:before{content:counter(step);flex-shrink:0;width:25px;height:25px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;display:grid;place-items:center}.step-time,.steps li:before{font-size:13px;margin-top:3px}.step-time{display:block;color:var(--muted)}.nutri{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}@media (min-width:460px){.nutri{grid-template-columns:repeat(4,1fr)}}.nutri div{text-align:center;padding:12px 6px;background:#f7f5f0;border-radius:var(--radius-sm)}.nutri dt{font-size:12px;color:var(--muted);margin-bottom:3px}.nutri dd{margin:0;font-size:17px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tips{margin:0;padding-left:18px;font-size:14px;color:var(--ink-2)}.tips li{padding:3px 0}.footnote{margin:12px 0 0;font-size:12px;color:var(--muted)}.notice{display:flex;gap:9px;margin:20px 0 0;padding:13px 15px;background:#f7f5f0;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13.5px;line-height:1.58;color:var(--ink-2)}.notice-mark{flex-shrink:0;color:var(--muted)}.notice-line{display:block}.notice-line+.notice-line{margin-top:6px}.gate{margin-top:18px;padding:22px var(--pad);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}@media (min-width:600px){.gate{margin-top:20px;padding:26px var(--pad)}}.gate h3{margin:0 0 6px;font-size:19px;font-weight:800;letter-spacing:-.02em}.gate p{margin:0 0 16px;font-size:14px;color:var(--ink-2)}.gate-form{display:flex;flex-direction:column;gap:8px}@media (min-width:480px){.gate-form{flex-direction:row}.gate-form input{flex:1 1}}.gate-form input{width:100%;min-width:0;min-height:var(--tap);padding:12px 14px;border:1px solid var(--line-strong);border-radius:9px;outline:none;background:var(--bg)}.gate-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gate-done{display:flex;gap:12px;align-items:flex-start}.gate-done-mark{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:14px}.restart{display:block;width:100%;min-height:var(--tap);margin:22px auto 0;border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}.restart:hover{color:var(--ink)}a.restart{text-align:center;line-height:var(--tap)}.share-intro{margin:0 0 12px;font-size:13px;color:var(--muted)}.share-intro,.sharebtn{font-weight:600;letter-spacing:-.01em}.sharebtn{display:block;width:100%;min-height:var(--tap);margin-top:12px;padding:12px 16px;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface);color:var(--ink-2);font-family:inherit;font-size:15px;box-shadow:var(--shadow-sm);transition:border-color .15s,color .15s}.sharebtn:hover{border-color:var(--accent);color:var(--accent)}.sharebtn:active{transform:translateY(1px)}.share-cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);margin-top:8px;padding:12px 22px;border-radius:11px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;text-decoration:none}.share-cta:hover{background:var(--accent-hover)}footer{padding:24px 0 calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}.footer-inner a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.footer-inner a:hover,.legal{color:var(--ink-2)}.legal{max-width:720px;margin:0 auto;padding:32px 0 8px;font-size:15px;line-height:1.75}.legal h1{margin:0;font-size:26px;letter-spacing:-.03em;color:var(--ink)}.legal-date{margin:6px 0 28px;font-size:13px;color:var(--muted)}.legal h2{margin:34px 0 10px;font-size:17px;letter-spacing:-.02em;color:var(--ink)}.legal ul{margin:0;padding-left:18px}.legal li+li{margin-top:8px}.legal a{color:var(--accent)}.legal-table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:14px 0 4px;font-size:14px}.legal-table td,.legal-table th{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top;min-width:110px}.legal-table th{background:var(--accent-soft);color:var(--ink);font-weight:700;white-space:nowrap}