:root{color-scheme:light;--paper: #f4eedc;--paper-raised: #fffdf5;--graphite: #252822;--graphite-soft: #5d6258;--rule: #c8cfbf;--tomato: #a63f32;--tomato-dark: #7e2b23;--sage: #416553;--mustard: #8b570b;--danger: #8b302b;--ink-blue: #335e73;--focus: #17698d;--shadow: 0 18px 55px rgb(56 44 25 / 14%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--graphite);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-size:17px;line-height:1.55;background-color:var(--paper);background-image:radial-gradient(rgb(37 40 34 / 4%) .6px,transparent .6px);background-size:7px 7px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--tomato-dark);text-underline-offset:.2em}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 16px;background:var(--graphite);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.site-header{max-width:1440px;min-height:76px;margin:auto;padding:14px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{color:var(--graphite);text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-weight:760;letter-spacing:-.02em}.mark{width:40px;height:40px;border:1.5px solid var(--graphite);border-radius:50%;display:grid;place-items:center;transform:rotate(-4deg)}.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:16px}.text-button{appearance:none;border:0;background:none;min-height:44px;padding:8px;color:var(--graphite);font-weight:700;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:5px;cursor:pointer}.text-button:hover{color:var(--tomato-dark);text-decoration-color:currentColor}.connection-pill{font-size:.78rem;font-weight:700;color:var(--mustard);display:inline-flex;gap:7px;align-items:center}.landing{max-width:1440px;margin:auto;padding:clamp(32px,7vw,96px) clamp(20px,5vw,72px) 64px;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(480px,1.15fr);column-gap:clamp(40px,6vw,100px);align-items:center}.hero-copy{max-width:650px;position:relative;z-index:1}.eyebrow{margin:0 0 12px;color:var(--tomato-dark);font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,p{text-wrap:pretty}h1{margin:0;max-width:13ch;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(2.75rem,6vw,5.5rem);line-height:.95;letter-spacing:-.065em}h1 em{color:var(--tomato);font-family:Georgia,serif;font-weight:500}h2{margin:0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.035em}.lede{max-width:58ch;margin:28px 0;color:var(--graphite-soft);font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.55}.hero-actions,.dialog-actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:48px;border-radius:4px 10px;border:1.5px solid var(--graphite);padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:760;text-decoration:none;cursor:pointer;box-shadow:2px 2px 0 var(--graphite);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--graphite)}.button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--graphite)}.button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.primary{color:#fff;background:var(--tomato-dark)}.primary:hover{background:#6e241e}.secondary{background:var(--paper-raised);color:var(--graphite)}.microcopy{color:var(--graphite-soft);font-size:.82rem}.hero-figure{margin:0;position:relative}.hero-figure:before{content:"FIELD NOTES / 01";position:absolute;z-index:2;right:-10px;top:-32px;font:700 .68rem/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--graphite-soft);transform:rotate(3deg)}.hero-figure picture{display:block;padding:10px;background:var(--paper-raised);box-shadow:var(--shadow);transform:rotate(1.2deg)}.hero-figure img{width:100%;aspect-ratio:3/2;object-fit:cover}.hero-figure figcaption{margin-top:24px;display:flex;align-items:center;gap:10px;color:var(--graphite-soft);font:700 .68rem/1.2 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.hero-figure figcaption i{flex:1;border-top:1px solid var(--rule)}.how-it-works{grid-column:1 / -1;margin-top:112px;padding:48px 0;border-top:1px solid var(--graphite);border-bottom:1px solid var(--graphite);display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}.syntax-demo{padding:24px 28px;background:var(--paper-raised);border-left:3px solid var(--ink-blue);box-shadow:4px 4px 0 var(--rule)}.syntax-demo code{display:block;color:var(--graphite-soft)}.syntax-demo>span{display:block;margin:6px 0;color:var(--tomato-dark);font-size:.75rem;font-weight:800;text-transform:uppercase}.syntax-demo p{margin:0;font-size:1.1rem}.bound-token{display:inline;padding:.06em .24em .12em;color:var(--ink-blue);background:#e4eef0;border-bottom:2px solid #6c93a4;border-radius:3px 7px 2px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}.bound-token strong{color:#234e63;font-variant-numeric:tabular-nums}.workspace{max-width:1260px;margin:auto;padding:clamp(36px,6vw,84px) clamp(20px,5vw,64px) 72px}.recipe-masthead{display:flex;justify-content:space-between;align-items:end;gap:32px;padding-bottom:32px;border-bottom:2px solid var(--graphite)}.recipe-masthead h1{max-width:14ch;font-size:clamp(2.4rem,6vw,5rem)}.recipe-fact{margin:16px 0 0;color:var(--graphite-soft)}.recipe-actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:250px}.serving-control{display:grid;grid-template-columns:auto 44px 72px 44px;align-items:center;gap:8px}.serving-control>span{margin-right:4px;font-weight:760}.serving-control button{width:44px;height:44px;border:1.5px solid var(--graphite);border-radius:50%;background:transparent;font-size:1.4rem;cursor:pointer}.serving-control button:hover{background:var(--paper-raised)}.serving-control input{width:72px;height:48px;padding:6px;border:0;border-bottom:2px solid var(--graphite);background:transparent;text-align:center;font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums}.library-strip{margin:20px 0 -2px;padding:12px 16px;display:flex;align-items:center;gap:12px;background:#e5ebdf;border:1px solid var(--sage)}.library-strip label{font-weight:800}.library-strip select{min-height:44px;min-width:220px;padding:6px 10px;border:1px solid var(--graphite);background:var(--paper-raised)}.library-strip span{margin-left:auto;color:var(--sage);font-size:.82rem;font-weight:700}.recipe-sheet{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(440px,1.28fr);min-height:560px;background-color:var(--paper-raised);background-image:linear-gradient(to bottom,transparent 31px,rgb(116 142 144 / 12%) 32px);background-size:100% 32px;box-shadow:var(--shadow)}.ingredient-margin{padding:40px 32px;border-right:1px solid #d8b3aa;background:#fffdf5d1}.section-number{width:35px;height:35px;display:grid;place-items:center;margin-bottom:24px;border:1.5px solid currentColor;border-radius:50%;color:var(--tomato-dark);font:800 .78rem/1 ui-monospace,monospace}.ingredient-margin h2{margin-bottom:28px;font-size:1.4rem}.ingredient-list{list-style:none;padding:0;margin:0}.ingredient-list li{display:grid;grid-template-columns:minmax(72px,auto) 1fr;gap:12px;min-height:52px;padding:10px 0;border-bottom:1px dashed var(--rule);align-items:baseline}.ingredient-list .quantity{color:var(--ink-blue);font-weight:850;font-variant-numeric:tabular-nums}.ingredient-list small{display:block;color:var(--graphite-soft)}.procedure{padding:40px clamp(28px,5vw,64px)}.section-heading{display:flex;gap:18px;align-items:center;margin-bottom:24px}.section-heading .section-number{margin:0;flex:0 0 auto}.section-heading .eyebrow{margin-bottom:4px}.section-heading h2{font-size:2rem}.step-list{list-style:none;margin:0;padding:0}.step-list>li{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:26px 0;border-top:1px solid var(--rule)}.step-list p{margin:0;font-size:1.08rem;line-height:1.75}.step-index{color:var(--tomato-dark);font:800 .78rem/1.5 ui-monospace,monospace;letter-spacing:.08em}.step-bindings{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.ledger-summary{margin-top:32px;padding:28px 32px;display:grid;grid-template-columns:.8fr 1.2fr auto;gap:32px;align-items:center;border:1px solid var(--graphite);background:#fffdf561}.ledger-summary h2{font-size:1.6rem}.ledger-summary .muted{color:var(--graphite-soft)}.latest-note{padding-left:16px;border-left:3px solid var(--tomato)}.latest-note span{color:var(--graphite-soft);font-size:.78rem;font-weight:700}.latest-note p{margin:4px 0 0}.bottom-actions{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.danger-link{color:var(--danger)}.site-footer{max-width:1440px;margin:auto;padding:32px clamp(20px,5vw,72px) 48px;display:grid;grid-template-columns:1fr auto;gap:8px 24px;border-top:1px solid var(--rule);color:var(--graphite-soft);font-size:.8rem}.site-footer p{margin:0}.site-footer nav{display:flex;gap:18px}.generation-note{grid-column:1 / -1}dialog{color:var(--graphite)}dialog::backdrop{background:#25282294;backdrop-filter:blur(2px)}.notebook-dialog{width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:clamp(24px,5vw,44px);border:1.5px solid var(--graphite);border-radius:4px 14px 5px 10px;background-color:var(--paper-raised);background-image:linear-gradient(to bottom,transparent 31px,rgb(116 142 144 / 11%) 32px);background-size:100% 32px;box-shadow:10px 12px #25282247}.notebook-dialog h2{margin-bottom:16px;font-size:2.2rem}.dialog-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.dialog-close:hover{background:var(--paper)}.file-drop{min-height:88px;margin:24px 0 18px;border:2px dashed var(--ink-blue);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:var(--ink-blue);background:#eef4f2;cursor:pointer}.file-drop span{color:var(--graphite-soft)}.notebook-dialog>label,.completion-form>label,#license-form label{display:block;margin:16px 0 7px;font-weight:760}.notebook-dialog textarea,.notebook-dialog input,.notebook-dialog select{width:100%;padding:11px 12px;color:var(--graphite);background:#fffef9;border:1.5px solid var(--graphite);border-radius:3px}.notebook-dialog textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem;line-height:1.45}.field-help,.legal-note{margin:6px 0;color:var(--graphite-soft);font-size:.78rem}.form-error{min-height:1.6em;color:var(--danger);font-weight:700}.dialog-actions{justify-content:flex-end;margin-top:18px}.pass-price{margin:8px 0 18px;font-family:ui-rounded,system-ui;font-size:1rem}.pass-price strong{font-size:2.5rem}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{display:flex;gap:10px;margin:10px 0;font-weight:700}.check-list svg{color:var(--sage);flex:none}.full-button{width:100%;margin:8px 0 20px}.pass-dialog hr{border:0;border-top:1px dashed var(--rule)}.inline-field{display:flex;align-items:stretch;gap:8px}.inline-field input{min-width:0}.license-message{color:var(--tomato-dark);font-weight:700}.license-active{margin:24px 0;padding:18px;display:flex;gap:12px;align-items:flex-start;color:var(--sage);background:#e5eee7;border:1px solid var(--sage)}.license-active svg{flex:none}.license-active span{display:block;color:var(--graphite-soft);font-size:.88rem}.cook-dialog{width:min(1000px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--graphite);border-radius:6px;background-color:var(--paper-raised);background-image:linear-gradient(to right,transparent 72px,rgb(166 63 50 / 20%) 73px,transparent 74px),linear-gradient(to bottom,transparent 39px,rgb(116 142 144 / 12%) 40px);background-size:100% 100%,100% 40px;box-shadow:12px 14px #25282247}.cook-header{min-height:90px;padding:24px 72px 20px 88px;display:flex;justify-content:space-between;border-bottom:2px solid var(--graphite);background:#fffdf5e5}.cook-header h2{font-size:1.7rem}.cook-header .eyebrow{margin-bottom:4px}.cook-progress{height:8px;display:flex;gap:3px;padding:0 72px 0 88px;transform:translateY(-5px)}.cook-progress span{flex:1;height:8px;border:1px solid var(--tomato-dark);background:var(--paper-raised)}.cook-progress .filled{background:var(--tomato)}.active-step{min-height:250px;padding:clamp(36px,7vw,72px) 72px 32px 88px;display:grid;grid-template-columns:52px 1fr;gap:24px;align-items:start}.active-step p{max-width:31ch;margin:0;font-size:clamp(1.5rem,3.5vw,2.5rem);line-height:1.45;letter-spacing:-.025em}.active-step .bound-token{background:#dcebed}.step-amounts{margin:0 72px 24px 88px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:16px 32px;border:1px dashed var(--ink-blue);background:#e4eef0b8}.step-amounts div{min-width:140px;display:flex;justify-content:space-between;gap:16px}.step-amounts strong{color:var(--ink-blue);font-variant-numeric:tabular-nums}.step-amounts p{margin:0;color:var(--graphite-soft)}.wake-toggle{margin:0 72px 24px 88px;display:flex;align-items:center;gap:12px;cursor:pointer}.wake-toggle input{width:24px;height:24px;accent-color:var(--sage)}.wake-toggle small{display:block;color:var(--graphite-soft)}.cook-controls{padding:20px 72px 20px 88px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--graphite);background:#f4eedcd1}.keyboard-hint{margin:0;padding:0 72px 16px;background:#f4eedcd1;color:var(--graphite-soft);text-align:center;font-size:.74rem}.completion-form{padding:32px 72px 40px 88px}.completion-intro{max-width:62ch}.completion-form label span{color:var(--graphite-soft);font-weight:400}.yield-field{display:flex;align-items:center;gap:10px}.yield-field input{width:130px}.legal-page{max-width:820px;margin:auto;padding:clamp(56px,8vw,112px) 24px 96px}.legal-page h1{max-width:13ch;font-size:clamp(2.7rem,7vw,5rem)}.legal-page section{margin-top:40px}.legal-page h2{font-size:1.45rem}.legal-page section p{max-width:68ch;color:var(--graphite-soft)}.toast{position:fixed;z-index:120;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,24px);min-width:min(360px,calc(100% - 32px));padding:13px 18px;color:#fff;background:var(--graphite);border-radius:5px;text-align:center;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease}.toast:not(:empty){opacity:1;transform:translate(-50%)}@media(max-width:820px){.site-header{min-height:64px;padding:10px 20px}.wordmark>span:last-child{font-size:.92rem}.mark{width:36px;height:36px}.connection-pill{position:fixed;z-index:10;top:65px;left:0;right:0;padding:6px 16px;justify-content:center;background:#f8eacb;border-block:1px solid var(--mustard)}.landing{padding-top:48px;display:flex;flex-direction:column;align-items:stretch}.hero-copy{max-width:none}h1{font-size:clamp(3rem,14vw,4.6rem)}.hero-figure{margin-top:64px}.hero-figure:before{right:4px}.how-it-works{margin-top:72px;grid-template-columns:1fr;gap:28px}.recipe-masthead{align-items:stretch;flex-direction:column}.recipe-actions{align-items:stretch;min-width:0}.serving-control{justify-content:start}.recipe-sheet{grid-template-columns:1fr}.ingredient-margin{border-right:0;border-bottom:1px solid #d8b3aa}.ledger-summary{grid-template-columns:1fr;gap:18px}.library-strip{align-items:stretch;flex-direction:column}.library-strip span{margin:0}.site-footer{grid-template-columns:1fr}.generation-note{grid-column:1}.cook-dialog{width:100%;max-height:100dvh;height:100dvh;border:0;border-radius:0}.cook-header{padding:18px 60px 16px 28px}.cook-progress{padding:0 24px}.active-step{min-height:44vh;padding:38px 24px 24px 28px;grid-template-columns:38px 1fr;gap:10px}.active-step p{font-size:clamp(1.45rem,7vw,2.2rem)}.step-amounts,.wake-toggle{margin-inline:28px}.cook-controls{position:sticky;bottom:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom))}.keyboard-hint{display:none}.completion-form{padding:24px 28px calc(36px + env(safe-area-inset-bottom))}}@media(max-width:520px){body{font-size:16px}.site-header nav .text-button{font-size:.82rem}.landing,.workspace{padding-inline:16px}.hero-actions .button{width:100%}.hero-figure picture{padding:6px}.hero-figure figcaption{flex-wrap:wrap}.hero-figure figcaption i{display:none}.syntax-demo{padding:20px 16px;overflow-wrap:anywhere}.recipe-masthead h1{font-size:2.7rem}.start-cook{width:100%}.ingredient-margin,.procedure{padding:28px 20px}.procedure .section-heading{align-items:start}.step-list>li{grid-template-columns:34px 1fr;gap:8px}.bottom-actions{justify-content:flex-start}.notebook-dialog{padding:26px 18px}.notebook-dialog h2{padding-right:36px}.inline-field{flex-direction:column}.dialog-actions .button{width:100%}.cook-controls .button{flex:1;padding-inline:8px}.active-step .bound-token{white-space:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:hover{transform:none}}