:root{--bg: #141317;--bg-2: #1a1920;--panel: #1f1e26;--panel-2: #26242e;--line: #322f3b;--ink: #ece6da;--ink-dim: #b8b1a5;--muted: #8b8478;--oxblood: #8c2f26;--ember: #c14a2b;--ember-hot: #e06a3a;--brass: #c9a24b;--brass-dim: #9c7c37;--radius: 14px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow: 0 18px 50px -20px rgba(0, 0, 0, .7)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,rgba(193,74,43,.14),transparent 60%),radial-gradient(900px 500px at 0% 0%,rgba(140,47,38,.12),transparent 55%),var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.shell{width:min(1080px,92vw);margin:0 auto;flex:1;padding:0 0 5rem}.center{text-align:center}.pad{padding:5rem 1rem}.muted{color:var(--muted)}.add-fab{position:fixed;top:clamp(.9rem,2vw,1.5rem);right:clamp(.9rem,2vw,1.5rem);z-index:50}.add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.05rem .6rem .85rem;border-radius:999px;background:linear-gradient(135deg,var(--oxblood),var(--ember));color:#fff;font-weight:600;letter-spacing:.01em;box-shadow:0 10px 30px -10px #c14a2bb3;border:1px solid rgba(255,255,255,.08);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.add-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 36px -12px #e06a3abf}.add-btn--close{background:var(--panel-2);border-color:var(--line);box-shadow:none}.add-btn__plus{font-size:1.25rem;line-height:1;margin-top:-1px}@media(max-width:520px){.add-btn__label{display:none}.add-btn{padding:.7rem}.add-btn__plus{font-size:1.4rem}}.hero{position:relative;text-align:center;padding:clamp(3.5rem,12vh,7rem) 0 clamp(2rem,5vh,3.5rem)}.hero__eyebrow,.hero__title,.hero .search{position:relative;z-index:1}.hero__embers-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.hero__embers{position:absolute;inset:-20% -10% auto -10%;height:120%;background:radial-gradient(600px 240px at 50% 0%,rgba(224,106,58,.22),transparent 70%),radial-gradient(280px 160px at 30% 20%,rgba(201,162,75,.12),transparent 70%);filter:blur(6px);pointer-events:none;animation:emberDrift 12s ease-in-out infinite alternate}@keyframes emberDrift{0%{transform:translateY(0) scale(1);opacity:.85}to{transform:translateY(-10px) scale(1.04);opacity:1}}.hero__eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:var(--brass);margin:0 0 .9rem}.hero__title{font-family:var(--serif);font-weight:600;font-size:clamp(2.8rem,9vw,6rem);line-height:.98;margin:0 0 1.8rem;letter-spacing:-.01em;background:linear-gradient(180deg,#fbf6ec,#d9cbb2);-webkit-background-clip:text;background-clip:text;color:transparent;perspective:600px}.search{position:relative;width:min(620px,100%);margin:0 auto}.search__field{display:flex;align-items:center;gap:.7rem;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.85rem 1.25rem;box-shadow:var(--shadow);transition:border-color .2s ease}.search__field:focus-within{border-color:var(--brass-dim)}.search__icon{width:20px;height:20px;color:var(--muted);flex:none}.search input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-size:1.02rem}.search input::placeholder{color:var(--muted)}.search__results{position:absolute;z-index:30;top:calc(100% + .6rem);left:0;right:0;margin:0;padding:.4rem;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;max-height:min(60vh,420px);overflow-y:auto}.search__row{width:100%;text-align:left;background:transparent;border:none;color:var(--ink);padding:.65rem .8rem;border-radius:10px;display:flex;flex-direction:column;gap:.15rem}.search__row.is-active{background:var(--panel-2)}.search__row-title{font-weight:600}.search__row-sub{font-size:.85rem;color:var(--muted)}.search__empty{padding:.9rem;color:var(--muted);font-size:.92rem}.section{margin-top:3rem}.section__head{display:flex;align-items:center;gap:1.1rem;margin-bottom:1.4rem}.section__title{font-family:var(--serif);font-size:1.5rem;margin:0;color:var(--ink)}.section__rule{flex:1;height:1px;background:linear-gradient(90deg,var(--brass-dim),transparent);opacity:.5}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1.1rem}.card{position:relative;display:block;padding:1.4rem 1.4rem 1.2rem;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .22s ease,border-color .22s ease;height:100%}.card:hover{transform:translateY(-4px);border-color:var(--brass-dim)}.card__glow{position:absolute;top:-40%;right:40%;bottom:60%;left:-40%;background:radial-gradient(240px 160px at 20% 10%,rgba(193,74,43,.18),transparent 70%);opacity:0;transition:opacity .3s ease}.card:hover .card__glow{opacity:1}.card__title{font-family:var(--serif);font-size:1.35rem;margin:0 0 .35rem;position:relative}.card__subtitle{color:var(--ink-dim);margin:0 0 .9rem;font-size:.95rem;position:relative}.card__meta{display:flex;flex-wrap:wrap;gap:.9rem;color:var(--muted);font-size:.82rem;margin-bottom:.9rem;position:relative}.card__tags{display:flex;flex-wrap:wrap;gap:.4rem;position:relative}.tag{font-size:.72rem;letter-spacing:.02em;color:var(--brass);border:1px solid rgba(201,162,75,.3);border-radius:999px;padding:.18rem .6rem;background:#c9a24b0f}.recipe{padding-top:clamp(2.5rem,6vh,4rem)}.recipe__back,.recipe__header .recipe__back{display:inline-block;color:var(--muted);font-size:.88rem;margin-bottom:1.4rem;transition:color .15s ease}.recipe__back:hover{color:var(--brass)}.recipe__header{border-bottom:1px solid var(--line);padding-bottom:1.6rem;margin-bottom:2rem}.recipe__title{font-family:var(--serif);font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.02;margin:0 0 .5rem}.recipe__subtitle{color:var(--ink-dim);font-size:1.1rem;margin:0 0 1.2rem;font-style:italic}.recipe__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.pill{display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:999px;background:#8c2f262e;border:1px solid rgba(193,74,43,.35);color:#efd9cf;font-size:.85rem}.pill--ghost{background:transparent;border-color:var(--line);color:var(--ink-dim)}.stepper{display:inline-flex;align-items:center;gap:.55rem;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.3rem .5rem .3rem .95rem}.stepper__label{color:var(--muted);font-size:.85rem}.stepper button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:1.1rem;line-height:1;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.stepper button:hover{border-color:var(--brass-dim);background:var(--panel)}.stepper__value{min-width:1.4rem;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.stepper__reset{width:auto!important;border-radius:999px!important;padding:0 .6rem;height:30px;font-size:.75rem!important;color:var(--muted)!important}.recipe__body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.6rem;align-items:start}@media(max-width:760px){.recipe__body{grid-template-columns:1fr;gap:2rem}}.col-title{font-family:var(--serif);font-size:1.3rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--oxblood);display:inline-block}.scaled-note{margin:-.4rem 0 1rem;font-size:.8rem;color:var(--brass)}.ingredients{position:sticky;top:1.5rem}@media(max-width:760px){.ingredients{position:static}}.ing-group{margin-bottom:1.3rem}.ing-group__name{font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 .5rem}.ingredients ul{list-style:none;margin:0;padding:0}.ing{display:flex;gap:.6rem;padding:.4rem 0;border-bottom:1px dashed rgba(50,47,59,.7);font-size:.96rem}.ing__qty{flex:none;min-width:4.6rem;color:var(--brass);font-weight:600;font-variant-numeric:tabular-nums}.ing__item{color:var(--ink)}.ing__note{color:var(--muted)}.method ol{list-style:none;counter-reset:step;margin:0;padding:0}.step{display:flex;gap:1rem;padding:.7rem 0 1.1rem}.step__num{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.05rem;color:#f4e6df;background:radial-gradient(circle at 30% 25%,var(--ember),var(--oxblood));box-shadow:0 6px 16px -8px #c14a2bcc}.step__body p{margin:0}.step__time{display:inline-block;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--brass);margin-bottom:.2rem}.notes{margin-top:2.4rem;padding:1.3rem 1.5rem;background:#c9a24b0f;border:1px solid rgba(201,162,75,.22);border-radius:var(--radius)}.notes p{margin:0;color:var(--ink-dim)}.recipe__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.add-page{max-width:780px;margin:0 auto;padding-top:clamp(3rem,8vh,5rem)}.add-page__title{font-family:var(--serif);font-size:clamp(2rem,6vw,3rem);margin:0 0 .6rem}.add-page__lead{color:var(--ink-dim);font-size:1.05rem;margin:0 0 1.8rem;max-width:46ch}.add-form textarea{width:100%;min-height:340px;resize:vertical;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:1.1rem 1.2rem;font-family:var(--sans);font-size:1rem;line-height:1.6;outline:none;transition:border-color .2s ease}.add-form textarea:focus{border-color:var(--brass-dim)}.add-form textarea::placeholder{color:var(--muted)}.add-form__error{color:var(--ember-hot);margin:.9rem 0 0}.add-form__actions{margin-top:1.3rem}.btn-primary{padding:.85rem 1.6rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,var(--oxblood),var(--ember));color:#fff;font-weight:600;font-size:1rem;transition:transform .18s ease,filter .18s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-spinner{display:inline-flex;align-items:center;gap:.6rem}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-link{color:var(--brass);border-bottom:1px solid transparent}.text-link:hover{border-color:var(--brass)}.footer{display:flex;flex-direction:column;gap:.5rem;justify-content:center;align-items:center;text-align:center;padding:2.5rem 1rem;color:var(--muted);font-size:.82rem;border-top:1px solid var(--line)}.footer__joltz{margin:0;font-family:var(--serif);font-size:.95rem;letter-spacing:.01em;color:var(--ink-dim)}.footer__init{color:var(--brass);font-weight:700}.footer__sub{margin:0;display:flex;gap:.6rem;align-items:center}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero__embers{animation:none}}