:root{--paper:#fbf8f0;--ink:#293826;--muted:#7c806f;--orange:#b6502d;--line:#e3e3d7;--green:#2e4c34}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,-apple-system,'Noto Sans KR',sans-serif;font-family:system-ui,-apple-system,'Noto Sans KR',sans-serif}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:750;letter-spacing:-1px}header nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px}.pa-app-actions{margin-left:0!important}main{max-width:1100px;margin:auto;padding:42px 26px 50px}.intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:25px;padding:20px 0 44px}.eyebrow{font-size:11px;color:var(--orange);letter-spacing:2px;font-weight:750}h1{font-size:clamp(36px,4.6vw,57px);line-height:1.2;letter-spacing:-2px;margin:18px 0 20px;font-weight:750}.intro p{max-width:480px;font-size:15px;color:var(--muted);line-height:1.8}.flow{display:flex;gap:14px;font-size:11px;color:#6a785f;margin-top:26px}.flow i{font-style:normal;color:#b8b9a4}.hero-mark{text-align:center;transform:rotate(-7deg)}.plate{position:relative;width:218px;height:218px;border-radius:50%;margin:auto;border:17px solid #fefef9;box-shadow:0 10px 40px #5967380e,inset 0 0 0 2px #e6e8d9;background:#eeefde;display:flex;align-items:center;justify-content:center;gap:0}.plate span{font-size:63px;display:block}.plate span:nth-child(2){margin-top:65px;margin-left:-22px}.plate span:nth-child(3){margin-left:-25px;margin-top:-45px}.scribble{display:inline-block;background:#f4dfad;color:#8a5529;font-size:13px;padding:5px 18px;transform:rotate(4deg);margin-top:-10px;position:relative}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:#fffef9;border:1px solid var(--line);border-radius:22px;padding:26px}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-label>span{border:1px solid #d9dfcd;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font-size:11px;color:#758363}.section-label h2{font-size:19px;margin:0;letter-spacing:-.6px}.photo-zone{border:1.5px dashed #d5daca;border-radius:15px;background:#f5f5ec;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 15px;text-align:center;overflow:hidden}.camera{font-size:46px;color:#8a9c71;line-height:1}.photo-zone h3{font-size:16px;margin:15px 0 6px}.photo-zone p{font-size:12px;color:var(--muted);max-width:260px;margin:0 auto 18px}.photo-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;border:1px solid transparent;padding:11px 15px;font-size:13px;font-weight:650;min-height:45px}.primary{background:var(--green);color:white}.secondary{background:white;border-color:#dce1d3;color:#4f6245}.file-button{cursor:pointer}.primary:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%;margin-top:18px}.wide:not(:disabled):hover{background:#3c6143}.micro{color:#888b7b;font-size:11px;line-height:1.65;margin:10px 0 0}.section-note{font-size:12px;color:var(--muted);line-height:1.75;margin:-2px 0 18px}.placeholder{color:#9c9f8d;font-size:12px;margin:18px 0}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 7px 6px 12px;border:1px solid #d9e4ce;border-radius:8px;background:#f0f5e8;color:#4c633e;font-size:12px}.chip.uncertain{background:#fff2df;border-color:#ecd5b2;color:#8c642d}.chip button{border:0;background:transparent;color:inherit;width:25px;height:28px;font-size:18px}.add-form{display:flex;gap:8px;margin-top:13px}input{border:1px solid #dce1d2;background:#fff;border-radius:10px;padding:11px 12px;color:#34472c;min-width:0;width:100%;font-size:13px}.add-form .secondary{white-space:nowrap}.field-label{display:block;font-size:12px;margin:20px 0 8px;color:#53634b}.field-label small{color:#a1a590;font-size:10px}fieldset{margin:24px 0 0;padding:0;border:0}legend{font-size:12px;color:#53634b;margin-bottom:10px}.pantry{display:flex;flex-wrap:wrap;gap:8px 12px}.pantry label{font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer}.pantry input{width:16px;height:16px;accent-color:#49663c}.text-button{font-size:11px;color:#9a6245;background:transparent;border:0;padding:10px 0;min-height:40px}#preview{width:100%;max-height:250px;object-fit:contain;border-radius:10px;margin-bottom:16px}.status{font-size:13px;line-height:1.7;color:#a54e30;margin:20px 0;min-height:22px;text-align:center}.status.busy{color:#617b46}.results-title{margin:40px 0 23px}.results-title h2{font-size:27px;letter-spacing:-.8px;margin:10px 0}.results-title p{color:var(--muted);font-size:13px}.recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recipe{background:#fffef9;border:1px solid #dedfd2;border-radius:17px;padding:22px;min-width:0}.recipe-number{font-size:11px;color:#b9724b;letter-spacing:1px}.recipe h3{font-size:21px;line-height:1.4;letter-spacing:-.6px;margin:12px 0}.recipe .badge{display:inline-block;border-radius:6px;background:#edf2e4;color:#526b40;font-size:11px;padding:4px 8px;margin:0 0 10px}.recipe .badge.missing{background:#fff0de;color:#9b6427}.recipe .meta{font-size:12px;color:#7c866d;margin-bottom:14px}.recipe details{border-top:1px solid var(--line);padding-top:13px;margin-top:10px}.recipe summary{cursor:pointer;font-size:13px;font-weight:650;min-height:32px}.recipe ul,.recipe ol{padding-left:20px;font-size:12px;line-height:1.8}.recipe li{margin-bottom:9px}.recipe-tip{font-size:11px;color:#8b896f;border-top:1px solid #eeeddf;padding-top:12px}.food-note{color:#959581;font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:22px;margin-top:45px}footer{max-width:1048px;margin:auto;padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#859076}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,.file-button:focus-within{outline:2px solid #b66f43;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:720px){header{padding:13px 18px;gap:12px}.brand{font-size:22px}header nav{gap:15px;font-size:12px}header .pa-app-actions{width:100%;justify-content:flex-end}main{padding:25px 18px 35px}.intro{grid-template-columns:1fr auto;padding:12px 0 30px;gap:10px}h1{font-size:36px;letter-spacing:-1.5px}.intro p{font-size:12px;line-height:1.75}.hero-mark{width:100px}.plate{width:96px;height:96px;border-width:8px}.plate span{font-size:29px}.plate span:nth-child(2){margin-top:30px;margin-left:-13px}.plate span:nth-child(3){margin-top:-20px;margin-left:-12px}.scribble{font-size:9px;padding:4px 8px}.flow{gap:8px;font-size:10px;flex-wrap:wrap;margin-top:20px}.workbench{grid-template-columns:1fr;gap:16px}.panel{padding:21px;border-radius:18px}.photo-zone{min-height:215px}.section-label h2{font-size:18px}.recipes{grid-template-columns:1fr}.recipe{padding:22px}.results-title h2{font-size:24px}.recipe h3{font-size:22px}footer{margin:0 18px;padding:20px 0;gap:14px}.eyebrow{font-size:9px;letter-spacing:1.4px}}@media(max-width:370px){.hero-mark{display:none}.intro{grid-template-columns:1fr}.intro h1{font-size:38px}.panel{padding:18px}}
/* The Leftover Club: an editorial kitchen notebook with pantry stickers. */
:root{--paper:#fffaf0;--ink:#283e50;--muted:#7c7e79;--orange:#c34d37;--line:#e5dfd1;--green:#c34d37}body{background:radial-gradient(ellipse at 90% 8%,#ffe6b96b,transparent 40%),var(--paper)}header{background:#fffaf0e8;border-bottom:1px solid #e1dbcf}.intro{position:relative;padding:27px 0 49px;grid-template-columns:1.65fr 1fr}.intro .eyebrow{font-size:10px;letter-spacing:2.2px;color:#b6543b}.intro h1{font-size:clamp(35px,4.2vw,54px);letter-spacing:-2.3px;line-height:1.24;color:#283e50;margin:20px 0}.intro h1 em{font-style:normal;color:#c34d37;text-decoration:underline;text-decoration-color:#efd29a;text-decoration-thickness:9px;text-underline-offset:-3px;text-decoration-skip-ink:none}.intro p{font-size:14px;line-height:1.9;color:#818074}.hero-mark{transform:rotate(-8deg)}.plate{width:236px;height:236px;border:19px solid #fffefb;background:#f5dab1;box-shadow:0 18px 0 -7px #dfc2a44a,0 22px 45px #865f2120,inset 0 0 0 2px #e6bd88}.plate:before{content:'NO GOOD INGREDIENT LEFT BEHIND';position:absolute;top:-34px;right:-25px;transform:rotate(17deg);background:#42728c;color:white;width:98px;height:98px;border-radius:50%;font-size:9px;letter-spacing:1px;display:grid;place-items:center;padding:16px;line-height:1.6}.scribble{background:#c34d37;color:#fff6e9;padding:7px 18px;box-shadow:3px 4px 0 #cfb79a66}.flow{gap:8px;color:#7d796c}.flow span{padding:6px 10px;background:#f1eadb;border-radius:5px}.flow span:last-child{background:#e8eff1;color:#426780}.panel{border-color:#e0d9c9;border-radius:9px;box-shadow:0 5px 0 #eee5d566;position:relative}.photo-panel{background:#eef3f5;border-top:5px solid #49768d}.ingredients-panel{background:#fffef8;border-top:5px solid #d6a65e}.section-label>span{border-radius:6px;background:#fffdf7;border-color:#dad8c8;color:#b16b42;font-family:monospace}.section-label h2{color:#344e5b}.photo-zone{background:#f8faf8;border-color:#bacbd0;border-radius:6px}.camera{color:#588298}.primary{background:#c34d37;border-radius:7px}.wide:not(:disabled):hover{background:#a5402d}.photo-buttons .primary{background:#3f6b82}.secondary{border-radius:7px;background:#fffef8;border-color:#d7d9cb;color:#4f6a71}input{border-radius:7px}.chip{background:#f6ecd2;border:1px solid #e6d2a2;color:#7b6336;border-radius:5px}.chip:nth-child(3n+2){background:#e4eff1;color:#486a76;border-color:#c9dde1}.chip:nth-child(3n){background:#f8e5dc;color:#925e47;border-color:#edd1c2}.pantry input{accent-color:#c34d37}.results-title{margin:46px 0 25px;border-top:2px solid #d8d1bf;padding-top:27px}.results-title h2{color:#293f50;font-size:31px}.recipe{background:#fffdf7;border-radius:7px;border:1px solid #dfd7c5;border-top:5px solid #c56243;padding:23px;box-shadow:0 4px 0 #eee6d7}.recipe:nth-child(2){border-top-color:#48758b}.recipe:nth-child(3){border-top-color:#b6994f}.recipe-number{font:12px monospace;letter-spacing:3px;color:#af8667}.recipe h3{color:#344e5b;margin-top:13px}.recipe .badge{border-radius:4px;background:#eff2e3;color:#65774b}.recipe .badge.missing{background:#fff0d7;color:#a9772e}.recipe summary{color:#3b5966}.recipe-video{margin-top:18px;padding-top:16px;border-top:1px dashed #d7cdb7}.video-kicker{display:block;font-size:10px;letter-spacing:.3px;color:#a5876d;margin-bottom:7px}.video-link{display:flex;align-items:center;justify-content:center;min-height:44px;background:#eef2f3;border:1px solid #d8e0e2;border-radius:6px;color:#436b80;font-size:12px;font-weight:650;padding:9px}.video-link:hover{background:#e2ecef}.recipe-video small{display:block;font-size:10px;line-height:1.6;color:#9a9587;margin-top:8px}.food-note{color:#949080}.file-button:focus-visible{outline:2px solid #b66f43;outline-offset:3px}
@media(max-width:720px){.intro{grid-template-columns:1fr 100px;padding:12px 0 31px;gap:6px}.intro h1{font-size:32px;letter-spacing:-1.7px;line-height:1.3}.intro h1 em{text-decoration-thickness:6px}.intro p{font-size:12px}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-mark{width:100px}.plate{width:99px;height:99px;border-width:8px}.plate:before{font-size:5px;width:51px;height:51px;padding:8px;top:-19px;right:-8px;letter-spacing:.4px}.scribble{font-size:8px;padding:5px 7px;white-space:nowrap}.flow{gap:5px}.flow span{font-size:9px;padding:5px 6px}.panel{border-radius:8px;padding:22px 20px}.recipes{gap:18px}.results-title h2{font-size:27px}.recipe{padding:22px}.recipe h3{font-size:22px}.video-link{font-size:13px}}
@media(max-width:370px){.intro{grid-template-columns:1fr}.hero-mark{display:none}.intro h1{font-size:35px}}
.recipes{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.recipes:has(>.recipe:only-child){grid-template-columns:minmax(0,620px);justify-content:center}@media(max-width:720px){.recipes{grid-template-columns:minmax(0,1fr)}}

.dish-photo{margin:0 0 22px;background:#f1e8da;border-radius:16px;overflow:hidden;min-height:120px}.dish-photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.dish-photo figcaption,.dish-photo p{padding:12px;font-size:12px;color:#665c50}.result-ingredients{display:flex;align-items:center;gap:16px;padding:20px 0 28px}.result-ingredients img{width:92px;height:92px;object-fit:cover;border-radius:16px}.result-share{margin-top:32px;padding:28px;background:#eaf0f7;border:1px solid #c8d4e5;border-radius:20px}.result-share label{display:flex;gap:8px;align-items:center}.result-share p{font-size:14px;line-height:1.6}.result-share button{background:#315a88;color:white;border:0;padding:16px 22px;border-radius:12px;font-weight:700;cursor:pointer}.result-share button:disabled{opacity:.5}.result-share input[readonly]{box-sizing:border-box;width:100%;margin-top:18px;padding:14px;border:1px solid #bbb;border-radius:8px;background:white}
