:root{--paper: #f7f1e2;--paper-edge: #efe6d0;--ink: #211d17;--ink-soft: #4a4234;--muted: #7a7060;--rule: #d9ccb0;--rule-soft: #e7dcc4;--accent: #a23b1f;--shadow: 0 1px 0 rgba(33,29,23,.04), 0 12px 30px -18px rgba(33,29,23,.35);--serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;--display: "Fraunces", "Source Serif 4", Georgia, serif;--maxw: 760px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper-edge);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}a{color:inherit}button{font-family:inherit}.kicker{font-family:var(--display);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--accent)}.diamond-rule{display:flex;align-items:center;gap:.75rem;color:var(--rule);margin:1.6rem 0}.diamond-rule:before,.diamond-rule:after{content:"";height:1px;background:var(--rule);flex:1}.diamond-rule .d{color:var(--accent);font-size:.7rem}.section-head{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:.95rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:.55rem;margin:0 0 .9rem}.section-head:before{content:"◆";color:var(--accent);font-size:.7rem}.app-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--rule);padding:max(.55rem,env(safe-area-inset-top)) 1rem .55rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.app-header .brand{font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:.01em;display:flex;align-items:center;gap:.5rem;text-decoration:none}.app-header .brand .d{color:var(--accent);font-size:.8rem}.header-actions{display:flex;align-items:center;gap:.4rem}.page{max-width:var(--maxw);margin:0 auto;padding:1.25rem 1.1rem 5rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:999px;padding:.5rem .95rem;font-size:.9rem;cursor:pointer;transition:.15s;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.05);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.small{padding:.3rem .6rem;font-size:.8rem}.list-hero{text-align:center;margin:.5rem 0 1.75rem}.list-hero h1{font-family:var(--display);font-weight:600;font-size:2.1rem;margin:.3rem 0 .2rem}.list-hero p{color:var(--muted);margin:0;font-style:italic}.recipe-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.recipe-card{border:1px solid var(--rule);background:var(--paper);border-radius:10px;padding:1.1rem 1.15rem 1.2rem;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:.18s;display:flex;flex-direction:column;gap:.5rem}.recipe-card:hover{transform:translateY(-2px);border-color:var(--accent)}.recipe-card h2{font-family:var(--display);font-weight:600;font-size:1.25rem;margin:0;line-height:1.2}.recipe-card .sub{color:var(--muted);font-style:italic;font-size:.92rem;margin:0}.recipe-card .meta-row{margin-top:auto;display:flex;flex-wrap:wrap;gap:.35rem}.chip{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--rule);border-radius:999px;padding:.18rem .55rem;color:var(--ink-soft)}.read-card{background:var(--paper);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);padding:2rem 1.9rem 2.4rem}.recipe-title{text-align:center}.recipe-title h1{font-family:var(--display);font-weight:600;font-size:2.35rem;line-height:1.08;margin:.35rem 0}.recipe-title .subtitle{font-style:italic;color:var(--ink-soft);font-size:1.15rem;margin:0 0 .4rem}.recipe-title .desc{color:var(--ink-soft);max-width:52ch;margin:.5rem auto 0}.meta-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1.1rem 0 .2rem}.meta-chips .mc{border:1px solid var(--rule);border-radius:8px;padding:.35rem .7rem;text-align:center;min-width:74px}.meta-chips .mc .l{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.meta-chips .mc .v{font-family:var(--display);font-weight:600;font-size:.95rem}.cols{columns:2;column-gap:2.2rem}@media (max-width: 640px){.cols{columns:1}.read-card{padding:1.4rem 1.15rem 1.8rem}}.avoid-break{break-inside:avoid}.ingredient-group{margin:0 0 1.1rem}.ingredient-group h3{font-family:var(--display);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .4rem}.ingredient-list{list-style:none;margin:0;padding:0}.ingredient-list li{display:flex;gap:.55rem;padding:.22rem 0;border-bottom:1px dotted var(--rule-soft)}.ingredient-list .amt{font-variant-numeric:tabular-nums;font-weight:600;min-width:5.4em;color:var(--ink)}.ingredient-list .nm .note{color:var(--muted);font-style:italic;font-size:.88em}.method-list{list-style:none;counter-reset:step;margin:0;padding:0}.method-step{display:grid;grid-template-columns:2rem 1fr;gap:.3rem 0;padding:.55rem 0 .85rem;border-bottom:1px solid var(--rule-soft);break-inside:avoid}.method-step .num{counter-increment:step;font-family:var(--display);font-weight:600;color:var(--accent);font-size:1.05rem}.method-step .num:before{content:counter(step)}.method-step .stitle{font-family:var(--display);font-weight:600;font-size:1.02rem}.method-step .body{grid-column:2}.method-step .cues{grid-column:2;margin:.45rem 0 0;padding:0;list-style:none}.method-step .cues li{display:flex;gap:.5rem;font-size:.92rem;color:var(--ink-soft);padding:.12rem 0}.method-step .cues li:before{content:"✓";color:var(--accent)}.method-step .step-theory{grid-column:2;margin-top:.5rem;padding:.5rem .75rem;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.method-step .step-theory .k{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);display:block;margin-bottom:.1rem}.method-step .step-theory p{margin:0;font-size:.93rem;color:var(--ink-soft);font-style:italic}.section-note{color:var(--muted);font-style:italic;font-size:.88rem;margin:-.4rem 0 .8rem}.theory-list{list-style:none;margin:0;padding:0}.theory-list li{padding:.5rem 0;border-bottom:1px solid var(--rule-soft);break-inside:avoid}.theory-list li h4{font-family:var(--display);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 .2rem}.theory-list li p{margin:0}.enrich-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}@media (max-width: 560px){.enrich-grid{grid-template-columns:1fr}}.enrich h4{font-family:var(--display);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 .35rem}.enrich ul{margin:0;padding-left:1.1rem}.enrich .timing-row{display:flex;gap:.6rem;padding:.12rem 0}.enrich .timing-row .t{font-variant-numeric:tabular-nums;font-weight:600;min-width:3.4em;color:var(--accent)}.footer-line{text-align:center;color:var(--muted);font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;margin-top:1.5rem}.cook-root{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper-edge);display:flex;flex-direction:column}.cook-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:max(.5rem,env(safe-area-inset-top)) 1rem .5rem;background:var(--paper);border-bottom:1px solid var(--rule)}.cook-bar .title{font-family:var(--display);font-weight:600;font-size:1rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cook-bar .count{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.cook-vscroll{flex:1 1 auto;overflow-y:auto;scroll-snap-type:y proximity;scroll-behavior:smooth;overscroll-behavior:contain;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom))}.cook-card2{scroll-snap-align:start;max-width:640px;margin:0 auto 1rem;background:var(--paper);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);padding:1.3rem 1.4rem 1.5rem}.cook-card2 .card-kicker{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.cook-card2 .card-kicker .k{font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600;color:var(--accent)}.cook-card2 .card-kicker .n{margin-left:auto;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.cc-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;color:var(--muted);margin-bottom:.3rem}.cook-ings{list-style:none;margin:0;padding:0}.cook-ings li{display:flex;gap:.6rem;align-items:baseline;padding:.42rem 0;border-bottom:1px dotted var(--rule);font-size:1.05rem}.cook-ings li:last-child{border-bottom:none}.cook-ings .amt{font-weight:600;font-variant-numeric:tabular-nums;min-width:5em}.cook-ings .prep{display:block;color:var(--muted);font-style:italic;font-size:.85em}.cook-empty{color:var(--muted);font-style:italic}.cc-divider{height:1px;background:var(--rule);margin:1rem 0}.cc-method .stitle{font-family:var(--display);font-weight:600;font-size:1.25rem;margin:0 0 .45rem;line-height:1.15}.cc-method .body{font-size:1.2rem;line-height:1.5}.cc-method .cues{list-style:none;margin:.9rem 0 0;padding:0}.cc-method .cues li{display:flex;gap:.6rem;padding:.3rem 0;font-size:1.02rem;color:var(--ink-soft)}.cc-method .cues li:before{content:"✓";color:var(--accent)}.cc-why{margin-top:1rem;padding:.7rem .9rem;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:0 8px 8px 0}.cc-why-k{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.15rem}.cc-why p{margin:0;font-size:1.05rem;line-height:1.5;font-style:italic;color:var(--ink-soft)}.cook-end{text-align:center;color:var(--muted);font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;padding:.5rem 0 1rem}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:2rem 1.2rem}.auth-card{width:100%;max-width:380px;text-align:center;background:var(--paper);border:1px solid var(--rule);border-radius:14px;box-shadow:var(--shadow);padding:2.4rem 1.8rem}.auth-card .mark{font-size:1.4rem;color:var(--accent)}.auth-card h1{font-family:var(--display);font-weight:600;font-size:1.9rem;margin:.4rem 0 .2rem}.auth-card p{color:var(--muted);margin:0 0 1.4rem}.auth-card input{width:100%;padding:.75rem .9rem;border:1px solid var(--rule);border-radius:10px;font-family:var(--serif);font-size:1rem;background:#fff;margin-bottom:.8rem}.auth-card input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.auth-card .btn{width:100%;justify-content:center}.auth-note{font-size:.82rem;color:var(--muted);margin-top:1rem}.auth-sent{color:var(--ink-soft)}.pw-field{position:relative}.pw-field input{padding-right:4rem}.pw-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--accent);cursor:pointer;font-family:var(--serif);font-size:.82rem;padding:.3rem .4rem}.auth-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.linkbtn{background:none;border:none;color:var(--accent);cursor:pointer;font-family:var(--serif);font-size:.88rem;text-decoration:underline;padding:0}.people-table{width:100%;border-collapse:collapse;margin-top:1rem}.people-table th{text-align:left;font-family:var(--display);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:.4rem .5rem;border-bottom:1px solid var(--rule)}.people-table td{padding:.55rem .5rem;border-bottom:1px solid var(--rule-soft)}.role-pill{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--rule)}.role-pill.owner{border-color:var(--accent);color:var(--accent)}.invite-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}.invite-row input,.invite-row select{padding:.55rem .7rem;border:1px solid var(--rule);border-radius:8px;font-family:var(--serif);font-size:.95rem;background:#fff}.pending{color:var(--muted);font-style:italic;font-size:.8rem}.notes-block{margin-top:1.5rem}.note-item{border:1px solid var(--rule-soft);border-radius:8px;padding:.7rem .85rem;margin-bottom:.6rem}.note-item .head{display:flex;gap:.5rem;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.25rem}.note-item .head .when{margin-left:auto;color:var(--muted)}.note-composer{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem}.note-composer textarea{border:1px solid var(--rule);border-radius:8px;padding:.6rem .75rem;font-family:var(--serif);font-size:1rem;background:#fff;resize:vertical;min-height:64px}.note-composer .row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.note-composer select{padding:.45rem .6rem;border:1px solid var(--rule);border-radius:8px;background:#fff;font-family:var(--serif)}.centered-msg{max-width:460px;margin:4rem auto;text-align:center;color:var(--ink-soft)}.centered-msg h1{font-family:var(--display);font-weight:600}.spinner{text-align:center;color:var(--muted);padding:4rem 1rem;font-style:italic}.tabs{display:flex;gap:.4rem;margin-bottom:1rem}.tab{border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:.45rem 1rem;cursor:pointer;font-family:var(--serif);font-size:.9rem}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.paste-area{width:100%;min-height:240px;padding:.9rem 1rem;border:1px solid var(--rule);border-radius:10px;font-family:var(--serif);font-size:1rem;background:#fff;resize:vertical}.photo-pick{border:1px dashed var(--rule);border-radius:10px;padding:1.6rem;text-align:center;background:var(--paper)}.photo-pick input{display:block;margin:0 auto .6rem}.photo-pick .hint,.add-note{color:var(--muted);font-style:italic}.add-actions{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.save-bar{position:sticky;bottom:0;background:color-mix(in srgb,var(--paper-edge) 92%,transparent);padding:.8rem 0;border-top:1px solid var(--rule);margin-top:1.5rem}.add-err{color:#fff;background:var(--accent);border-radius:8px;padding:.55rem .8rem}.editor .f{display:block;margin:0 0 .7rem}.editor .f-l,.uses-l{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.2rem}.editor input,.editor textarea,.editor select{width:100%;padding:.5rem .65rem;border:1px solid var(--rule);border-radius:8px;font-family:var(--serif);font-size:1rem;background:#fff}.editor textarea{resize:vertical;min-height:58px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .9rem}@media (max-width: 560px){.grid2{grid-template-columns:1fr}}.edit-group,.edit-step,.edit-theory{border:1px solid var(--rule-soft);border-radius:10px;padding:.8rem;margin-bottom:.7rem}.edit-group-head,.edit-step-head{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.edit-step-head .num{font-family:var(--display);font-weight:600;color:var(--accent);min-width:1.4em}.edit-ing{display:grid;grid-template-columns:5.5em 1fr 1fr auto;gap:.4rem;margin-bottom:.35rem;align-items:center}@media (max-width: 560px){.edit-ing{grid-template-columns:4.5em 1fr auto}.edit-ing .nt{grid-column:1 / 3}}.uses{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.5rem 0}.uses select{width:auto;padding:.3rem .5rem;font-size:.82rem}.use-chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.82rem}.use-chip button{border:none;background:none;color:var(--accent);cursor:pointer;padding:0;font-size:.9em}.json-edit{width:100%;min-height:260px;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;margin-top:.6rem}@media print{body{background:#fff;padding:0}.app-header,.no-print,.cook-root{display:none!important}.page{max-width:none;padding:0}.read-card{border:none;box-shadow:none;border-radius:0;padding:0}.cols{columns:2}a{text-decoration:none}}