:root{--bg: #FAFAF7;--text: #1A1A1A;--text-secondary: #6B6B66;--accent: #6B4423;--border: #E8E4DC;--serif: "Source Serif 4", "Crimson Pro", "Lora", Georgia, serif;--sans: Inter, system-ui, -apple-system, Segoe UI, sans-serif;--max-width: 680px;--gap-major: 32px;--gap-minor: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--serif);font-size:20px;line-height:1.6;font-feature-settings:"liga" 1,"kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}#root,.app{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:48px 24px 64px}.site-header{max-width:var(--max-width);margin:0 auto;width:100%;padding:20px 24px 0}.site-wordmark{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--text);border-bottom:none;display:inline-block}.site-wordmark:hover,.site-wordmark:focus-visible{color:var(--accent);border-bottom:none}.site-header+main{padding-top:24px}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .12s linear}a:hover,a:focus-visible{border-bottom-color:var(--accent)}button{font:inherit;background:none;border:1px solid var(--border);color:var(--text);padding:8px 14px;cursor:pointer;border-radius:2px;transition:border-color .12s linear,background-color .12s linear}button:hover:not(:disabled){border-color:var(--text-secondary)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:default}input[type=text],input:not([type]){font:inherit;color:var(--text);background:var(--bg);border:none;border-bottom:1px solid var(--text);padding:10px 2px;width:100%;outline:none;border-radius:0}input::placeholder{color:var(--text-secondary);font-style:italic}input:focus{border-bottom-color:var(--accent)}.landing{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:96px}.wordmark{font-size:56px;font-weight:500;letter-spacing:-.035em;line-height:1.05}.wordmark-dot{color:var(--accent)}.tagline{color:var(--text-secondary);font-size:22px;font-style:italic;margin-top:-4px;margin-bottom:56px}.tagline .hedge{text-decoration:underline dotted var(--accent);text-decoration-thickness:1.5px;text-underline-offset:.18em}.landing-form{display:flex;flex-direction:column;gap:16px}.landing-form .search-input{font-size:22px;background:transparent;position:relative;z-index:1}.search-field{position:relative}.animated-placeholder{position:absolute;top:0;left:2px;bottom:0;display:flex;align-items:center;color:var(--text-secondary);font-style:italic;font-size:22px;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;z-index:0}.animated-placeholder .ap-selected{background-color:#6b44232e;color:var(--text);border-radius:1px;padding:1px 0}.animated-placeholder .ap-caret{display:inline-block;width:1px;height:1.1em;background:var(--text-secondary);margin-left:2px;animation:blink 1.05s steps(2,start) infinite}.helper{color:var(--text-secondary);font-size:17px;font-style:italic}.recipe{display:flex;flex-direction:column;gap:var(--gap-major)}.recipe h1{font-size:40px;font-weight:500;line-height:1.2;letter-spacing:-.015em}.recipe .summary{font-size:20px;color:var(--text-secondary);font-style:italic;line-height:1.5}.recipe .summary.empty:after{content:" "}.recipe .section{display:flex;flex-direction:column;gap:var(--gap-minor)}.recipe .section h2{font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.ingredients{list-style:none;display:flex;flex-direction:column;gap:10px}.ingredients li{display:flex;align-items:baseline;gap:14px}.ingredients .emoji{display:inline-block;width:1.4em;flex-shrink:0;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1em;line-height:1;text-align:center}.ingredients .text{flex:1}.steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:24px}.steps li{counter-increment:step;position:relative;padding-left:2.2em}.steps li:before{content:counter(step) ".";position:absolute;left:0;top:0;color:var(--text-secondary);font-variant-numeric:tabular-nums}.note{font-style:italic;color:var(--text-secondary);padding-top:8px;border-top:1px solid var(--border)}.rating{display:flex;flex-direction:column;gap:8px;padding-top:8px}.rating-row{display:flex;gap:12px;flex-wrap:wrap}.rating button{font-family:var(--serif);font-size:16px}.rating button.selected{border-color:var(--accent);background:#6b44230f;color:var(--accent)}.rating-counts{color:var(--text-secondary);font-size:15px}.status-line{color:var(--text-secondary);font-style:italic;padding:12px 0}.revision-label{color:var(--text-secondary);font-size:15px;font-style:italic;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:16px}.revision-label em{color:var(--accent);font-style:italic}.revision-picker{display:flex;flex-direction:column;gap:10px;padding-top:16px;margin-top:8px;border-top:1px solid var(--border)}.revision-picker h2{font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.revision-picker ul{list-style:none;display:flex;flex-direction:column;gap:6px}.revision-picker li{font-size:17px}.revision-picker li.current{color:var(--text)}.revision-picker li.current span:before{content:"→ ";color:var(--accent)}.revision-picker li:not(.current){padding-left:16px}.revise-form{display:flex;flex-direction:column;gap:12px;padding-top:20px;margin-top:8px;border-top:1px solid var(--border)}.revise-form h2{font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.revise-form input{font-size:19px}.revise-form input:disabled{opacity:.5;cursor:not-allowed}.listing{display:flex;flex-direction:column}.listing h1{font-size:32px;font-weight:500;margin-bottom:24px}.listing ul{list-style:none;display:flex;flex-direction:column;gap:18px}.listing li{display:flex;flex-direction:column;gap:4px}.listing .meta{color:var(--text-secondary);font-size:15px;font-style:italic}.listing .empty{color:var(--text-secondary);font-style:italic}.footer{max-width:var(--max-width);margin:0 auto;width:100%;padding:32px 24px 24px;border-top:1px solid var(--border);display:flex;gap:24px;color:var(--text-secondary);font-size:15px;font-style:italic;flex-wrap:wrap}.footer a{color:var(--text-secondary)}.footer a:hover{color:var(--accent)}.about{display:flex;flex-direction:column;gap:20px}.about h1{font-size:32px;font-weight:500;margin-bottom:8px}.about p{font-size:19px;line-height:1.65}.caret{display:inline-block;width:.5ch;background:var(--text);margin-left:2px;animation:blink 1s steps(2,start) infinite;vertical-align:baseline;height:1em}@keyframes blink{to{visibility:hidden}}@media (max-width: 540px){html,body{font-size:18px}.recipe h1{font-size:32px}.landing{padding-top:64px}}