@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Manrope:wght@400;500;600;700&display=swap";.aspect-switcher{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border:1px solid #5a584f}.aspect-switcher button{border:0;border-right:1px solid #5a584f;background:transparent;color:#bdb6aa;padding:10px;font:500 10px DM Mono;text-transform:uppercase}.aspect-switcher button:last-child{border-right:0}.aspect-switcher button.active{background:#dcaa61;color:#26251e}.video-controls{display:grid;gap:12px}.play-pause{width:100%;border:1px solid #6a675d;background:transparent;color:#fff;padding:11px;font-weight:700}.play-pause:hover{border-color:#dcaa61;color:#dcaa61}.hero-preview{width:100%;aspect-ratio:4/3;object-fit:cover;margin:-10px 0 20px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:50px;align-items:start}.settings-stack{display:grid;gap:34px}.settings-card{border:1px solid var(--ink);background:var(--cream);padding:clamp(24px,4vw,52px);box-shadow:9px 9px 0 var(--ink)}.session-card{box-shadow:9px 9px 0 var(--tomato)}.settings-number{font:400 11px DM Mono;color:var(--tomato);margin-bottom:36px}.settings-title{display:flex;justify-content:space-between;gap:20px;align-items:start}.settings-title span,.settings-note>span{font:500 10px DM Mono;letter-spacing:.15em;color:var(--tomato);text-transform:uppercase}.settings-title h2{font-size:clamp(34px,5vw,58px);margin:5px 0}.settings-card>p{max-width:650px;line-height:1.7;color:#625e55}.credential-state{display:flex;align-items:center;gap:8px;font:500 10px DM Mono;text-transform:uppercase;border:1px solid var(--line);padding:10px 12px;white-space:nowrap}.credential-state i{width:8px;height:8px;border-radius:50%;background:#aaa}.credential-state.configured i{background:var(--sage);box-shadow:0 0 0 4px #77826b2e}.key-source{font:400 10px DM Mono;color:var(--sage);margin:22px 0}.key-form,.cookie-form{display:grid;gap:12px;margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.cookie-mode{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--ink)}.cookie-mode button{border:0;border-right:1px solid var(--ink);background:transparent;color:#777;padding:10px;font:500 10px DM Mono;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease}.cookie-mode button:last-child{border-right:0}.cookie-mode button.active{background:var(--ink);color:var(--cream)}.cookie-text{min-height:150px;border:1px dashed var(--ink);border-bottom:1px dashed var(--ink);background:var(--cream);padding:12px;font:400 11px DM Mono;line-height:1.6;white-space:pre;overflow:auto}.cookie-text::placeholder{color:#999}.key-form label{font:500 11px DM Mono;text-transform:uppercase}.key-form>div{display:flex;border-bottom:1px solid var(--ink)}.key-form input{min-width:0;flex:1;border:0;background:transparent;padding:15px 2px;outline:none;font:400 14px DM Mono}.key-form .reveal{border:0;background:transparent;color:var(--tomato);font-size:12px;font-weight:700}.key-form small,.cookie-form>small{color:#777;line-height:1.5}.key-form>.button,.cookie-form>.button{justify-self:start;margin-top:10px}.cookie-picker{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:center;border:1px dashed var(--ink);padding:16px;cursor:pointer;transition:transform .18s ease,background .18s ease}.cookie-picker:hover,.cookie-picker.has-file{background:#f2e5cf;transform:translate(-2px,-2px)}.cookie-picker-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--ink);color:var(--cream);font-size:23px}.cookie-picker>span:nth-child(2){display:grid;gap:4px;min-width:0}.cookie-picker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cookie-picker small{font:400 10px DM Mono;color:#777}.cookie-picker>b{font:500 10px DM Mono;color:var(--tomato);text-transform:uppercase}.cookie-form code{font:400 10px DM Mono;color:var(--ink);background:#eee2cc;padding:2px 4px;overflow-wrap:anywhere}.visually-hidden{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}.remove-key{margin-top:28px}.settings-note{position:sticky;top:30px;padding:40px 10px}.settings-note h2{font-size:clamp(40px,5vw,66px);line-height:.95;margin:20px 0}.settings-note h2 em{color:var(--tomato);font-weight:500}.settings-note p,.settings-note li{line-height:1.7;color:#625e55}.settings-note ul{padding-left:18px;margin-top:30px}.settings-note li{padding:6px 0}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.settings-title{display:block}.credential-state{display:inline-flex;margin:10px 0}.settings-note{position:static;padding:30px 5px}.cookie-picker{grid-template-columns:42px minmax(0,1fr)}.cookie-picker>b{grid-column:2}nav{gap:10px;font-size:9px}}:root{font-family:Manrope,sans-serif;color:#222018;background:#f4efe5;--ink:#222018;--paper:#f4efe5;--tomato:#d94b2b;--sage:#77826b;--line:#cfc7b7;--cream:#fffaf0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 5%,#fff9df 0,transparent 30%),var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-size:16px;line-height:.9}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--tomato);color:#fff;border-radius:50% 48% 52% 45%;font-size:24px;font-style:italic}nav{display:flex;gap:clamp(14px,3vw,36px);font-size:13px;font-weight:700}nav a{padding:12px 0;border-bottom:2px solid transparent}nav a.active{color:var(--tomato);border-color:var(--tomato)}main{min-height:calc(100vh - 88px)}.home{min-height:calc(100vh - 88px);padding:clamp(60px,11vw,150px) max(20px,8vw);position:relative;overflow:hidden}.home:after{content:"REZEPT";position:absolute;z-index:-1;right:-4vw;top:5vh;font:650 clamp(100px,22vw,330px)/1 Fraunces;color:transparent;-webkit-text-stroke:1px #d8d0c0;transform:rotate(-6deg)}.eyebrow,.recipe-title>span{font:500 11px DM Mono;letter-spacing:.16em;text-transform:uppercase;color:var(--tomato)}h1,h2{font-family:Fraunces,serif}.home h1{font-size:clamp(52px,8vw,118px);line-height:.86;letter-spacing:-.055em;max-width:1000px;margin:24px 0}.home h1 em{color:var(--tomato);font-weight:500}.lede{max-width:560px;font-size:clamp(17px,2vw,22px);line-height:1.55}.submit-card{margin-top:48px;background:var(--cream);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:20px;max-width:820px}.submit-card label{font:500 11px DM Mono;text-transform:uppercase}.submit-card>div{display:flex;margin-top:10px}.submit-card input,.search input{flex:1;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 4px;outline:0}.submit-card button,.button,.wide,.finish button{border:0;background:var(--tomato);color:#fff;padding:16px 22px;font-weight:700}.process{display:flex;align-items:center;gap:16px;margin-top:55px;font:400 10px DM Mono;letter-spacing:.1em}.process i{display:block;width:50px;border-top:1px solid var(--line)}.page{padding:60px max(20px,7vw) 100px;max-width:1500px;margin:auto}.page-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding-bottom:35px;border-bottom:1px solid var(--ink);margin-bottom:40px}.page-head h1{font-size:clamp(46px,7vw,90px);margin:0;letter-spacing:-.04em}.page-head p{max-width:480px;line-height:1.6}.job-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.job-groups section h2{font-size:26px}.job-groups sup{font:400 11px DM Mono;color:var(--tomato)}.job{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.job>div{display:grid;grid-template-columns:12px 1fr;gap:4px 10px}.job small{grid-column:2;color:#746f65}.status{width:9px;height:9px;border-radius:50%;background:#aaa;margin-top:6px}.status.processing{background:#e6a824;box-shadow:0 0 0 4px #e6a82433}.status.ready_for_review{background:var(--tomato)}.status.complete{background:var(--sage)}.error{color:#a12f1c!important}.quiet,.danger{border:0;background:transparent;font-weight:700;padding:10px;color:var(--tomato)}.danger{color:#8a2618}.review-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:55px}.save-state{font:400 11px DM Mono;text-transform:uppercase;text-align:right}.save-state span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sage)}.fields label,.fields fieldset{display:grid;gap:8px;margin:22px 0;font:500 11px DM Mono;text-transform:uppercase}.fields input,.fields textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 0;font:400 16px Manrope;text-transform:none;resize:vertical;outline:none}.fields label:first-of-type input{font:500 35px Fraunces}.fields textarea{min-height:70px}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fields fieldset{border:0;padding:0}.list-row{display:grid;grid-template-columns:28px 1fr 30px;align-items:start}.list-row b{font-size:12px;color:var(--tomato);padding-top:13px}.list-row button,.add{border:0;background:transparent;padding:10px}.add{text-align:left;color:var(--tomato);font-weight:700}.hero-editor{position:sticky;top:25px;align-self:start;background:#26251e;color:#fff;padding:28px}.hero-heading{display:flex;gap:16px}.hero-heading>span{font:400 11px DM Mono;color:#dcaa61}.hero-heading h2{margin:0;font-size:32px}.hero-heading p{color:#bbb4a8}.cropper{height:420px;position:relative;background:#111;margin:22px 0}.thumbnails{display:flex;gap:8px;overflow:auto;margin-top:22px}.thumbnails button{padding:0;border:2px solid transparent;background:none;width:68px;height:68px;flex:none}.thumbnails button.selected{border-color:#dcaa61}.thumbnails img{width:100%;height:100%;object-fit:cover}.zoom{display:flex;align-items:center;gap:15px;font:400 11px DM Mono}.zoom input{flex:1}.wide{width:100%;margin-top:22px}.scrubber{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.scrubber button{background:none;color:#fff;border:1px solid #555;padding:6px}.scrubber output{grid-column:1/-1;text-align:center;font:400 11px DM Mono}.finish{margin-top:50px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:22px 0;display:flex;justify-content:space-between;align-items:center}.finish small{display:block;color:#777;margin-top:5px}.search{display:flex;align-items:center;border-bottom:1px solid var(--ink);margin-bottom:40px}.search input{font:500 clamp(18px,3vw,30px) Fraunces;padding:20px 0}.search span{font:400 11px DM Mono}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.recipe-card{background:var(--cream);border:1px solid var(--line);transition:.25s transform,.25s box-shadow}.recipe-card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--tomato)}.recipe-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.recipe-card>div{padding:22px}.recipe-card span{font:400 10px DM Mono;text-transform:uppercase;color:var(--tomato)}.recipe-card h2{font-size:28px;margin:10px 0}.recipe-card p{color:#706b61;line-height:1.5}.recipe-card small{font:400 10px DM Mono}.recipe-detail{background:var(--cream)}.recipe-hero{height:min(65vh,680px);position:relative}.recipe-hero img{width:100%;height:100%;object-fit:cover}.recipe-hero:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008)}.recipe-hero a,.recipe-hero button{position:absolute;z-index:1;top:25px;color:#fff}.recipe-hero a{left:5vw}.recipe-hero button{right:5vw;border:0;background:#0007;border-radius:50%;font-size:28px;width:48px;height:48px}.recipe-copy{max-width:1100px;margin:auto;padding:60px 25px}.recipe-title{max-width:760px}.recipe-title h1{font-size:clamp(48px,7vw,92px);line-height:.95;letter-spacing:-.04em;margin:18px 0}.recipe-title p{font-size:19px;line-height:1.6}.recipe-title>div{display:flex;gap:30px;color:var(--tomato)}.recipe-columns{display:grid;grid-template-columns:1fr 2fr;gap:80px;border-top:1px solid var(--ink);margin-top:50px;padding-top:35px}.recipe-columns h2{font-size:30px}.recipe-columns section:first-child p{border-bottom:1px solid var(--line);padding:10px 0}.step{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid var(--line);padding:8px 0}.step b{font:400 12px DM Mono;color:var(--tomato)}blockquote{margin:45px 0;padding:25px;border-left:4px solid var(--tomato);background:var(--paper)}.actions{display:flex;align-items:center;gap:15px}.storage-total{padding:50px 0;border-bottom:1px solid var(--ink)}.storage-total span{font:400 11px DM Mono;text-transform:uppercase}.storage-total strong{display:block;font:500 clamp(70px,12vw,160px) Fraunces;color:var(--tomato)}.storage-list>div{display:grid;grid-template-columns:50px 1fr auto;padding:20px 0;border-bottom:1px solid var(--line)}.storage-list b,.storage-list span{font:400 11px DM Mono}.loading,.empty{padding:100px;text-align:center;font:500 28px Fraunces}.loading{animation:pulse 1.2s infinite alternate}@keyframes pulse{to{opacity:.35}}@media(max-width:800px){header{height:auto;padding:14px 18px;align-items:flex-start}.brand{display:none}nav{width:100%;justify-content:space-between;font-size:11px}.home{padding-top:80px}.submit-card>div{display:grid}.page-head{display:block}.job-groups,.review-grid,.recipe-grid,.recipe-columns{grid-template-columns:1fr}.review-grid{gap:35px}.hero-editor{position:relative;top:0}.cropper{height:360px}.recipe-grid{gap:16px}.trio{grid-template-columns:1fr}.finish{align-items:flex-start;gap:20px}.finish button{flex-shrink:0}.recipe-columns{gap:30px}.actions{align-items:flex-start;flex-direction:column}.page{padding-top:40px}}
