:root{--navy:#0c182a;--panel:#13243a;--teal:#75d4c3;--gold:#efc46e;--paper:#fbf2df;--ink:#213346;--muted:#a4b5c6;--line:#2b4157;--radius:20px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:var(--navy);color:#f4f6f7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button,.button{min-height:44px}a{color:inherit;text-decoration:none}button{border:0;background:none}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip{position:fixed;top:-80px;left:12px;padding:12px;background:var(--gold);color:var(--navy);z-index:10}.skip:focus{top:12px}.topbar{display:flex;align-items:center;gap:30px;padding:22px 5%;border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px;font-size:16px;flex-shrink:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:var(--gold);border:2px solid var(--gold);border-radius:12px;transform:rotate(-8deg);font:700 29px Georgia}.brand-sub{display:block;font-size:9px;letter-spacing:3px;color:var(--teal);margin-top:5px}.topbar nav{display:flex;gap:5px;flex:1}.nav-button{padding:10px 16px;color:var(--muted);font-size:13px;border-radius:10px}.nav-button.active{background:#20354a;color:var(--teal)}.nav-button span{font-size:10px;margin-left:4px}.quiet{color:var(--gold);padding:10px 12px;font-size:13px;border:1px solid var(--line);border-radius:10px}main{max-width:1320px;margin:auto;padding:0 4%}.hero{min-height:430px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:56px 0 70px;position:relative}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(38px,4.3vw,62px)/1.04 Georgia,serif;letter-spacing:-1.9px;margin:18px 0 22px}h1 em{color:var(--gold);font-weight:400}h2{font:700 30px/1.2 Georgia;margin:12px 0}h3{line-height:1.25}.hero-copy p{color:var(--muted);font-size:15px;line-height:1.7;max-width:420px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#22374c;border:1px solid #42546a;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:700}.gold{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:0 4px 0 #9e7631}.hero-note{font-size:11px;line-height:1.5;color:var(--muted)}.hero-art{position:relative;padding:0 12px 35px 0;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:30px 15px 0;border-radius:50%;border:1px dashed #344c5e;z-index:-1}.hero-photo{margin:0;background:var(--paper);padding:10px 10px 0;color:var(--ink);border-radius:7px;transform:rotate(3deg);box-shadow:14px 18px 0 #050d1980,0 20px 50px #0008}.hero-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:3px}.hero-photo figcaption{padding:11px 2px;font-size:9px;letter-spacing:2px;font-weight:800}.hero-photo.small{position:absolute;bottom:-4px;left:-18px;width:43%;transform:rotate(-9deg);box-shadow:5px 6px 0 #050d1980}.small figcaption{font-size:7px;padding:8px 0}.burst{position:absolute;top:-22px;right:-10px;background:var(--teal);color:var(--navy);width:98px;height:98px;display:grid;place-content:center;text-align:center;font-weight:900;font-size:17px;transform:rotate(13deg);clip-path:polygon(50% 0,61% 10%,76% 3%,80% 20%,97% 25%,90% 40%,100% 50%,89% 62%,96% 78%,79% 80%,75% 97%,59% 90%,50% 100%,39% 89%,24% 97%,20% 80%,3% 75%,10% 60%,0 50%,11% 39%,4% 24%,21% 20%,25% 3%,40% 10%);z-index:3}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:15px 0 22px}.search input{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px 16px;width:290px;max-width:100%;color:#fff;font-size:13px;min-height:46px}.categories{display:flex;flex-wrap:wrap;gap:8px}.category{border:1px solid var(--line);border-radius:24px;padding:10px 15px;font-size:11px;color:var(--muted)}.category.active{background:var(--teal);color:var(--navy);border-color:var(--teal);font-weight:700}.result-count{font-size:11px;color:var(--muted);margin:20px 0 15px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.recipe-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s}.recipe-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 10px 0 #0003}.card-open{display:block;text-align:left;width:100%;padding:0}.recipe-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#1b2732}.card-body{padding:18px 20px 22px}.card-category{color:var(--teal);font-size:9px;letter-spacing:1.3px;text-transform:uppercase}.card-body h3{font:700 21px/1.18 Georgia;min-height:50px;margin:9px 0 16px;color:var(--paper)}.card-meta{font-size:10px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.card-play{margin-top:18px;color:var(--gold);font-size:11px;font-weight:700}.card-favorite{position:absolute;top:10px;right:10px;background:#101b2cea;border:1px solid #fff3;border-radius:50%;width:44px;height:44px;font-size:23px;color:var(--paper)}.card-favorite[aria-pressed=true]{color:var(--gold)}footer{border-top:1px solid var(--line);margin:45px 0 0;padding:25px 0 35px;font-size:11px;line-height:1.7;color:var(--muted)}footer strong{color:var(--paper);margin-right:5px}.empty{padding:35px;background:var(--panel);border-radius:15px;grid-column:1/-1;line-height:1.6}.episode-top{display:flex;justify-content:space-between;align-items:center;margin:26px 0 22px;gap:10px}.episode-top button{border:1px solid var(--line);padding:9px 14px;border-radius:10px;font-size:11px}.episode-top .mode{color:var(--gold)}.episode-heading{display:flex;gap:30px;justify-content:space-between;align-items:start;margin-bottom:24px}.episode-heading h1{font-size:clamp(30px,3.5vw,47px);max-width:800px;letter-spacing:-1.2px}.episode-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:260px}.book{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--paper);color:var(--ink);border-radius:15px;box-shadow:0 7px 0 #c3b38e,0 14px 0 #726959,0 24px 35px #0006;transform-style:preserve-3d;position:relative;margin-bottom:38px}.book:after{content:'';position:absolute;top:0;bottom:0;width:18px;left:calc(50% - 9px);background:linear-gradient(90deg,transparent,#998c7130,transparent);pointer-events:none}.book-page{padding:30px;min-width:0}.book-photo{margin:0;transform:rotate(-2deg);border:7px solid white;box-shadow:5px 8px 0 #c9bfa2;position:relative}.book-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.book-photo figcaption{font-size:9px;background:white;padding:9px 3px 4px;letter-spacing:1.2px}.episode-description{line-height:1.6;font-size:14px;margin:25px 0 17px}.stats{display:grid;gap:8px;grid-template-columns:1fr 1fr}.stat{background:#e9dfc8;border-radius:10px;padding:12px;font-size:11px;line-height:1.4}.stat b{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#687363;margin-bottom:4px}.draft-note{border-left:3px solid #b58a39;padding-left:12px;margin:18px 0;font-size:11px;line-height:1.6;color:#59625c}.paper-title{color:#436b62;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:14px}.ingredients{list-style:none;padding:0;margin:0}.ingredients li{border-bottom:1px dashed #cec5b2;animation:pop .4s both;animation-delay:calc(var(--i)*25ms)}.ingredient{display:flex;gap:10px;align-items:start;padding:10px 0;font-size:12px;line-height:1.45;cursor:pointer}.ingredient input{appearance:none;width:44px;height:44px;flex:0 0 44px;margin:0;border:1px solid #978f7b;border-radius:8px;background:#fff9;position:relative}.ingredient input:checked{background:#3b776b}.ingredient input:checked:after{content:'✓';color:white;font-size:22px;position:absolute;left:12px;top:7px}.ingredient input:checked+span{text-decoration:line-through;opacity:.6}.ingredient span{align-self:center}.ingredient strong{display:block;color:#665934;font-size:11px;font-weight:400}.scene{background:#153648;color:var(--paper);border-radius:18px;padding:25px;position:relative;margin-top:24px;overflow:hidden;box-shadow:5px 6px 0 #c5b992}.scene:before{content:'';position:absolute;width:80px;height:80px;border:1px dashed #6baca080;right:-25px;top:-28px;border-radius:50%}.scene-label{font-size:9px;letter-spacing:2px;color:var(--teal);margin-bottom:15px}.scene-number{font:italic 700 47px Georgia;color:var(--gold);float:left;line-height:1;margin:0 16px 8px 0}.scene-text{font-size:15px;line-height:1.7;margin-bottom:0;min-height:105px}.scene-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.scene-actions button{border:1px solid #688582;border-radius:9px;padding:9px 14px;font-size:11px}.scene-actions button:last-child{background:var(--teal);color:var(--navy)}.scene-progress{display:flex;gap:4px;margin-bottom:17px}.scene-progress span{height:3px;background:#ffffff22;flex:1}.scene-progress .on{background:var(--gold)}.all-steps{margin:26px 0 0}.all-steps summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:700;color:#305b51}.all-steps li{font-size:13px;line-height:1.7;padding:6px 0}.tweak{background:#ecdfbb;padding:17px;border-radius:10px;font-size:12px;line-height:1.6;margin-top:20px}.tweak b{display:block;margin-bottom:5px}.recipe-turn{display:flex;justify-content:space-between;gap:16px;margin:28px 0}.recipe-turn button{max-width:46%;text-align:left;white-space:normal;line-height:1.5}.book.turn{animation:page-turn .65s cubic-bezier(.2,.75,.25,1)}.scene.swap{animation:scene-pop .45s}.reading .book{display:block;box-shadow:none}.reading .book:after{display:none}.reading .book-page{padding-bottom:15px}.reading .scene{display:none}.reading .all-steps{margin-top:0}.reading .book-photo{transform:none}.shopping-group{background:var(--paper);color:var(--ink);border-radius:12px;padding:22px;margin-bottom:18px}.shopping-group h2{font-size:21px}.shopping-group .ingredients small{display:block;color:#586860}.selected-recipes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.selected-recipes button{border:1px solid var(--line);border-radius:10px;padding:9px 15px;color:var(--gold);font-size:11px}.section-head{margin:40px 0 25px}.section-head h1{font-size:46px}.section-head p{color:var(--muted)}dialog{background:var(--panel);color:var(--paper);border:1px solid var(--line);border-radius:18px;padding:25px;width:min(490px,calc(100% - 24px));max-height:90dvh}dialog::backdrop{background:#030a14c9;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{font-size:29px}.icon-button{width:44px;min-width:44px;font-size:28px;border:1px solid var(--line);border-radius:8px}.dialog-actions{display:flex;gap:12px;margin:20px 0}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}dialog label{display:block;font-size:13px;margin:18px 0 8px}dialog input{min-height:46px;background:var(--navy);border:1px solid var(--line);border-radius:8px;padding:10px;width:100%;color:var(--paper)}.small-note{font-size:11px} .toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--teal);color:var(--navy);border-radius:10px;padding:12px 20px;font-size:12px;max-width:90%;z-index:20;opacity:0;pointer-events:none}.toast.show{opacity:1} .owner-badge{background:#e8c47a;color:var(--navy);padding:12px 20px;font-size:13px;text-align:center}.owner-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:30px}.owner-form{background:var(--panel);padding:26px;border-radius:15px}.owner-form label{display:block;margin:18px 0 7px;font-size:13px}.owner-form input,.owner-form textarea,.owner-form select{width:100%;padding:12px;color:var(--paper);background:var(--navy);border:1px solid var(--line);border-radius:8px;min-height:46px}.owner-form textarea{line-height:1.5;min-height:120px}.owner-form .button{margin-top:25px}.owner-form p{font-size:12px;line-height:1.7;color:var(--muted)}.owner-status{margin:20px 0;font-size:13px;line-height:1.6}.owner-draft{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.owner-draft h3{font-family:Georgia}.owner-draft img{width:100%;border-radius:8px}.owner-draft p{color:var(--muted);font-size:12px;line-height:1.7}.owner-draft button{border:1px solid var(--line);border-radius:9px;padding:10px 15px}.review-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px}.review-card h2{font-size:23px}.review-card p{font-size:13px;color:var(--muted);line-height:1.6}.review-frame{width:100%;height:82dvh;border:1px solid var(--line);border-radius:14px;margin:15px 0}.review-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.review-card.featured{border-color:var(--teal)}[hidden]{display:none!important}@keyframes page-turn{0%{transform:perspective(1800px) rotateY(-12deg) translateX(-10px);opacity:.55}55%{transform:perspective(1800px) rotateY(3deg)}100%{transform:none;opacity:1}}@keyframes pop{from{opacity:0;transform:translateY(12px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes scene-pop{0%{opacity:.35;transform:scale(.95) rotate(-2deg)}70%{transform:scale(1.01)}100%{opacity:1;transform:none}}@media(min-width:1000px){.book-photo{margin-top:8px}.book-page{padding:35px}}@media(max-width:900px){.topbar{gap:15px;padding:16px 4%;flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:center}.quiet{margin-left:auto}.hero{gap:25px;padding-top:40px;min-height:365px}h1{font-size:44px}.hero-actions{align-items:start;flex-direction:column;gap:13px}.hero-photo.small{left:-10px}.burst{width:76px;height:76px;font-size:13px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.book-page{padding:23px}.episode-actions{max-width:190px}.review-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:0 5%}.topbar nav{gap:0;justify-content:space-between}.nav-button{padding:9px;font-size:11px}.hero{grid-template-columns:1fr;gap:36px;padding:34px 0 37px}.hero h1{font-size:44px;letter-spacing:-1.5px}.hero-copy p{font-size:14px}.hero-actions{flex-direction:row;align-items:center;gap:15px}.hero-actions .button{font-size:11px;padding:12px}.hero-note{font-size:10px}.hero-art{margin:0 8px 10px 18px;padding-bottom:35px}.hero-photo.small{left:-15px;bottom:-2px;width:42%}.burst{top:-12px;right:-8px}.shelf-heading{display:block}.search input{width:100%;margin-top:14px}.categories{gap:7px}.category{font-size:10px;padding:9px 12px}.recipe-grid{grid-template-columns:1fr;gap:20px}.card-body h3{min-height:0;font-size:24px}.card-meta{font-size:11px}.episode-heading{display:block}.episode-heading h1{font-size:35px}.episode-actions{max-width:none;margin-top:10px}.book{grid-template-columns:1fr}.book:after{display:none}.book-page{padding:24px}.book-page:first-child{padding-bottom:0}.scene-text{font-size:14px}.episode-top{flex-wrap:wrap}.episode-top .mode{margin-left:auto}.recipe-turn{gap:10px}.recipe-turn button{font-size:11px;padding:10px;max-width:50%}.section-head h1{font-size:39px}.owner-layout{grid-template-columns:1fr}.owner-form{padding:20px}.review-grid{grid-template-columns:1fr}.review-frame{height:85dvh}.review-bar{flex-wrap:wrap}.stats{grid-template-columns:1fr 1fr}.brand{font-size:14px}.brand-sub{font-size:8px}}
button{min-width:44px}.paper-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #c9bea7;padding-bottom:12px}.paper-tabs button{color:var(--ink);border:1px solid #b0a68f;border-radius:9px;padding:10px 12px;font-size:11px;flex:1}.paper-tabs button[aria-pressed=true]{background:#245e53;color:var(--paper);border-color:#245e53}.scene{margin-top:0}.skip{top:-100px;transform:translateY(-100%);opacity:0}.skip:focus{top:12px;transform:none;opacity:1}
@media(max-width:600px){.ingredient{font-size:14px}.ingredient strong{font-size:13px}.all-steps li{font-size:14px}.stat{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-photo,.book-photo{transform:none}}

.recipe-media{margin:26px 0 36px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.media-head{padding:22px}.media-head h2{font-size:27px}.media-head p,.media-fallback{color:var(--muted);font-size:14px;line-height:1.6}.recipe-media video{display:block;width:100%;aspect-ratio:16/9;max-height:72dvh;background:#080f1b;object-fit:contain}.media-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:20px}.media-actions span{color:var(--muted);font-size:13px;line-height:1.5}.video-transcript{margin:0 22px 18px}.video-transcript summary{min-height:44px;padding:12px 0;color:var(--teal);cursor:pointer}.video-transcript p{font-size:15px;line-height:1.65}.media-fallback{padding:0 22px 20px;margin:0}@media(max-width:600px){.media-head{padding:18px}.media-head h2{font-size:24px}.media-actions{padding:16px}.media-actions .button{flex:1;font-size:12px}}

.food-notes{max-width:1200px;margin:24px auto;padding:20px;color:var(--muted);line-height:1.6}.food-notes summary{cursor:pointer;color:var(--gold);font-weight:700}.food-notes a{color:var(--teal)}