:root{--color-primary:#2d6a4f;--color-primary-light:#4f6f52;--color-primary-dark:#1b4332;--color-danger:#c0392b;--color-danger-light:#e74c3c;--color-bg:#f7f3ee;--color-bg-card:#fff;--color-text:#333;--color-text-light:#666;--color-text-muted:#999;--color-border:#e0d9cf;--font-serif:"Fraunces",serif;--font-sans:"DM Sans",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{height:100%;touch-action:manipulation}body{background:var(--color-bg);color:#1a1a1a;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#d4ccc4;border-radius:4px}.card{transition:transform .22s,box-shadow .22s}.card.selected{outline:2.5px solid var(--color-primary);outline-offset:2px}.fade-in{animation:fadeIn .38s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.counter-btn:active{background:var(--color-primary)!important;color:#fff!important}.counter-btn-circle{background:#fff;border:1.5px solid var(--color-primary);border-radius:50%;color:var(--color-primary);cursor:pointer;font-size:17px;height:36px;width:36px}.counter-btn-circle,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{background:#0000007a;inset:0;padding:20px;position:fixed;z-index:300}.modal-panel{background:#fff;border-radius:20px;box-shadow:0 24px 80px #0003;max-height:90dvh;max-width:480px;overflow:hidden;width:100%}.modal-close-btn{align-items:center;background:#f5f0eb;border:none;border-radius:50%;color:#6b6560;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.form-input{background:#faf8f5;border:1.5px solid #e8e2db;border-radius:8px;font-family:var(--font-sans);outline:none}.tag{border-radius:999px;display:inline-block;font-size:11px;font-weight:500;padding:3px 9px}input,textarea{font-family:var(--font-sans);font-size:16px;outline:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#b0a89e}input::placeholder,textarea::placeholder{color:#b0a89e}.import-focus:focus{border-color:var(--color-primary)!important}.del-btn{opacity:1;transition:opacity .18s}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .32s ease forwards}.ing-row{align-items:center;cursor:default;display:flex;justify-content:space-between;min-height:44px;padding:9px 20px;transition:background .12s}.ing-row:active{background:#f5f0ea}@media(hover:hover){.card:hover{box-shadow:0 16px 48px #0000001c!important;transform:translateY(-3px)}.del-btn{opacity:0}.card:hover .del-btn,.ing-row:hover .del-btn{opacity:1}.counter-btn:hover{background:var(--color-primary)!important;color:#fff!important}.ing-row:hover{background:#f5f0ea}}@supports (padding:env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}.page-content{margin:0 auto;max-width:600px;width:100%}.page-content-wide{margin:0 auto;max-width:960px;width:100%}.page-content-narrow{margin:0 auto;max-width:480px;width:100%}@media(min-width:640px){.page-content{max-width:680px}.home-grid,.notes-grid{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:1024px){.page-content{max-width:760px}.page-content-wide{max-width:1100px}.notes-grid{grid-template-columns:repeat(3,1fr)!important}}.btn{border:none;cursor:pointer;font-family:var(--font-sans)}.btn-primary{background:var(--color-primary);border-radius:10px;color:#fff;font-size:14px;font-weight:600;padding:10px 18px}.btn-secondary{background:#fff;border:1.5px solid #e8e2db;border-radius:10px;color:#6b6560;font-size:13px;font-weight:500;padding:10px}.btn-danger{background:var(--color-danger);border-radius:8px;color:#fff;font-size:12.5px;font-weight:600;padding:8px 18px}.btn-danger-outline{background:#fff;border:1.5px solid #e8e2db;border-radius:8px;color:var(--color-danger);font-size:12px;font-weight:500;padding:7px 16px}.btn-ghost{background:none;font-family:var(--font-sans)}.btn-ghost,.btn-icon{border:none;cursor:pointer}.btn-icon{align-items:center;background:#f5f0eb;border-radius:50%;color:#6b6560;display:flex;font-size:15px;height:36px;justify-content:center;width:36px}.btn-sm-green{background:#e8f5ee;color:var(--color-primary)}.btn-sm-green,.btn-sm-red{border:none;border-radius:8px;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:500;padding:6px 12px}.btn-sm-red{background:#fdecea;color:var(--color-danger)}.heading-serif{font-family:var(--font-serif)}.text-muted{color:#9b9590}.text-sm{font-size:13px}.edit-label,.text-xs{font-size:11px}.edit-label{color:#9b9590;display:block;margin-bottom:4px}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.checkbox{background:#fff;border:1.5px solid #d4ccc4;border-radius:5px}.checkbox,.checkbox-checked{flex-shrink:0;height:22px;width:22px}.checkbox-checked{align-items:center;background:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:5px;display:flex;justify-content:center}.plan-badge{background:#e8f0e8;color:#7a9e7e}.plan-badge,.plan-badge-faded{border-radius:4px;display:inline-block;font-size:10px;padding:1px 6px;vertical-align:middle;white-space:nowrap}.plan-badge-faded{background:#f0f4f0;color:#a8bfa9}.section-divider{align-items:center;display:flex;gap:7px}.section-label{color:#9b9590;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.section-line{background:#f0ebe4;flex:1;height:1px;margin-left:4px}.section-count{color:#b0a89e;font-size:11px}.check-all-btn{background:none;border:1.5px solid #d4ccc4;border-radius:5px;color:#9b9590;cursor:pointer;font-family:var(--font-sans);font-size:10px;font-weight:600;padding:2px 8px;white-space:nowrap}.empty-state{padding:60px 20px;text-align:center}.empty-emoji{font-size:32px;margin-bottom:12px}.empty-title{color:#2a2520;font-family:var(--font-serif);font-size:17px;font-weight:600;margin-bottom:6px}.empty-subtitle{color:#9b9590;font-size:13px;line-height:1.5}.delete-btn{background:none;border:none;color:#b0a89e;cursor:pointer;font-size:16px;padding:4px 8px}.pill{background:#fff;border:1.5px solid #e8e2db;border-radius:999px;color:#6b6560;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:400;padding:5px 12px;transition:all .2s}.pill-active{background:#e8f5ee;border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.pill-amber{background:#fff;border-color:#e8e2db;color:#6b6560}.pill-amber-active{background:#fef3c7;border-color:#b45309;color:#b45309;font-weight:600}.progress-track{background:#f0ebe4;border-radius:999px;height:4px}.progress-fill{background:var(--color-primary);border-radius:999px;height:4px;transition:width .3s}.confirm-delete{background:#fdecea;border-radius:10px;margin-top:28px;padding:14px;text-align:center}.source-link{align-items:center;background:#e8f5ee;border-radius:8px;color:var(--color-primary);display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:20px;padding:6px 12px;text-decoration:none}.ing-detail-row{align-items:center;display:flex;justify-content:space-between;padding:9px 0}.ing-detail-row:not(:last-child),.instruction-step{border-bottom:1px solid #f0ebe5}.instruction-step{display:flex;gap:10px;padding:8px 0}.step-number{color:var(--color-primary);flex-shrink:0;font-size:12px;font-weight:700;min-width:22px}.step-text{color:#4a4540;font-size:13.5px;line-height:1.55}.tab-bar{background:#fff;border-bottom:1.5px solid #e8e2db;display:flex;gap:0;padding:0 20px}.tab-btn{background:none;border:none;border-bottom:2.5px solid transparent;color:#9b9590;cursor:pointer;flex:1;font-family:var(--font-sans);font-size:13px;font-weight:600;margin-bottom:-1.5px;padding:10px 0;transition:color .2s,border-color .2s}.tab-btn-active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.fav-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-sans);font-weight:700;height:32px;justify-content:center;transition:background .15s;width:32px}.fav-add-btn{background:#e8f5ee;color:var(--color-primary);font-size:18px}.fav-add-btn:active{background:var(--color-primary);color:#fff}@media(max-width:400px){.card{font-size:13px}}.toast-container[data-v-476526d9]{display:flex;flex-direction:column;gap:8px;left:50%;max-width:420px;pointer-events:none;position:fixed;top:calc(16px + env(safe-area-inset-top,0px));transform:translate(-50%);width:calc(100% - 32px);z-index:9999}.toast-item[data-v-476526d9]{border-radius:12px;box-shadow:0 8px 32px #00000026;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;padding:12px 18px;pointer-events:auto;text-align:center}.toast-error[data-v-476526d9]{background:#c0392b;color:#fff}.toast-success[data-v-476526d9]{background:#2d6a4f;color:#fff}.toast-info[data-v-476526d9]{background:#fff;border:1px solid #e8e2db;color:#1a1a1a}.toast-enter-active[data-v-476526d9]{transition:all .3s ease}.toast-leave-active[data-v-476526d9]{transition:all .2s ease}.toast-enter-from[data-v-476526d9]{opacity:0;transform:translateY(-12px)}.toast-leave-to[data-v-476526d9]{opacity:0;transform:translateY(-8px)}