:root{--green-700: #15563C;--green-600: #1F7A55;--green-500: #3DAE7C;--green-50: #E9F5EF;--amber-600: #C77F1F;--amber-500: #E8A23D;--amber-50: #FBF1DF;--bg: #FBFAF6;--card: #FFFFFF;--ink: #1C2420;--ink-2: #5B6660;--ink-3: #93A099;--line: #ECE9E0;--danger: #C64B3C;--radius: 18px;--radius-sm: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.screen{padding:20px 18px 8px;flex:1}.screen-title{font-size:26px;font-weight:700;margin:4px 0 2px;letter-spacing:-.02em}.screen-sub{font-size:14px;color:var(--ink-2);margin:0 0 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:13px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .06s ease,opacity .15s ease;font-family:inherit}.btn:active{transform:scale(.97)}.btn-primary{background:var(--amber-500);color:#3a2504;width:100%}.btn-green{background:var(--green-600);color:#fff;width:100%}.btn-ghost{background:var(--green-50);color:var(--green-700)}.btn-small{padding:8px 14px;font-size:13px}.btn:disabled{opacity:.45;cursor:default}.input{width:100%;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px;font-size:16px;background:var(--card);color:var(--ink);outline:none;font-family:inherit}.input:focus{border-color:var(--green-500)}textarea.input{min-height:110px;resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-50);color:var(--green-700);border:1px solid transparent;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:500}.chip button{background:none;border:none;color:var(--green-600);font-size:15px;cursor:pointer;padding:0;line-height:1}.chip-suggest{background:var(--card);border-color:var(--line);color:var(--ink-2);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge-green{background:var(--green-50);color:var(--green-700)}.badge-amber{background:var(--amber-50);color:var(--amber-600)}.recipe-card{padding:0;overflow:hidden}.recipe-card img{width:100%;height:150px;object-fit:cover;display:block}.recipe-body{padding:13px 15px 15px}.recipe-title{font-size:17px;font-weight:650;margin:0 0 6px}.recipe-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.missing-line{font-size:13px;color:var(--amber-600);margin:0 0 10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px}.toggle-label{font-size:14px;font-weight:500;color:var(--ink-2)}.switch{position:relative;width:46px;height:27px;flex-shrink:0}.switch input{display:none}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--line);border-radius:999px;transition:background .15s;cursor:pointer}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #0000002e}.switch input:checked+.track{background:var(--green-600)}.switch input:checked+.track:after{transform:translate(19px)}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);display:flex;max-width:520px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;background:none;border:none;cursor:pointer;color:var(--ink-3);font-size:11px;font-weight:600;font-family:inherit}.tab.active{color:var(--green-600)}.tab svg{width:23px;height:23px}.empty{text-align:center;padding:44px 22px;color:var(--ink-2)}.empty h3{color:var(--ink);font-size:18px;margin:14px 0 6px}.empty p{font-size:14px;margin:0 0 18px}.empty-icon{width:68px;height:68px;border-radius:22px;background:var(--green-50);color:var(--green-600);display:inline-flex;align-items:center;justify-content:center}.empty-icon svg{width:34px;height:34px}.check-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line)}.check-row:last-child{border-bottom:none}.check-row.done .check-text{text-decoration:line-through;color:var(--ink-3)}.checkbox{width:24px;height:24px;border-radius:8px;border:2px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .12s}.checkbox.on{background:var(--green-600);border-color:var(--green-600);color:#fff}.check-text{flex:1;font-size:15px}.check-src{font-size:12px;color:var(--ink-3);display:block}.ing-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.ing-row:last-child{border-bottom:none}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-green{background:var(--green-500)}.dot-amber{background:var(--amber-500)}.step{display:flex;gap:12px;margin-bottom:14px;font-size:14.5px;line-height:1.55}.step-num{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--green-50);color:var(--green-700);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px 26px 40px}.hero-art{width:96px;height:96px;border-radius:30px;background:var(--green-600);margin-bottom:26px;display:flex;align-items:center;justify-content:center}.hero h1{font-size:32px;font-weight:750;letter-spacing:-.03em;margin:0 0 10px}.hero p{font-size:16px;color:var(--ink-2);line-height:1.55;margin:0 0 30px}.detail-hero{margin:-20px -18px 16px;position:relative}.detail-hero img{width:100%;height:230px;object-fit:cover;display:block}.back-btn{position:absolute;top:14px;left:14px;width:38px;height:38px;border-radius:50%;background:#ffffffeb;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}.section-h{font-size:16px;font-weight:700;margin:20px 0 10px}.row-2{display:flex;gap:10px}.row-2>*{flex:1}.limit-row{display:flex;justify-content:space-between;font-size:14px;padding:9px 0;border-bottom:1px solid var(--line)}.limit-row:last-child{border-bottom:none}.limit-row span:last-child{color:var(--ink-2);font-variant-numeric:tabular-nums}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:500;z-index:50;animation:toastIn .2s ease;max-width:88vw;text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--green-50);border-top-color:var(--green-600);animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.est-note{font-size:12px;color:var(--ink-3)}