:root{--bg: #0c0c0e;--card: #161618;--card-2: #1d1d21;--line: rgba(255, 255, 255, .08);--text: #f6f3ec;--muted: #a39c92;--gold: #e4b34a;--gold-2: #f3d48a;--ink: #1c1408;--danger: #e07a72;--shadow: 0 24px 50px rgba(0, 0, 0, .28);--sans: "Instrument Sans", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif;--radius: 20px}*{box-sizing:border-box}html{color-scheme:dark}html,body{margin:0;min-height:100%;background:radial-gradient(880px 420px at 110% -10%,rgba(228,179,74,.16),transparent 55%),radial-gradient(640px 380px at -12% 8%,rgba(255,255,255,.04),transparent 46%),var(--bg);color:var(--text);font-family:var(--sans)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:#0c0c0ee0;display:flex;flex-direction:column;gap:8px}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 18px}.mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font-weight:700}.brand-text{display:flex;align-items:baseline;gap:6px;line-height:1}.brand-text strong{font-size:.98rem}.brand-text small{color:var(--muted);letter-spacing:.12em;font-size:.68rem}.side-label{margin:12px 10px 4px;color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.side nav{display:flex;flex-direction:column;gap:4px}.side nav a,.side-cta{border-radius:12px;padding:11px 12px}.side nav a.active,.side nav a:hover{background:#ffffff0d}.side-cta{display:none;margin-top:14px;text-align:center;background:#e4b34a1f;color:var(--gold-2)}.side-foot{margin-top:auto;color:var(--muted);font-size:.82rem;line-height:1.45;padding:12px}.main{min-width:0}.top{position:sticky;top:0;z-index:2;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 28px;background:#0c0c0ec7;backdrop-filter:blur(16px);border-bottom:1px solid transparent}.search{flex:1;max-width:640px;display:flex;align-items:center;gap:10px;background:#141416;border:1px solid var(--line);border-radius:999px;padding:0 16px}.search svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:1.8}.search input{width:100%;background:transparent;border:0;outline:none;padding:12px 0}.page{padding:12px 32px 72px;max-width:1180px}.page.narrow{max-width:860px}.page-head{margin:18px 0 28px}.page-head.row,.actions{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap}.kicker{margin:0 0 8px;color:var(--gold);font-size:.74rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(2.6rem,5vw,4.4rem);letter-spacing:-.03em;line-height:.92}h2{margin:0;font-size:1.25rem;font-weight:600}h3{margin:0;font-size:.95rem}.lede,.hint,.empty p,.person p,.format-card p{color:var(--muted);line-height:1.5}.lede{max-width:46rem;margin:14px 0 0;font-size:1.05rem}.example{margin:0 0 28px;max-width:720px}.example.compact{max-width:520px}.example iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#101012}.example figcaption{margin-top:10px;color:var(--muted);font-size:.86rem}.example figcaption a{color:var(--gold-2)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.chip,.pill{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 14px;color:var(--muted)}.chip.on,.pill{background:var(--gold);color:var(--ink);border-color:transparent;font-weight:650}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.shot{position:relative}.shot a{display:block}.shot-media{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#2a2418,#141416 55%);border:1px solid var(--line);box-shadow:var(--shadow)}.shot-media img,.shot-fallback{width:100%;height:100%;object-fit:cover}.shot-fallback{display:grid;place-items:center;padding:16px;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.8rem}.shot-badges,.shot-foot{position:absolute;left:12px;right:12px;display:flex;gap:6px}.shot-badges{top:12px}.shot-badges span,.shot-foot{background:#0a0a0c9e;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:999px;padding:5px 9px;font-size:.75rem}.shot-foot{bottom:12px;margin:0;width:fit-content}.heart{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#0a0a0c8c;display:grid;place-items:center}.heart svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.7}.heart.on svg{fill:var(--gold);stroke:var(--gold)}.shot:hover .shot-media{transform:translateY(-3px)}.shot-media{transition:transform .2s ease}.empty{border:1px dashed rgba(228,179,74,.35);border-radius:var(--radius);padding:36px 28px;background:#e4b34a0a;max-width:640px}.empty h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:2rem;margin-bottom:8px}.btn{border:0;border-radius:999px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center}.btn-gold{background:var(--gold);color:var(--ink);font-weight:700}.btn-gold:hover{background:var(--gold-2)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(224,122,114,.4)}.btn:disabled{opacity:.6;cursor:wait}.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.person{display:flex;gap:14px;align-items:center;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px}.person.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.person strong{display:block}.person p{margin:3px 0 0;font-size:.86rem}.person-photo{width:64px;height:80px;border-radius:12px;overflow:hidden;background:#2a261e;display:grid;place-items:center;flex:0 0 auto;font-family:var(--serif);font-style:italic;font-size:1.6rem}.person-photo img{width:100%;height:100%;object-fit:cover}.stack{display:flex;flex-direction:column;gap:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:8px}.field span{color:var(--muted);font-size:.82rem}.field input,.field select{background:#101012;border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}.field input:focus,.field select:focus{border-color:#e4b34acc}.field input.ng-invalid.ng-touched,.field select.ng-invalid.ng-touched{border-color:var(--danger)}.drop{position:relative;min-height:220px;border-radius:var(--radius);border:1px dashed rgba(228,179,74,.45);background:#e4b34a0a;display:grid;place-items:center;text-align:center;padding:18px;overflow:hidden}.drop.compact{min-height:180px;max-width:280px}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop span{font-weight:650}.drop small{color:var(--muted);max-width:28ch}.drop img{width:100%;height:280px;object-fit:cover;border-radius:14px}.drop.compact img{height:220px}.still-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-error{color:var(--danger);margin:8px 0 0}.text-link{color:var(--gold-2);width:fit-content}.back{color:var(--muted);font-size:.9rem}.actions{margin-top:22px}.actions.tight{margin-top:0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices.cols-3{grid-template-columns:repeat(3,1fr)}.choice{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.choice.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.choice strong{display:block}.choice small{display:block;margin-top:4px;color:var(--muted)}.stepper{list-style:none;display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:0 0 26px}.stepper li{display:flex;align-items:center;gap:8px;color:var(--muted)}.stepper span{font-variant-numeric:tabular-nums;color:var(--gold)}.stepper li.on,.stepper li.done{color:var(--text)}.format-card,.block{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.format-card .text-link{display:inline-block;margin-top:12px}.format-card header,.block header,.subhead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.beats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:14px 0 0}.beats li{background:var(--card-2);border-radius:999px;padding:7px 10px;font-size:.86rem}.beats span{color:var(--gold-2);margin-right:6px}.switch{display:flex;align-items:center;gap:12px;width:fit-content;background:transparent;border:0;padding:0}.switch i{width:46px;height:28px;border-radius:999px;background:#2a2a2e;position:relative;display:block}.switch i:after{content:"";width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .18s ease}.switch.on i{background:var(--gold)}.switch.on i:after{transform:translate(18px);background:var(--ink)}.sheet{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;background:var(--card);border:1px solid var(--line);border-radius:28px;overflow:hidden;margin-bottom:28px}.sheet-media{min-height:520px;background:#101012}.sheet-media img,.sheet-fallback{width:100%;height:100%;object-fit:cover}.sheet-fallback{display:grid;place-items:center;padding:24px;font-family:var(--serif);font-style:italic;font-size:2rem}.sheet-body{padding:28px 28px 8px}.sheet-body h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:2.4rem;margin:8px 0 22px}.sheet-tags{margin:0;color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.facts{margin:0}.facts>div{margin-bottom:18px}.facts dt{color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.facts dd{margin:0;line-height:1.5}.facts-row{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.sheet-prompt{grid-column:1/-1;padding:8px 28px 28px;border-top:1px solid var(--line)}.sheet-prompt header{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.ingredients{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.ingredients.three{grid-template-columns:repeat(3,1fr)}.ingredients figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.ingredients figcaption{color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.ingredients img{width:100%;height:280px;object-fit:contain;background:#0e0e10;border-radius:14px;margin-bottom:12px}.ingredient-empty{min-height:220px;border-radius:14px;background:#121214;padding:16px}.ingredient-empty a{color:var(--gold-2)}.workflow{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid var(--line)}.workflow li{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}.workflow span{font-family:var(--serif);font-style:italic;color:var(--gold);font-size:1.35rem}.workflow p{margin:0;color:var(--text);line-height:1.45}.takes{display:flex;flex-direction:column;gap:14px;margin-top:14px}.subblock{margin-top:14px}.prompt{white-space:pre-wrap;line-height:1.55;margin:12px 0 0;color:#efeae2}.caption{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}.caption span{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media(max-width:980px){.app{display:block}.side{position:sticky;top:0;z-index:4;height:auto;width:auto;flex-direction:row;align-items:center;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:8px}.side-label,.side-foot,.top-cta{display:none}.side-cta{display:block;flex:0 0 auto}.side nav{flex-direction:row}.brand{padding:0 8px 0 0}.page{padding:8px 16px 48px}.top{padding:12px 16px}.split,.ingredients,.ingredients.three,.sheet,.facts-row,.choices,.choices.cols-3{grid-template-columns:1fr}.sheet-media{min-height:360px}h1{font-size:2.5rem}}