.cover-veg-row{gap:var(--sp-2);padding:0 var(--pad-x) var(--sp-3);flex-wrap:wrap;display:flex}.cover-veg{padding:var(--sp-2) var(--sp-3);font:inherit;font-size:var(--font-small);color:var(--text);background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;border-radius:999px;font-weight:600;transition:background .15s,border-color .15s}.cover-veg:hover{background:var(--surface-alt)}.cover-veg[aria-pressed=true]{background:var(--green-tint);border-color:var(--green-dark)}:root{--green:#8cc63e;--green-dark:#6fa32c;--green-tint:#f4f9ec;--text:#14140f;--text-muted:#4a4a42;--text-label:#14140f;--text-invert:#fff;--surface:#fff;--surface-alt:#f6f6f2;--surface-press:#ecece6;--line:#e6e6df;--line-strong:#d5d5cc;--danger:#a3261f;--danger-tint:#fdf0ef;--danger-line:#eab8b4;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--pad-x:var(--sp-4);--row-pad-y:var(--sp-3);--gap:var(--sp-5);--font-hero:32px;--font-title:24px;--font-section:17px;--font-row:17px;--font-label:15px;--font-small:13px;--r-sm:6px;--r-md:10px;--r-lg:14px;--shadow-sm:0 1px 2px #14140f0f;--shadow-md:0 2px 8px #14140f14;--thumb-w:88px;--thumb-h:68px;--hero-h:240px;--app-max:520px;--app-max-wide:900px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--green-deep:#2f5d2f;--green-deep-press:#264b26;--cream:#f8f7f2}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);color:var(--text);background:var(--surface);margin:0}img{max-width:100%;display:block}button{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}.app{max-width:var(--app-max);background:var(--surface);-webkit-hyphens:none;hyphens:none;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.app>.library,.app>.book-view,.app>.account-screen{flex:1 0 auto}img.is-placeholder{box-sizing:border-box;object-fit:contain;background:var(--green);opacity:1;filter:none;padding:10%}.screen-label{padding:var(--sp-3) var(--pad-x);font-size:var(--font-small);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-alt);border-bottom:1px solid var(--line);margin:0;font-weight:600}.nav{gap:var(--sp-3);padding:var(--sp-5) var(--pad-x) var(--sp-6);display:flex}.nav-btn{padding:var(--sp-4);font-size:var(--font-row);color:var(--text);background:var(--surface-alt);border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;flex:1;font-weight:600;transition:background .15s,transform 50ms}.nav-btn:hover{background:var(--surface-press)}.nav-btn:active{transform:translateY(1px)}.nav-btn-primary{background:var(--green);border-color:var(--green-dark);box-shadow:var(--shadow-sm)}.nav-btn-primary:hover{background:var(--green-dark)}.message{padding:var(--sp-3) var(--pad-x);font-size:var(--font-label);color:var(--text-muted);margin:0}.veg-row{align-items:center;gap:var(--gap);width:100%;padding:var(--row-pad-y) var(--pad-x);background:var(--surface);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;transition:background .15s;display:flex}.veg-row:hover{background:var(--green-tint)}.veg-thumb{width:var(--thumb-w);height:var(--thumb-h);object-fit:cover;border-radius:var(--r-sm);background:var(--surface-alt);flex:none}.veg-name{font-size:var(--font-row);color:var(--text);font-weight:600}.choice-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);margin-bottom:var(--sp-2);background:var(--surface-alt);border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;transition:background .15s,border-color .15s;display:flex}.choice-row:hover{background:var(--green-tint)}.choice-row:has(:checked){background:var(--green-tint);border-color:var(--green)}.choice-box{width:22px;height:22px;accent-color:var(--green-dark);cursor:pointer;flex:none}.choice-text{font-size:var(--font-row);color:var(--text)}.hero{background:var(--surface-alt);position:relative}.hero-img{width:100%;height:var(--hero-h);object-fit:cover;object-position:center 30%}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);height:110px;position:absolute;inset:auto 0 0}.hero-name{z-index:1;left:var(--pad-x);bottom:var(--sp-3);font-size:var(--font-hero);letter-spacing:-.01em;color:var(--text-invert);text-shadow:0 1px 6px #00000080;margin:0;font-weight:600;position:absolute}.recipe{padding:var(--sp-4) var(--pad-x) 0}.recipe-badges{gap:var(--sp-1);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.recipe-badge{font-size:var(--font-small);color:var(--text-invert);border-radius:999px;padding:4px 10px;font-weight:600}.recipe-title{margin:0 0 var(--sp-3);font-size:var(--font-title);letter-spacing:-.01em;color:var(--text);font-weight:700;line-height:1.25}.recipe-photo-frame{aspect-ratio:3/2;border-radius:var(--r-lg);background:var(--surface-alt);box-shadow:var(--shadow-md);overflow:hidden}.recipe-photo{object-fit:cover;width:100%;height:100%;display:block}.recipe-counter{margin:0 0 var(--sp-3);font-size:var(--font-small);letter-spacing:.03em;color:var(--green-dark);background:var(--green-tint);border-radius:999px;padding:4px 12px;font-weight:600;display:inline-block}.recipe-loading{margin-top:var(--sp-5)}.skeleton{background:var(--surface-alt);border-radius:var(--r-sm);animation:1.4s ease-in-out infinite pulse}.skeleton-tab{width:110px;height:20px;margin:var(--sp-5) 0 var(--sp-2)}.skeleton-line{height:15px;margin-bottom:var(--sp-3)}.skeleton-line.short{width:60%}.skel-recipe-title{width:75%;height:28px;margin-bottom:var(--sp-3)}.skel-recipe-photo{aspect-ratio:3/2;border-radius:var(--r-lg);width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.masthead{min-height:64px;padding:var(--sp-2) var(--pad-x);background:var(--green);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.masthead-back{left:var(--sp-3);z-index:1;font-size:var(--font-label);color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-weight:600;line-height:1;transition:background .15s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.masthead-back:hover{background:#fff}.masthead-back:focus-visible{outline-offset:2px;outline:2px solid #fff}.masthead-back-icon{width:18px;height:18px}.masthead-logo{z-index:1;width:100%;max-width:220px;height:auto;position:relative}.masthead-decor{color:#fff3;pointer-events:none;width:104px;height:104px;position:absolute;top:-18px;right:-12px}@media (width<=380px){.masthead-back{padding:8px}.masthead-back-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.masthead-logo{max-width:170px}}.book-card{aspect-ratio:2;width:100%;max-height:260px;margin-bottom:var(--sp-3);font:inherit;text-align:left;background:var(--surface-alt);border:0;border-radius:20px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 6px 20px #14140f1f}button.book-card{cursor:pointer;transition:transform .15s,box-shadow .15s}button.book-card:hover{transform:translateY(-1px);box-shadow:0 10px 26px #14140f29}button.book-card:focus-visible{outline:2px solid var(--green-dark);outline-offset:3px}.book-card-bg{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.book-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000040 45%,#000000a6);height:70%;position:absolute;inset:auto 0 0}.book-card-cover{z-index:1;right:var(--sp-4);bottom:var(--sp-4);aspect-ratio:1;object-fit:cover;background:var(--surface-alt);border:4px solid var(--surface);border-radius:14px;width:26%;max-width:160px;position:absolute;box-shadow:0 4px 14px #0000004d}.book-card-text{z-index:1;left:var(--sp-5);right:calc(26% + var(--sp-4) * 2);bottom:var(--sp-4);color:var(--text-invert);text-shadow:0 1px 6px #00000073;flex-direction:column;gap:4px;display:flex;position:absolute}.book-card-name{font-size:var(--font-hero);letter-spacing:-.01em;font-weight:700;line-height:1.1}.book-card-label{letter-spacing:.28em;text-transform:uppercase;opacity:.92;align-items:center;gap:10px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.book-card-label:before{content:"";background:currentColor;flex:none;width:28px;height:1px}.book-card-subtitle{font-size:var(--font-label);opacity:.92;font-weight:400}.book-card-count{font-size:var(--font-small);align-items:center;gap:6px;margin-top:2px;font-weight:500;display:inline-flex}.book-card-count-icon{width:18px;height:18px}@media (width<=480px){.book-card-text{left:var(--sp-4);bottom:var(--sp-3)}.book-card-name{font-size:var(--font-title)}.book-card-cover{right:var(--sp-3);bottom:var(--sp-3);border-width:3px}}.menu{position:relative}.menu-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffffe0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .15s;display:grid;box-shadow:0 2px 8px #0000002e}.menu-btn:hover,.menu-btn[aria-expanded=true]{background:#fff}.menu-btn:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.menu-btn svg{width:20px;height:20px}.menu-list{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:180px;margin:0;padding:6px;list-style:none;animation:.12s ease-out menu-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #14140f2e}.menu-item{width:100%;font:inherit;font-size:var(--font-label);text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-alt);outline:none}.menu-item.is-danger{color:var(--danger)}.menu-item.is-danger:hover,.menu-item.is-danger:focus-visible{background:var(--danger-tint)}.menu-item svg{flex:none;width:18px;height:18px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.menu-list{animation:none}}.create-btn{width:100%;padding:var(--sp-4);font-size:var(--font-row);color:var(--text);background:var(--green);border-radius:var(--r-md);box-shadow:var(--shadow-sm);cursor:pointer;border:0;font-weight:700;transition:background .15s,transform 50ms}.create-btn:hover{background:var(--green-dark)}.create-btn:active{transform:translateY(1px)}.create-btn:disabled{color:var(--text-muted);background:var(--surface-alt);box-shadow:none;cursor:default;transform:none}.question{padding:var(--sp-5) var(--pad-x) var(--sp-2)}.question-intro{letter-spacing:-.01em;color:var(--text);margin:0;font-size:21px;font-weight:700;line-height:1.35}.question-sub{margin:var(--sp-2) 0 0;font-size:var(--font-small);letter-spacing:.04em;color:var(--green-dark);font-weight:600}.transition{padding:var(--sp-7) var(--pad-x) var(--sp-2);flex-direction:column;align-items:center;display:flex}.transition-line{margin:0 0 var(--sp-5);color:var(--text);align-self:flex-start;font-size:19px;font-weight:600;line-height:1.45}.transition-cue{margin:var(--sp-6) 0 var(--sp-4);font-size:var(--font-row);color:var(--green-dark);font-weight:700}.transition-arrow{background:var(--green);clip-path:polygon(38% 0%,62% 0%,62% 72%,100% 72%,50% 100%,0% 72%,38% 72%);width:44px;height:110px}.decide{gap:var(--sp-3);margin-top:var(--sp-5);padding:var(--sp-3) var(--pad-x) var(--sp-4);background:var(--surface);border-top:1px solid var(--line);display:flex;position:sticky;bottom:0}.decide-btn{padding:var(--sp-4);font-size:var(--font-row);letter-spacing:.03em;border-radius:var(--r-md);cursor:pointer;flex:1;font-weight:700;transition:background .15s,transform 50ms}.decide-btn:active{transform:translateY(1px)}.decide-btn:first-child{color:var(--text);background:var(--green);border:1px solid var(--green-dark);box-shadow:var(--shadow-sm)}.decide-btn:first-child:hover{background:var(--green-dark)}.decide-btn:last-child{color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--line-strong)}.decide-btn:last-child:hover{background:var(--surface-press)}.intro-text{padding:var(--sp-4) var(--pad-x);background:var(--surface-alt)}.intro-text p{margin:0 0 var(--sp-3);font-size:var(--font-label);color:var(--text);line-height:1.5}.intro-text p:last-child{margin-bottom:0}.copy-grid{gap:var(--sp-3);padding:var(--sp-4) var(--pad-x);grid-template-columns:1fr 1fr;display:grid}.copy-tile{background:var(--surface-alt);border-radius:var(--r-sm);cursor:pointer;border:2px solid #0000;width:100%;padding:0;transition:border-color .15s;display:block;position:relative;overflow:hidden}.copy-tile[aria-pressed=true]{border-color:var(--green)}.copy-tile-img{object-fit:cover;width:100%;height:130px}.copy-tile-title{padding:var(--sp-2) 38px var(--sp-3) var(--sp-3);font-size:var(--font-small);text-align:left;color:var(--text-invert);background:linear-gradient(#000000a6,#0000);font-weight:600;position:absolute;top:0;left:0;right:0}.copy-tile-box{top:var(--sp-2);right:var(--sp-2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);width:22px;height:22px;position:absolute}.copy-tile-box.is-checked{background:var(--green);border-color:var(--green-dark)}.copy-tile-box.is-checked:after{content:"";border:solid var(--text);border-width:0 3px 3px 0;width:6px;height:12px;position:absolute;top:2px;left:7px;transform:rotate(45deg)}.cover-preview{padding:var(--sp-4) var(--pad-x) 0}.cover-preview .book-card{margin-bottom:0}.cover-modes{gap:var(--sp-3);padding:var(--sp-4) var(--pad-x);flex-direction:column;display:flex}.cover-mode{width:100%;padding:var(--sp-4);font-size:var(--font-row);text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;font-weight:600;transition:background .15s,border-color .15s;display:block;position:relative}.cover-mode:hover{background:var(--surface-alt)}.cover-mode[aria-pressed=true],.cover-mode.is-active{background:var(--green-tint);border-color:var(--green-dark)}.cover-upload-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.cover-mode:focus-within{outline:2px solid var(--green-dark);outline-offset:2px}.cover-grid{gap:var(--sp-1);padding:0 var(--pad-x) var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.cover-tile{aspect-ratio:1;background:var(--surface-alt);border-radius:var(--r-sm);cursor:pointer;border:3px solid #0000;width:100%;padding:0;transition:border-color .15s;display:block;overflow:hidden}.cover-tile img{object-fit:cover;width:100%;height:100%;display:block}.cover-tile[aria-pressed=true]{border-color:var(--green)}.account-page{gap:var(--sp-4);padding:var(--sp-5) var(--pad-x);flex-direction:column;display:flex}.account-title{font-size:var(--font-title);color:var(--text);margin:0;font-weight:700}.account-center{text-align:center}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field-label{font-size:var(--font-label);color:var(--text-label);font-weight:600}.field-input{width:100%;padding:var(--sp-4);font:inherit;font-size:var(--font-row);color:var(--text);background:var(--surface-alt);border-radius:var(--r-md);border:1px solid #0000;transition:background .15s,border-color .15s}.field-input:hover{background:var(--surface-press)}.field-input:focus{background:var(--surface);border-color:var(--green-dark);outline:2px solid var(--green-dark);outline-offset:1px}.field-input::placeholder{color:var(--text-muted);opacity:.75}.field-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-alt) inset;box-shadow:0 0 0 1000px var(--surface-alt) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.field-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-alt) inset;box-shadow:0 0 0 1000px var(--surface-alt) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.field-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-alt) inset;box-shadow:0 0 0 1000px var(--surface-alt) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.field-wrap{align-items:center;display:flex;position:relative}.field-input.has-icon{padding-right:56px}.field-icon-btn{width:44px;height:44px;color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background .15s,color .15s;display:grid;position:absolute;right:6px}.field-icon-btn:hover{color:var(--text);background:var(--surface-alt)}.field-icon-btn:focus-visible{outline:2px solid var(--green-dark);outline-offset:1px}.field-icon-btn svg{width:22px;height:22px}.field-hint{font-size:var(--font-small);color:var(--text-muted);margin:0;line-height:1.4}.form-error{padding:var(--sp-3);font-size:var(--font-label);color:var(--danger);background:var(--danger-tint);border:1px solid var(--danger-line);border-radius:var(--r-md);margin:0;line-height:1.4}.form-success{padding:var(--sp-3);font-size:var(--font-label);color:var(--text);background:var(--green-tint);border:1px solid var(--green-dark);border-radius:var(--r-md);margin:0}.account-btn{width:100%;padding:var(--sp-4);font-size:var(--font-row);color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;font-weight:600;transition:background .15s}.account-btn:hover{background:var(--surface-alt)}.account-btn:disabled{color:var(--text-muted);cursor:default}.account-btn.is-danger{color:var(--danger);border-color:var(--danger-line)}.account-btn.is-danger:hover{background:var(--danger-tint)}.link-btn{padding:var(--sp-2) var(--sp-1);font:inherit;font-size:var(--font-label);color:var(--text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;font-weight:600;text-decoration:underline}.account-screen{gap:var(--sp-4);padding:var(--sp-5) var(--pad-x) var(--sp-7);background:var(--surface-alt);flex-direction:column;display:flex;position:relative;overflow:hidden}.account-screen>:not(.account-leaf){z-index:1;position:relative}.account-leaf{z-index:0;color:#8cc63e29;pointer-events:none;width:190px;height:190px;position:absolute;bottom:-28px;left:-36px}.account-leaf.is-small{width:120px;height:120px;bottom:-40px;left:96px;transform:rotate(28deg)}.account-hero{align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-2);display:flex}.account-avatar{width:76px;height:76px;color:var(--green-deep);background:var(--green-tint);border-radius:50%;flex:none;place-items:center;display:grid}.account-avatar svg{width:38px;height:38px}.account-hero-text{min-width:0}.account-hero .account-title{letter-spacing:-.01em;font-size:26px;font-weight:800}.account-email{font-size:var(--font-row);color:var(--text-muted);overflow-wrap:anywhere;margin:2px 0 0}.account-tagline{font-size:var(--font-label);color:var(--text-muted);margin:4px 0 0}.account-card{gap:var(--sp-4);padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;display:flex;box-shadow:0 1px 3px #14140f0f}.account-card-head{align-items:center;gap:var(--sp-3) var(--sp-4);flex-wrap:wrap;display:flex}.account-card-icon{width:52px;height:52px;color:var(--green-deep);background:var(--green-tint);border-radius:50%;flex:none;place-items:center;display:grid}.account-card-icon.is-danger{color:var(--danger);background:var(--danger-tint)}.account-card-icon svg{width:24px;height:24px}.account-card-head-text{flex:220px;min-width:0}.account-card-title{color:var(--text);margin:0;font-size:19px;font-weight:700}.account-card-text{font-size:var(--font-label);color:var(--text-muted);margin:2px 0 0;line-height:1.45}.account-card .field-input{background:var(--surface);border-color:var(--line-strong)}.account-card .field-input:hover{border-color:var(--green)}.account-card .field-input:focus{border-color:var(--green-dark)}.account-card .field-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset}.account-card .field-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset}.account-card .field-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset}.account-primary{width:100%;font:inherit;font-size:var(--font-row);color:#fff;background:var(--green-deep);cursor:pointer;border:0;border-radius:12px;padding:15px;font-weight:700;transition:background .15s}.account-primary:hover{background:var(--green-deep-press)}.account-primary:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.account-primary:disabled{opacity:.55;cursor:default}.account-danger-btn{font:inherit;font-size:var(--font-label);color:var(--danger);background:var(--surface);border:1.5px solid var(--danger);cursor:pointer;border-radius:12px;flex:none;padding:11px 18px;font-weight:700;transition:background .15s,color .15s}.account-danger-btn:hover{background:var(--danger-tint)}.account-danger-btn:focus-visible{outline:2px solid var(--danger);outline-offset:2px}.account-danger-btn.is-filled{width:100%;font-size:var(--font-row);color:#fff;background:var(--danger);padding:15px}.account-danger-btn.is-filled:hover{background:#8b1f18}.account-danger-btn:disabled{opacity:.55;cursor:default}.account-divider{width:100%;height:1px;margin:var(--sp-3) 0 var(--sp-2);background:var(--line);border:0}.account-signout{font:inherit;font-size:var(--font-row);color:var(--text);background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;border-radius:14px;align-self:center;align-items:center;gap:10px;padding:13px 30px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.account-signout:hover{background:var(--green-tint);border-color:var(--green)}.account-signout:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.account-signout:disabled{color:var(--text-muted);cursor:default}.account-signout svg{width:20px;height:20px}.account-signout-note{margin:calc(var(--sp-2) * -1) 0 0;font-size:var(--font-small);text-align:center;color:var(--text-muted);align-self:center}.auth-screen{background:var(--cream);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.auth-hero{background:var(--green-tint);border-bottom-right-radius:50% 48px;border-bottom-left-radius:50% 48px;flex:none;height:32vh;min-height:180px;max-height:280px;position:relative;overflow:hidden}.auth-hero img{object-fit:cover;object-position:center 45%;width:100%;height:100%;display:block}.auth-back{top:var(--sp-3);left:var(--sp-3);z-index:2;font:inherit;font-size:var(--font-label);color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;background:#ffffffe6;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-weight:600;line-height:1;transition:background .15s;display:inline-flex;position:absolute}.auth-back:hover{background:#fff}.auth-back:focus-visible{outline-offset:2px;outline:2px solid #fff}.auth-back svg{width:18px;height:18px}.auth-main{justify-content:flex-start;gap:var(--sp-4);padding:var(--sp-4) var(--pad-x) var(--sp-6);flex-direction:column;flex:1 0 auto;display:flex;position:relative}.auth-main>:not(.auth-leaf){z-index:1;position:relative}.auth-leaf{z-index:0;color:#8cc63e38;pointer-events:none;width:110px;height:110px;position:absolute;top:-8px}.auth-leaf.is-left{left:-44px;transform:rotate(-30deg)}.auth-leaf.is-right{right:-40px;transform:scaleX(-1)rotate(-20deg)}.auth-logo{width:230px;max-width:62%;margin:0 auto;display:block}.auth-head{gap:var(--sp-2);text-align:center;flex-direction:column;display:flex}.auth-greeting{font-size:var(--font-title);letter-spacing:-.01em;color:var(--green-deep);margin:0;font-weight:700;line-height:1.2}.auth-sub{margin:var(--sp-1) 0 0;font-size:var(--font-label);color:var(--text-muted);line-height:1.5}.auth-fields{gap:var(--sp-3);flex-direction:column;display:flex}.auth-lower{gap:var(--sp-4);flex-direction:column;display:flex}@media (height>=900px){.auth-lower{margin-top:min(12vh,160px)}}.pill-field{gap:var(--sp-1);flex-direction:column;display:flex}.pill-label{font-size:var(--font-small);color:var(--text-muted);font-weight:600}.pill-wrap{align-items:center;display:flex;position:relative}.pill-icon{left:var(--sp-3);color:var(--text-muted);pointer-events:none;position:absolute}.pill-input{width:100%;padding:var(--sp-3) var(--sp-3) var(--sp-3) 44px;font:inherit;font-size:var(--font-row);color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;transition:border-color .15s}.pill-input:focus{border-color:var(--green-deep);outline:2px solid var(--green-deep);outline-offset:1px}.pill-input.has-action{padding-right:48px}.pill-input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.pill-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.pill-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out}.pill-action{right:var(--sp-1);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.pill-action:hover{color:var(--green-deep)}.pill-action:focus-visible{outline:2px solid var(--green-deep);outline-offset:-2px}.auth-primary,.auth-secondary,.auth-guest{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;min-height:52px;padding:var(--sp-3) var(--sp-4);font:inherit;font-size:var(--font-row);cursor:pointer;border-radius:999px;font-weight:700;transition:background .15s,transform .1s;display:flex}.auth-primary:active,.auth-secondary:active,.auth-guest:active{transform:translateY(1px)}.auth-primary:focus-visible,.auth-secondary:focus-visible,.auth-guest:focus-visible{outline:2px solid var(--green-deep);outline-offset:2px}.auth-primary{color:#fff;background:var(--green-deep);border:1px solid var(--green-deep);box-shadow:0 2px 8px #2f5d2f38}.auth-primary:hover{background:var(--green-deep-press)}.auth-primary:disabled{opacity:.6;cursor:default;transform:none}.auth-secondary{color:var(--green-deep);background:var(--surface);border:1px solid var(--green-deep)}.auth-secondary:hover{background:var(--green-tint)}.auth-guest{color:var(--green-deep);background:var(--green-tint);border:1px solid #0000}.auth-guest:hover{background:#e9f2da}.auth-or{align-items:center;gap:var(--sp-3);font-size:var(--font-small);color:var(--text-muted);display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line-strong);flex:1;height:1px}.auth-note{font-size:var(--font-small);color:var(--text-muted);text-align:center;margin:0;line-height:1.5}.auth-switch{margin:var(--sp-2) 0 0;padding-top:var(--sp-4);font-size:var(--font-label);color:var(--text-muted);text-align:center;border-top:1px solid var(--line);display:block}.auth-switch .link-btn{color:var(--green-deep);padding:0}.auth-steps{margin-top:var(--sp-3);padding:var(--sp-5) var(--sp-4) var(--sp-5);background:#f1f6e9;border-radius:20px}.auth-steps-title{margin:0 0 var(--sp-4);letter-spacing:-.01em;text-align:center;color:var(--text);font-size:21px;font-weight:800}.auth-steps-list{gap:var(--sp-3);counter-reset:step;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.auth-step{align-items:center;gap:var(--sp-2);text-align:center;counter-increment:step;flex-direction:column;display:flex;position:relative}.auth-step:not(:last-child):after{content:"";width:calc(100% + var(--sp-3) - 84px);pointer-events:none;border-top:2px dotted #2f5d2f4d;position:absolute;top:32px;left:calc(50% + 42px)}.auth-step-icon{width:64px;height:64px;color:var(--green-deep);background:#e2eed3;border-radius:50%;place-items:center;display:grid}.auth-step-icon svg{width:30px;height:30px}.auth-step-label{font-size:var(--font-label);color:var(--text);font-weight:600;line-height:1.3}.auth-step-label:before{content:counter(step) ". "}@media (width<=360px){.auth-step:not(:last-child):after{display:none}}@media (prefers-reduced-motion:reduce){.auth-primary,.auth-secondary,.auth-guest,.auth-back,.pill-input{transition:none}}.library{padding-bottom:var(--sp-6);background:var(--surface-alt)}.library-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--pad-x) var(--sp-3);display:flex}.library-head-text{min-width:0}.library-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:28px;font-weight:800;line-height:1.15}.library-sub{font-size:var(--font-label);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.library-account{font:inherit;font-size:var(--font-label);color:var(--text);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.library-account:hover{background:var(--green-tint);border-color:var(--green)}.library-account:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.library-account svg{width:20px;height:20px;color:var(--text-muted)}.library-create{gap:var(--sp-3);padding:var(--sp-3) var(--pad-x) var(--sp-5);flex-direction:column;display:flex}.library-create-btn{align-items:center;gap:var(--sp-3);width:100%;font:inherit;font-size:var(--font-row);cursor:pointer;border-radius:18px;padding:12px 18px 12px 12px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:flex}.library-create-btn:focus-visible{outline:2px solid var(--green-dark);outline-offset:3px}.library-create-label{text-align:center;flex:1}.library-create-icon{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.library-create-icon svg{width:22px;height:22px}.library-create-chevron{opacity:.85;flex:none;width:20px;height:20px}.library-create-btn.is-primary{color:#fff;background:linear-gradient(#66a02a,#47831c);border:0;font-size:18px;box-shadow:0 6px 16px #47831c59}.library-create-btn.is-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #47831c66}.library-create-btn.is-primary:active{transform:translateY(0)}.is-primary .library-create-icon{color:#47831c;background:#fff}.library-create-btn.is-secondary{color:var(--text);background:var(--surface);border:1px solid var(--line-strong)}.library-create-btn.is-secondary:hover:not(:disabled){background:var(--green-tint);border-color:var(--green)}.is-secondary .library-create-icon{color:var(--text);background:var(--surface-alt)}.library-create-btn:disabled{opacity:.6;cursor:default}.library-books{gap:var(--sp-4);padding:0 var(--pad-x);flex-direction:column;margin:0;list-style:none;display:flex}.book-item{position:relative}.book-item .book-card{margin-bottom:0}.book-item-menu{top:var(--sp-3);right:var(--sp-3);z-index:2;position:absolute}.library-skel-card{aspect-ratio:2;background:#e6e6de;border-radius:20px;width:100%;max-height:260px;display:block}.recipe-title{color:var(--green-deep)}.book-view{padding-bottom:var(--sp-6);background:var(--surface-alt)}.book-view-message{padding-top:var(--sp-6);text-align:center}.book-heading{align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--pad-x) var(--sp-4);display:flex}.book-heading-logo{object-fit:contain;flex:none;width:auto;height:52px}.book-heading-text{min-width:0}.book-heading-eyebrow{font-size:var(--font-small);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:600}.book-heading-title{font-size:var(--font-title);letter-spacing:-.01em;color:var(--text);margin:2px 0 0;font-weight:700;line-height:1.2}.book-heading-tagline{font-size:var(--font-label);color:var(--text-muted);margin:4px 0 0}.book-hero{position:relative}.recipe-row{align-items:center;gap:var(--gap);width:100%;padding:var(--row-pad-y) var(--pad-x);background:var(--surface);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;transition:background .15s;display:flex}.recipe-row:hover{background:var(--green-tint)}.book-recipes{gap:var(--sp-3);padding:var(--sp-4) var(--pad-x);flex-direction:column;margin:0;list-style:none;display:flex}.book-recipes li{position:relative}.book-recipes .recipe-row{padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-2);border-radius:var(--r-lg);border:1px solid #0000;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 1px 3px #14140f14}.book-recipes .recipe-row:hover{background:var(--surface);border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 20px #14140f1f}.book-recipes .recipe-row:active{transform:translateY(0);box-shadow:0 2px 6px #14140f1a}.book-recipes .recipe-row:focus-visible{outline:2px solid var(--green-dark);outline-offset:2px}.book-recipes .recipe-thumb{border-radius:var(--r-md)}.book-recipes .recipe-row-title{flex:1;min-width:0}.book-recipes .recipe-row.has-menu .recipe-row-title{margin-right:44px}.recipe-row-menu{z-index:2;position:absolute;top:50%;right:44px;transform:translateY(-50%)}.recipe-row-menu .menu-btn{width:36px;height:36px;color:var(--text-muted);box-shadow:none;background:0 0}.recipe-row-menu .menu-btn:hover,.recipe-row-menu .menu-btn[aria-expanded=true]{color:var(--text);background:var(--surface-alt)}.recipe-row-chevron{width:20px;height:20px;color:var(--text-muted);opacity:.6;flex:none;transition:transform .18s,color .18s,opacity .18s}.recipe-row:hover .recipe-row-chevron{color:var(--green-dark);opacity:1;transform:translate(3px)}.recipe-thumb{width:var(--thumb-w);height:var(--thumb-w);object-fit:cover;border-radius:var(--r-sm);background:var(--surface-alt);flex:none}.recipe-thumb.is-standin,.recipe-photo.is-standin{opacity:.45;filter:grayscale(.35)}.recipe-thumb.is-placeholder,.recipe-photo.is-placeholder{box-sizing:border-box;object-fit:contain;background:var(--green);opacity:1;filter:none}.recipe-thumb.is-placeholder{padding:16%}.recipe-photo.is-placeholder{padding:var(--sp-5)}.recipe-row-title{font-size:var(--font-row);color:var(--green-deep);font-weight:600;line-height:1.3}.recipe-detail{padding:var(--sp-4) var(--pad-x) 0}.recipe-detail h2{margin:0 0 var(--sp-3);font-size:var(--font-title);letter-spacing:-.01em;color:var(--green-deep);font-weight:700;line-height:1.25}.recipe-detail .recipe-photo{aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-lg);background:var(--surface-alt);width:100%;box-shadow:var(--shadow-md)}.recipe-detail .recipe-photo.is-placeholder{object-fit:contain;background:var(--green);padding:var(--sp-5)}.book-count{padding:var(--sp-3) var(--pad-x) 0;text-align:center;margin:0}.book-count-pill{font-size:var(--font-label);letter-spacing:.01em;color:var(--green-deep);background:var(--green-tint);border-radius:999px;padding:6px 18px;font-weight:700;display:inline-block}.book-skeleton .skeleton{background:#e6e6de;display:block}.skel-logo{border-radius:50%;flex:none;width:52px;height:52px}.skel-heading-text{flex-direction:column;flex:1;gap:8px;display:flex}.skel-eyebrow{width:48px;height:12px}.skel-title{width:70%;max-width:260px;height:24px}.skel-card{aspect-ratio:2;border-radius:20px;width:100%;max-height:260px}.skel-pill{border-radius:999px;width:110px;height:32px;display:inline-block}.skel-row{align-items:center;gap:var(--gap);padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-2);background:var(--surface);border-radius:var(--r-lg);border:1px solid #0000;display:flex;box-shadow:0 1px 3px #14140f14}.skel-thumb{width:var(--thumb-w);height:var(--thumb-w);border-radius:var(--r-md);flex:none}.skel-row .skeleton{background:#eeeee8}.skel-row-title{flex:1;max-width:220px;height:18px}@media (prefers-reduced-motion:reduce){.book-recipes .recipe-row,.book-recipes .recipe-row:hover,.recipe-row:hover .recipe-row-chevron{transform:none}}.recipe-section{margin-top:var(--sp-5)}.recipe-section-tab{margin:0 0 0 var(--sp-3);font-size:var(--font-small);letter-spacing:.02em;color:var(--text);background:var(--green);border-radius:var(--r-sm) var(--r-sm) 0 0;padding:4px 14px;font-weight:700;line-height:1.4;display:inline-block}.recipe-section-body{padding:var(--sp-1) var(--sp-3);background:var(--surface);border:2px solid var(--green);border-radius:var(--r-md)}.recipe-list{margin:0;padding:0}.recipe-list li{padding:var(--sp-3) 0;font-size:var(--font-label);color:var(--text);border-bottom:1px solid var(--line);line-height:1.5}.recipe-list li:last-child{border-bottom:0}.recipe-steps{padding-left:var(--sp-5);list-style:decimal}.recipe-steps li{padding-left:var(--sp-1)}.recipe-steps li::marker{color:var(--green-deep);font-weight:700}.recipe-summary{gap:var(--sp-1) var(--sp-2);padding:var(--sp-2) 0;grid-template-columns:auto 1fr auto 1fr;align-items:center;display:grid}.recipe-summary-key{padding:var(--sp-1) var(--sp-2);font-size:var(--font-small);color:var(--text-muted);background:var(--green-tint);border-radius:var(--r-sm)}.recipe-summary-val{padding:var(--sp-1) 0;font-size:var(--font-small);color:var(--text);font-weight:600}.recipe-photos{gap:var(--sp-4);padding:var(--sp-2) 0;flex-direction:column;display:flex}.recipe-photos-item{margin:0}.recipe-photos-img{border-radius:var(--r-sm);background:var(--surface-alt);width:100%;height:auto;display:block}.recipe-photos-caption{margin-top:var(--sp-2);font-size:var(--font-small);letter-spacing:.02em;color:var(--green-deep);font-weight:700}.recipe-photos-img.is-standin{opacity:.45;filter:grayscale(.35)}.recipe-photos-img.is-placeholder{box-sizing:border-box;aspect-ratio:3/2;padding:var(--sp-5);object-fit:contain;background:var(--green);opacity:1;filter:none}.dialog-overlay{z-index:100;padding:var(--pad-x);background:#14140f80;justify-content:center;align-items:center;animation:.15s dialog-fade;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:400px;padding:var(--sp-5);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);animation:.18s dialog-rise}.dialog-title{margin:0 0 var(--sp-2);font-size:var(--font-section);color:var(--text);font-weight:700;line-height:1.3}.dialog-body{margin:0 0 var(--sp-5);font-size:var(--font-label);color:var(--text-muted);line-height:1.5}.dialog-actions{gap:var(--sp-3);flex-direction:column;display:flex}@keyframes dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dialog-overlay,.dialog{animation:none}}@media (width>=720px){.app{max-width:680px}.app:has(.copy-grid){max-width:var(--app-max-wide)}.recipe-title{font-size:28px}.copy-grid{grid-template-columns:repeat(3,1fr)}.copy-tile-img{height:150px}.decide{justify-content:center}.decide-btn{flex:0 260px}}@media (width>=760px){body{background:var(--surface-alt)}.app{min-height:100vh;box-shadow:var(--shadow-md);border-left:1px solid var(--line);border-right:1px solid var(--line)}.recipe-list li{font-size:var(--font-row)}.recipe-row-title{font-size:19px}.recipe-thumb{width:104px;height:104px}}