*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#EDE9E3;--bg-1:#F2EEE6;--bg-2:#FCFAF6;--bg-3:#F7F4EF;--bg-4:#DCD5C9;--text-0:#2B2722;--text-1:#514A41;--text-2:#877F73;--text-3:#ADA597;--accent:#7E8B63;--accent-light:#A6B08C;--accent-dark:#5C6747;--accent-muted:rgba(126,139,99,.14);--success:#5F7A4E;--warning:#C8893A;--error:#B4543F;--info:#4A6B8A;--overlay-20:rgba(43,39,34,.2);--overlay-50:rgba(43,39,34,.5);--overlay-80:rgba(43,39,34,.8);--radius-sm:10px;--radius:12px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--font-serif:"Newsreader",Georgia,serif;--font-sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--bg:var(--bg-0);--surface:var(--bg-2);--surface2:var(--bg-3);--border:var(--bg-4);--text0:var(--text-0);--text1:var(--text-1);--text2:var(--text-2)}html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text0);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;overflow-x:clip;overscroll-behavior:none;width:100%;max-width:100%}h1,h2,h3{font-family:var(--font-serif);font-weight:600;color:var(--text-0)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit;background:#fff;border:1px solid var(--border);color:var(--text0);border-radius:var(--radius-sm);padding:10px 14px;font-size:.95rem;width:100%}@media (max-width: 820px){input,textarea,select{font-size:16px}}input::placeholder,textarea::placeholder{color:var(--text2)}input:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}.btn-primary{background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-sm);transition:background .2s;width:100%}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text1);font-size:.9rem;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color .2s}.btn-ghost:hover{border-color:var(--text2)}.error-text{color:var(--error);font-size:.85rem}.loading-text{color:var(--text2);text-align:center;padding:40px}.empty-text{color:var(--text2);text-align:center;padding:40px;font-size:.95rem}.login-screen{display:flex;min-height:100vh}.login-art{position:relative;flex:1 1 50%;background:url(/assets/bg.jpg) center center / cover no-repeat;display:flex;align-items:flex-end;padding:56px;overflow:hidden}.login-art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#2b272226,#2b272280)}.login-quote{position:relative;z-index:1;max-width:440px;color:#fcfaf6}.login-quote p{font-family:var(--font-serif);font-style:italic;font-size:1.6rem;line-height:1.35;margin-bottom:16px}.login-quote cite{font-style:normal;font-size:.95rem;color:#fcfaf6cc}.login-panel{flex:1 1 50%;display:flex;align-items:center;justify-content:center;background:var(--bg-0);padding:48px 24px}.login-panel-inner{width:100%;max-width:400px}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:40px}.login-logo{flex-shrink:0;width:48px;height:48px;border-radius:14px;object-fit:cover}.login-brand-name{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--text-0);letter-spacing:-.01em}.login-title{font-size:2.4rem;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.login-subtitle{color:var(--text-2);font-size:1rem;margin-bottom:32px}.login-field-label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:8px}.login-input{position:relative;margin-bottom:16px}.login-input svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-2);pointer-events:none}.login-input input{width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px 16px 50px;font-size:1rem}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border-radius:var(--radius-lg);padding:16px;font-size:1rem;font-weight:600;margin-bottom:12px;transition:background .2s,opacity .2s}.login-btn svg{width:20px;height:20px}.login-btn-primary{background:var(--accent);color:#fff}.login-btn-primary:hover{background:var(--accent-dark)}.login-btn-secondary{background:#fff;color:var(--text-0);border:1px solid var(--border)}.login-btn-secondary:hover{background:var(--bg-3)}.login-btn-muted{background:var(--accent-muted);color:var(--text-0)}.login-btn-muted:hover{background:#7e8b6338}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{font-size:.8rem;color:var(--text-2)}.login-guest{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:none;color:var(--text-1);font-size:.95rem;font-weight:500;padding:14px 16px;margin-top:4px}.login-guest svg{width:18px;height:18px}.login-guest:disabled{opacity:.55;cursor:not-allowed}.login-terms{margin-top:24px;font-size:.8rem;color:var(--text-3);text-align:center;display:none}@media (max-width: 820px){.login-art{display:none}.login-panel{padding:40px 24px}.login-panel-inner{max-width:360px}.login-brand{flex-direction:column;text-align:center;gap:14px;margin-bottom:24px}.login-logo{width:72px;height:72px;border-radius:20px}.login-title{font-size:2rem;text-align:center}.login-subtitle{text-align:center}.login-terms{display:block}}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;display:flex;flex-direction:column;padding:24px 16px;background:var(--bg-1);border-right:1px solid var(--border)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:28px}.sidebar-logo{width:40px;height:40px;border-radius:12px;object-fit:cover;flex-shrink:0}.sidebar-brand-name{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;line-height:1.15}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius);color:var(--text-1);font-weight:500;font-size:.98rem;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--bg-3)}.sidebar-link.active{background:var(--accent-muted);color:var(--text-0);font-weight:600}.sidebar-link-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius);transition:background .15s}.sidebar-user:hover{background:var(--bg-3)}.sidebar-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent-dark);font-size:.85rem;font-weight:700}.sidebar-user-text{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:.92rem;font-weight:600;color:var(--text-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-sub{font-size:.78rem;color:var(--text-2)}.sidebar-signout{width:100%;margin-top:8px;padding:10px;background:none;color:var(--text-2);font-size:.85rem;font-weight:500;border-radius:var(--radius);transition:background .15s,color .15s}.sidebar-signout:hover{background:var(--bg-3);color:var(--text-1)}.main{margin-left:264px;min-height:100vh;padding:48px 56px}.tabbar,.mobile-header{display:none}.page{max-width:1240px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title{font-family:var(--font-serif);font-size:2.6rem;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.page-head .page-title{margin-bottom:0}.result-count{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:16px}.result-count--row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.result-count-clear{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--accent);background:none;border:none;padding:0;cursor:pointer}.result-count-clear:hover{text-decoration:underline}.search-bar{position:relative;max-width:860px;margin-bottom:20px}.search-bar-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--text-2);pointer-events:none}.search-bar input{width:100%;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 52px;font-size:1.05rem}.search-bar input:focus{outline:none;border-color:var(--accent)}.search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-4);color:var(--text-1);transition:background .15s}.search-clear:hover{background:var(--text-3);color:#fff}.search-clear-icon{width:16px;height:16px}.filter-row{display:flex;gap:12px;flex-wrap:nowrap;margin-bottom:28px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;white-space:nowrap;padding:10px 22px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border);font-size:.95rem;font-weight:500;color:var(--text-1);transition:background .15s,color .15s,border-color .15s}.filter-pill:hover{border-color:var(--text-3)}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-pill-count{display:inline-block;margin-left:7px;padding:1px 8px;border-radius:var(--radius-pill);background:var(--bg-4);color:var(--text-3);font-size:.8rem;font-weight:600;line-height:1.4}.filter-pill.active .filter-pill-count{background:#ffffff40;color:#fff}.search-section{margin-top:24px}.search-section-title{font-size:1rem;font-weight:600;margin:0 0 12px;display:flex;align-items:baseline;gap:8px}.search-section-count{color:var(--text-3);font-weight:400;font-size:.875rem}.search-showmore{margin-top:12px;background:none;border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px;cursor:pointer}.search-showmore:hover{border-color:var(--text-3)}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.recipe-card{display:block;background:var(--bg-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #2b27220f;transition:transform .15s,box-shadow .15s}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2b27221f}.recipe-thumb{position:relative;aspect-ratio:4 / 3;background-size:cover;background-position:center}.recipe-thumb--ph{background-color:#d9d2c3;background-image:repeating-linear-gradient(45deg,#ffffff52 0,#ffffff52 14px,#fff0 14px,#fff0 28px)}.recipe-card-body{padding:16px 18px}.recipe-card-title{font-family:var(--font-sans);font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--text-0);margin-bottom:6px}.recipe-card-meta{font-size:.9rem;color:var(--text-2)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:flex-end;padding:18px;text-align:left;transition:transform .15s,box-shadow .15s}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#2b272266,#2b272200)}.category-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2b27221f}.category-card-label{position:relative;z-index:1;color:#fcfaf6;font-size:1.1rem;font-weight:600;text-shadow:0 1px 6px rgba(43,39,34,.4)}.recipe-detail{min-height:100vh;background:var(--bg)}.rd-hero{position:relative;width:100%;height:420px;background-size:cover;background-position:center}.rd-hero--ph{background-color:#d9d2c3;background-image:repeating-linear-gradient(45deg,#ffffff52 0,#ffffff52 14px,#fff0 14px,#fff0 28px)}.rd-back,.rd-hero-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-2);color:var(--text-0);border-radius:var(--radius);box-shadow:0 2px 10px #2b272224;transition:background .15s}.rd-back:hover,.rd-hero-icon:hover{background:var(--bg-3)}.rd-back{position:absolute;top:24px;left:24px;gap:8px;padding:12px 18px;font-weight:600;font-size:.95rem}.rd-back svg{width:18px;height:18px}.rd-hero-actions{position:absolute;top:24px;right:24px;display:flex;gap:12px}.rd-hero-brand{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;transition:background .15s;max-width:calc(100% - 164px);padding:8px 16px 8px 10px;background:var(--bg-2);border-radius:var(--radius);box-shadow:0 2px 10px #2b272224}.rd-hero-brand:hover{background:var(--bg-3)}.rd-hero-brand-logo{width:32px;height:32px;border-radius:9px;object-fit:cover;flex-shrink:0}.rd-hero-brand-name{font-family:var(--font-serif);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;line-height:1.15;color:var(--text-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-hero-icon{width:48px;height:48px}.rd-hero-icon svg{width:22px;height:22px}.rd-hero-icon.is-added{background:var(--accent);color:#fff}.rd-hero-icon.is-added:hover{background:var(--accent);opacity:.9}.rd-hero-icon:disabled{cursor:default;opacity:.6}.rd-hero-icon.is-added:disabled{opacity:1}.rd-flash{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:var(--text-0);color:var(--bg-1);padding:12px 20px;border-radius:var(--radius);font-weight:600;font-size:.9rem;box-shadow:0 4px 16px #2b27223d;z-index:1100;animation:rd-flash-fade 2.5s ease forwards}@keyframes rd-flash-fade{0%{opacity:0;transform:translate(-50%,8px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.rd-body{max-width:1240px;margin:0 auto;padding:40px 56px 80px;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"header side" "content side";column-gap:48px;row-gap:0;align-items:start}.rd-header{grid-area:header}.rd-content{grid-area:content;min-width:0}.rd-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:14px}.rd-title{font-family:var(--font-serif);font-size:3rem;font-weight:600;letter-spacing:-.02em;line-height:1.05;margin-bottom:20px}.rd-byline-row{display:flex;align-items:center;gap:10px;margin-top:-12px;margin-bottom:20px}.rd-byline{color:var(--text-2);font-size:1rem;margin:0}.rd-byline-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-3, #e5e5e5);font-size:.7rem;font-weight:600;color:var(--text-2)}.rd-byline-avatar img{width:100%;height:100%;object-fit:cover}.rd-source-card{display:flex;align-items:center;gap:16px;margin-top:-4px;margin-bottom:24px;padding:16px 18px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 2px #0000000a}.rd-source-card-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;object-fit:cover;background:var(--bg-3)}.rd-source-card-icon--ph{background:repeating-linear-gradient(45deg,var(--bg-3),var(--bg-3) 6px,var(--bg-4) 6px,var(--bg-4) 12px)}.rd-source-card-meta{flex:1;min-width:0}.rd-source-card-name{font-size:1.05rem;font-weight:600;color:var(--text-0);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-source-card-sub{font-size:.9rem;color:var(--text-2);margin:0}.rd-source-card-link{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;background:var(--accent-muted);color:var(--accent-dark);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}.rd-source-card-link:hover{background:var(--accent);color:#fff}.rd-source-card-link svg{width:15px;height:15px}.recipe-card-avatar{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-3, #e5e5e5);font-size:.72rem;font-weight:600;color:var(--text-2);border:2px solid #fff;box-shadow:0 1px 3px #0000004d}.recipe-card-avatar img{width:100%;height:100%;object-fit:cover}.rd-desc{color:var(--text-1);font-size:1.15rem;line-height:1.6;margin-bottom:28px;max-width:60ch}.rd-tags{margin-bottom:40px}.rd-section-label{font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:24px}.rd-steps{list-style:none;display:flex;flex-direction:column;gap:24px}.rd-step{display:flex;gap:20px;align-items:flex-start}.rd-step-num{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;font-size:1rem}.rd-step-text{color:var(--text-1);font-size:1.05rem;line-height:1.55}.rd-nutrition{margin-top:40px}.rd-source{margin-top:28px}.rd-source a{display:inline-flex;align-items:center;gap:8px;color:var(--accent-dark);font-size:.95rem;font-weight:500;text-decoration:underline;text-underline-offset:3px;word-break:break-word}.rd-source a:hover{color:var(--accent)}.rd-source svg{width:16px;height:16px;flex-shrink:0}.rd-footer{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.rd-side{grid-area:side;display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}.rd-stats{display:flex;flex-wrap:wrap;gap:12px}.rd-stat{flex:1 1 calc(50% - 6px);background:var(--bg-2);border-radius:var(--radius-lg);padding:20px 12px;text-align:center;box-shadow:0 1px 3px #2b27220f}.rd-stat-value{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--text-0);line-height:1.1}.rd-stat-label{font-size:.82rem;color:var(--text-2);margin-top:6px}.rd-card{background:var(--bg-2);border-radius:var(--radius-xl);padding:28px 24px;box-shadow:0 1px 3px #2b27220f}.rd-card-title{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;margin-bottom:18px}.rd-ing-list{list-style:none;display:flex;flex-direction:column}.rd-ing{display:flex;align-items:center;gap:14px;width:100%;padding:12px 0;border-bottom:1px solid var(--border);background:none;text-align:left}.rd-ing:last-child{border-bottom:none}.rd-ing-check{flex-shrink:0;width:24px;height:24px;border-radius:7px;border:2px solid var(--bg-4);background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s,border-color .15s}.rd-ing.checked .rd-ing-check{background:var(--accent);border-color:var(--accent)}.rd-ing-check svg{width:14px;height:14px}.rd-ing-name{flex:1;font-size:1rem;color:var(--text-0)}.rd-ing.checked .rd-ing-name{color:var(--text-3);text-decoration:line-through}.rd-ing-amt{font-weight:600;color:var(--text-1);white-space:nowrap}.rd-cook{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:20px;background:var(--accent);color:#fff;font-size:1.05rem;font-weight:600;padding:18px;border-radius:var(--radius-lg);transition:background .2s}.rd-cook:hover:not(:disabled){background:var(--accent-dark)}.rd-cook:disabled{background:var(--bg-4);color:var(--text-3);cursor:not-allowed}.rd-cook svg{width:20px;height:20px}.cook{display:grid;grid-template-columns:1fr minmax(420px,40%);height:100vh;background:var(--bg-1)}.cook--portrait{grid-template-columns:minmax(0,42%) minmax(420px,1fr)}.cook-media{background-size:cover;background-position:center;background-color:var(--bg-4)}.cook-media--ph{background-color:#d9d2c3;background-image:repeating-linear-gradient(45deg,#ffffff52 0,#ffffff52 14px,#fff0 14px,#fff0 28px)}.cook-panel{display:flex;flex-direction:column;overflow:hidden}.cook-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:40px 48px}.cook-panel-top{display:flex;align-items:center;justify-content:space-between}.cook-count{color:var(--text-2);font-size:.95rem;font-weight:500}.cook-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--bg-2);color:var(--text-0);box-shadow:0 2px 10px #2b27221f;transition:background .15s}.cook-close:hover{background:var(--bg-3)}.cook-close svg{width:20px;height:20px}.cook-progress{display:flex;gap:8px;margin-top:24px}.cook-progress-seg{flex:1;height:4px;border-radius:2px;background:var(--bg-4);transition:background .2s}.cook-progress-seg.filled{background:var(--accent)}.cook-body{flex:1;padding-top:48px}.cook-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:16px}.cook-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:400;line-height:1.5;color:var(--text-0);margin-bottom:28px}.cook-ing-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--text-0);margin-top:12px;margin-bottom:4px}.cook-nav{display:flex;gap:16px;flex-shrink:0;padding:20px 48px;border-top:1px solid var(--border);background:var(--bg-1)}.cook-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:var(--radius-lg);font-size:1.05rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.cook-btn svg{width:20px;height:20px}.cook-btn-ghost{background:var(--bg-2);color:var(--text-0);border:1px solid var(--border);padding:16px 36px}.cook-btn-ghost:hover{border-color:var(--text-3)}.cook-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.cook-btn-primary{flex:1;background:var(--accent);color:#fff}.cook-btn-primary:hover{background:var(--accent-dark)}@media (max-width: 820px){.cook{grid-template-columns:1fr;grid-template-rows:240px 1fr}.cook-scroll{padding:24px 20px}.cook-nav{padding:16px 20px}}@media (max-width: 1100px){.recipe-grid,.category-grid{grid-template-columns:repeat(3,1fr)}.main{padding:40px 32px}.rd-body{padding:32px 32px 64px;grid-template-columns:minmax(0,1fr) 320px;column-gap:32px}}@media (max-width: 820px){.sidebar{display:none}.main{margin-left:0;padding:24px 20px 96px}.mobile-header{display:block;padding:4px 0 20px}.mobile-header-brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.mobile-header-logo{width:48px;height:48px;border-radius:14px;object-fit:cover;flex-shrink:0}.mobile-header-name{font-family:var(--font-serif);font-weight:600;font-size:1.45rem;letter-spacing:-.02em;line-height:1.1;color:var(--text-0)}.rd-hero{height:260px}.rd--portrait .rd-hero{height:65vh;max-height:620px}.rd-hero-brand{gap:8px;padding:6px 14px 6px 8px;min-height:48px}.rd-hero-brand-logo{width:26px;height:26px}.rd-hero-brand-name{font-size:.8rem}.rd-body{padding:28px 20px 80px;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "side" "content";gap:32px}.rd-side{position:static}.rd-desc{margin-bottom:0}.rd-title{font-size:2.2rem}.rd-source-card{flex-wrap:wrap}.rd-source-card-meta{flex-basis:calc(100% - 60px)}.rd-source-card-link{margin-left:60px}.page-title{font-size:2rem}.recipe-grid,.category-grid{grid-template-columns:repeat(2,1fr);gap:16px}.search-bar input{padding:14px 48px;font-size:1rem}.tabbar{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:100;height:64px;padding:0 24px;background:var(--bg-2);border-top:1px solid var(--border)}.tabbar-item{color:var(--text-2);padding:8px;transition:color .15s}.tabbar-item.active{color:var(--accent)}.tabbar-icon{width:26px;height:26px}.tabbar-add{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-top:-20px;background:var(--accent);color:#fff;border-radius:var(--radius-lg);box-shadow:0 6px 16px #7e8b6366}.tabbar-add-icon{width:28px;height:28px}}@media (min-width: 821px){.rd--portrait{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:start}.rd--portrait .rd-hero{height:100vh;position:sticky;top:0;align-self:start}.rd--portrait .rd-body{max-width:760px;margin:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "side" "content";column-gap:0;row-gap:32px;padding:48px 56px 80px}.rd--portrait .rd-side{position:static}}.new-recipe{max-width:1100px;margin:0 auto;padding:32px 24px 80px}.nr-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.nr-header h1{flex:1;font-size:1.75rem}.nr-save-bottom{display:none}@media (max-width: 560px){.nr-header{flex-wrap:wrap}.nr-header h1{font-size:1.5rem;white-space:nowrap}.nr-save{flex:1 0 100%}.nr-save-bottom{display:block;margin-top:24px}}.nr-back{width:40px;height:40px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);font-size:1.4rem;color:var(--text-1);line-height:1}.nr-save{width:auto}.nr-error{margin-bottom:16px}.nr-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}@media (max-width: 860px){.nr-grid{grid-template-columns:1fr}}.nr-left{display:flex;flex-direction:column;gap:8px}.nr-right{display:flex;flex-direction:column;gap:12px}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--text-2);text-transform:uppercase}.nr-title{font-family:var(--font-serif);font-size:1.9rem;border:none;border-bottom:1px solid var(--border);border-radius:0;padding:8px 0;background:transparent}.nr-title:focus{outline:none;border-bottom-color:var(--accent)}.new-recipe :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.new-recipe .nr-title:focus-visible{outline:none}.photo-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;gap:8px;border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-1);color:var(--text-2);cursor:pointer;overflow:hidden;margin-bottom:12px}.photo-preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.photo-status{position:absolute;bottom:8px;background:var(--overlay-50);color:#fff;padding:2px 10px;border-radius:999px;font-size:.8rem}.method-section{margin-top:16px;display:flex;flex-direction:column;gap:10px}.method-head{display:flex;align-items:center;justify-content:space-between}.method-step{display:flex;align-items:flex-start;gap:12px}.method-num{flex-shrink:0;width:28px;height:28px;border-radius:999px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;margin-top:4px}.method-step textarea{resize:vertical}.method-remove{background:none;color:var(--text-2);font-size:1.2rem;padding:4px;line-height:1}.ing-add-link{background:none;color:var(--accent-dark);font-weight:600;font-size:.9rem}.ts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ts-card{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.ts-card-label{font-size:.8rem;color:var(--text-2)}.ts-card-value{background:none;text-align:left;color:var(--text-0)}.ts-card-value strong{font-size:1.5rem}.ts-card-unit{font-size:.8rem;color:var(--text-2)}.ts-card-steppers{display:flex;gap:6px}.ts-card-steppers button,.ts-serves button{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-1);border:1px solid var(--border);font-size:1.1rem;line-height:1;color:var(--text-1)}.ts-card-total strong{font-size:1.4rem;color:var(--text-0)}.ts-auto{font-size:.62rem;font-weight:700;letter-spacing:.06em;color:var(--accent-dark);background:var(--accent-muted);padding:1px 6px;border-radius:999px}.ts-serves{display:flex;align-items:center;gap:8px}.ts-serves input{text-align:center;width:64px}.ts-popover{margin-top:8px;padding:10px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px}.ts-popover-units{display:flex;gap:6px}.ts-unit{flex:1;padding:6px;border-radius:var(--radius-sm);background:var(--bg-1);border:1px solid var(--border);color:var(--text-1);font-size:.85rem}.ts-unit.selected{background:var(--accent);color:#fff;border-color:transparent}.nr-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.ing-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ing-section-head h3{font-size:1.1rem}.ing-rows{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.ing-row{display:flex;align-items:center;gap:8px;background:var(--bg-1);border-radius:var(--radius-sm);padding:10px 12px}.ing-row-name{flex:1}.ing-row-amt{color:var(--text-2);font-size:.9rem}.ing-row-remove{background:none;color:var(--text-2);font-size:1.1rem;line-height:1}.ing-add-dashed{width:100%;border:1px dashed var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-2);padding:12px;text-align:left}.ing-editor{background:var(--bg-1);border:1px solid var(--accent-light);border-radius:var(--radius-md);padding:14px}.ing-editor-fields{display:grid;grid-template-columns:1fr 60px 90px;gap:8px;margin-bottom:12px}@media (max-width: 560px){.ing-editor-fields{grid-template-columns:1fr 1fr}.ing-editor-fields .ing-editor-label:first-child{grid-column:1 / -1}}.ing-editor-label{display:flex;flex-direction:column;gap:4px;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--text-2)}.ing-editor-actions{display:flex;gap:8px}.ing-editor-actions .btn-ghost{width:auto}.ing-editor-actions .btn-primary{flex:1}.unit-picker{position:relative}.unit-picker-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-0);font-size:.9rem}.unit-picker-caret{color:var(--text-2);font-size:.7rem}.unit-picker-menu{list-style:none;position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--overlay-20);overflow:hidden}.unit-picker-option{width:100%;text-align:left;background:none;padding:10px 12px;color:var(--text-0);font-size:.9rem}.unit-picker-option:hover,.unit-picker-option.selected{background:var(--accent-muted)}.unit-picker-subrow{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:var(--bg-1)}.unit-picker-suboption{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px;font-size:.85rem;color:var(--text-0)}.unit-picker-suboption.selected{background:var(--accent);color:#fff;border-color:transparent}.unit-picker-custom{max-width:120px}.cat-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cat-pill{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:8px 18px;color:var(--text-1);font-weight:500;font-size:.9rem}.cat-pill.selected{background:var(--accent);color:#fff;border-color:transparent}.cat-pill-add{padding:8px 14px}.tabbar-add-wrap{position:relative}.tabbar-add-menu{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--overlay-20);overflow:hidden;min-width:160px}.tabbar-add-menu a{display:block;padding:12px 16px;color:var(--text-0);font-size:.9rem}.tabbar-add-menu a:hover{background:var(--accent-muted)}.nutri-section{display:flex;flex-direction:column;gap:12px}.nutri-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nutri-field{display:flex;flex-direction:column;gap:4px;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--text-2);text-transform:uppercase}.nutri-field input{text-transform:none;font-weight:400;letter-spacing:normal}.nutri-more-toggle{align-self:flex-start;background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:700;cursor:pointer;padding:0}.mp-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--text-2);text-transform:uppercase;margin-bottom:8px}.mp-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.mp-title-row{display:flex;align-items:center;gap:14px;min-width:0}.mp-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:var(--bg-2);color:var(--text-0);border-radius:var(--radius-sm);font-size:1.1rem;line-height:1;box-shadow:0 1px 3px #2b27220f;transition:background .15s}.mp-arrow:hover{background:var(--bg-3)}.mp-title{font-family:var(--font-serif);font-size:1.9rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.mp-count{color:var(--text-2);font-size:.9rem;white-space:nowrap}.mp-days{display:flex;flex-direction:column;gap:12px}.mp-day{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:20px;background:var(--bg-2);border-radius:var(--radius-lg);padding:14px 18px;box-shadow:0 1px 3px #2b27220f}.mp-day-label{display:flex;flex-direction:column;gap:2px;min-width:0}.mp-weekday{font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--text-2);text-transform:uppercase}.mp-date{font-size:.85rem;color:var(--text-1)}.mp-card{display:flex;align-items:center;gap:14px;min-width:0}.mp-check{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:7px;background:#fff;color:#fff;cursor:pointer;transition:background .15s,border-color .15s}.mp-check svg{width:14px;height:14px}.mp-check.checked{background:var(--accent);border-color:var(--accent)}.mp-card.is-made .mp-card-title{text-decoration:line-through;color:var(--text-2)}.mp-card-link{display:flex;align-items:center;gap:14px;min-width:0;flex:1;text-decoration:none;color:inherit;cursor:pointer}.mp-card-link:hover .mp-card-title{text-decoration:underline}.mp-thumb{width:56px;height:56px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:cover;background-size:cover;background-position:center}.mp-thumb--ph{background-color:#d9d2c3;background-image:repeating-linear-gradient(45deg,#ffffff52 0,#ffffff52 10px,#fff0 10px,#fff0 20px)}.mp-card-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.mp-card-title{font-weight:600;color:var(--text-0);font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-card-meta{font-size:.85rem;color:var(--text-2)}.mp-remove{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--text-2);border-radius:var(--radius-sm);font-size:1.2rem;line-height:1}.mp-remove:hover{background:var(--bg-3);color:var(--text-0)}@media (max-width: 640px){.mp-day{grid-template-columns:1fr;gap:8px}.mp-title{font-size:1.5rem}}.mine-toggle{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text-2);font-size:.9rem;cursor:pointer}.mine-toggle input{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}