@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;600;800;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{--ink: #090909;--ink-2: #101010;--paper: #ECE8DF;--white: #F7F5EF;--acid: #D9FF32;--muted: #8C8A82;--muted-l: #6E6E6A;--field: #E4E0D6;--line: #33332E;--line-l: #0A0A0A;--alert: #ff5c33;--font: "Inter", "Liberation Sans", Arial, sans-serif;--serif: "Playfair Display", Georgia, serif;--mono: "DM Mono", "SFMono-Regular", Menlo, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--dur: .24s;--rail-w: 82px;--bottombar-h: 66px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--font);font-size:15px;line-height:1.45;min-height:100vh;overflow-x:hidden}::selection{background:var(--acid);color:var(--ink)}a{color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.h-display{font-family:var(--font);font-weight:900;letter-spacing:-.08em;line-height:.84;text-transform:uppercase;margin:0}.h-hero{font-size:clamp(58px,11vw,170px);line-height:.77;letter-spacing:-.1em}.h1{font-size:clamp(44px,8vw,120px)}.h2{font-size:clamp(34px,6vw,64px);line-height:.84;letter-spacing:-.08em}.h3{font-size:clamp(24px,4.5vw,38px);line-height:.88;letter-spacing:-.07em}.serif{font-family:var(--serif);font-style:italic;font-weight:700;text-transform:none;letter-spacing:-.02em}.acid{color:var(--acid)}.muted{color:var(--muted)}.online:before{content:"";display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:7px}.shell{min-height:100vh}.rail{position:fixed;left:0;top:0;width:var(--rail-w);height:100vh;border-right:1px solid var(--line);background:var(--ink);padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:20}.brand{font-size:20px;font-weight:900;letter-spacing:-.085em;writing-mode:vertical-rl;transform:rotate(180deg);text-decoration:none;color:var(--white)}.brand .dot,.wordmark .dot{color:var(--acid)}.wordmark{font-family:var(--font);font-weight:900;text-transform:uppercase;letter-spacing:-.085em;color:var(--white);text-decoration:none}.mark{width:42px;height:42px;border:1px solid var(--white);display:grid;place-items:center;font-weight:900;letter-spacing:-.085em}.main{margin-left:var(--rail-w);padding-bottom:calc(var(--bottombar-h) + 12px)}.top{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;background:#090909f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15}@media (max-width: 900px){.rail{display:none}.main{margin-left:0}}.nav{position:fixed;left:0;right:0;bottom:0;height:var(--bottombar-h);background:#090909f5;border-top:1px solid var(--line);display:flex;justify-content:center;gap:2px;z-index:30;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 901px){.nav{left:var(--rail-w)}}.nav a,.nav button{border:0;background:transparent;color:var(--muted);padding:0 12px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav a svg,.nav button svg{display:block;margin-bottom:4px}.nav a.active,.nav a:hover,.nav button.active,.nav button:hover{color:var(--acid)}.plist{border:1px solid var(--line)}.prow{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--ink);width:100%;text-align:left}.prow:last-child{border-bottom:0}.prow .pname{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:800;letter-spacing:-.03em;text-transform:uppercase;font-size:15px}.prow .pmeta{font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap}.prow.hot{background:var(--acid);color:var(--ink)}.prow.hot .pmeta{color:var(--ink)}.prow .go{border:1px solid #555;background:none;color:var(--white);width:28px;height:28px;font-size:12px;flex:none;display:grid;place-items:center}.prow .go:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.prow.hot .go{border-color:var(--ink);color:var(--ink)}.pedit{padding:12px 14px;background:var(--ink-2);border-bottom:1px solid var(--line)}.modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#000000e0;overflow-y:auto;padding:18px 12px calc(var(--bottombar-h) + 24px)}.modal-box{max-width:880px;margin:0 auto;background:var(--ink);border:1px solid var(--line)}.modal-hero{width:100%;height:240px;object-fit:cover;display:block;filter:contrast(1.12) saturate(.92);border-bottom:1px solid var(--line);background:var(--ink-2)}@media (min-width: 700px){.modal-hero{height:340px}}.profilebtn{width:34px;height:34px;border:1px solid var(--white);background:transparent;color:var(--white);display:grid;place-items:center;font-weight:900;font-size:14px}.profilebtn:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.more-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000c;display:grid;place-items:end center}.more-box{width:100%;max-width:560px;background:var(--ink);border:1px solid var(--line);border-bottom:0;padding:22px 22px calc(var(--bottombar-h) + 22px)}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:14px}.more-grid a{background:var(--ink);color:var(--white);text-decoration:none;padding:16px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.more-grid a:hover{background:var(--acid);color:var(--ink)}.page{max-width:1500px;margin:0 auto}.section{padding:28px 22px;border-bottom:1px solid var(--line)}@media (min-width: 901px){.section{padding:32px 34px}}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.section-title{font-size:clamp(34px,5.5vw,48px);line-height:.84;letter-spacing:-.08em;font-weight:900;text-transform:uppercase;margin:0}.rule{border:0;border-top:1px solid var(--line);margin:0}.btn,.action{border:1px solid var(--white);background:transparent;color:var(--white);padding:11px 15px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-block;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover,.action:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.btn:active{transform:translateY(1px)}.btn-acid{background:var(--acid);color:var(--ink);border-color:var(--acid);font-weight:600}.btn-acid:hover{background:var(--white);border-color:var(--white)}.btn-ghost{border-color:var(--line);color:var(--muted)}.btn-ghost:hover{color:var(--ink)}.btn-danger:hover{background:var(--alert);border-color:var(--alert);color:var(--ink)}.btn-sm{padding:7px 10px;font-size:9px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}input,select,textarea{background:var(--ink-2);border:1px solid var(--line);color:var(--white);font-family:var(--font);font-size:15px;padding:11px 12px;width:100%}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.cards-2{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1100px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.cards{grid-template-columns:1fr}}.card{background:var(--ink);min-height:200px;padding:18px;position:relative;overflow:hidden}.card h3{font-size:clamp(22px,3vw,30px);line-height:.85;letter-spacing:-.07em;font-weight:900;text-transform:uppercase;margin:34px 0 12px}.card p{font-size:12px;color:#aaa79f;max-width:280px;line-height:1.4}.card .tag{color:#aaa79f}.match{position:absolute;right:16px;top:16px;color:var(--acid);font-family:var(--mono);font-size:10px}.card .go{position:absolute;bottom:16px;right:16px;border:1px solid #555;background:none;color:var(--white);width:34px;height:34px;font-size:14px}.card .go:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.card.expiring{background:var(--acid);color:var(--ink)}.card.expiring .tag,.card.expiring p,.card.expiring .num{color:var(--ink)}.card.expiring .go{border-color:var(--ink);color:var(--ink)}.ingredient{background:var(--ink);padding:16px;min-height:150px;position:relative}.ingredient h3{font-size:clamp(20px,3vw,29px);font-weight:900;letter-spacing:-.06em;text-transform:uppercase;margin:26px 0 8px}.ingredient small{font-family:var(--mono);font-size:10px;color:var(--muted);display:block}.bar{height:4px;background:var(--ink-2);border:1px solid var(--line);margin-top:14px}.bar i{display:block;height:100%;background:var(--acid);transition:width var(--dur) var(--ease)}.split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}@media (max-width: 860px){.split{grid-template-columns:1fr}}.panel{padding:22px;background:var(--ink-2)}.panel-light{background:var(--paper);color:var(--ink)}.panel-label{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px}.panel-light .panel-label{border-color:#09090940}.panel-light .mono{color:#0909098c}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row .grow{flex:1;min-width:0}.row .name{font-weight:600;overflow-wrap:anywhere}.check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:1px solid var(--line);cursor:pointer;flex:none;display:grid;place-content:center}.check:checked{background:var(--acid);border-color:var(--acid)}.check:checked:before{content:"✕";color:var(--ink);font-size:14px;font-weight:800}.tag{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:3px 8px;color:var(--muted)}.tag-acid{border-color:var(--acid);color:var(--acid)}.marquee{border-bottom:1px solid var(--line);border-top:1px solid var(--line);overflow:hidden;white-space:nowrap;font-weight:900;font-size:clamp(22px,4vw,46px);letter-spacing:-.06em;padding:7px 0;text-transform:uppercase}.marquee span{display:inline-block;animation:move 18s linear infinite}@keyframes move{to{transform:translate(-50%)}}.notice{border:1px solid var(--line);border-left:3px solid var(--acid);padding:14px 16px;background:var(--ink-2)}.notice--warn{border-left-color:var(--alert)}.notice--err{border-left-color:var(--alert);background:#1a0d0a}.empty{border:1px dashed var(--line);padding:40px 20px;text-align:center;color:var(--muted)}.empty .big{font-size:24px;font-weight:900;letter-spacing:-.06em;text-transform:uppercase;color:var(--white);margin-bottom:8px}.spinner{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--acid);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(var(--bottombar-h) + 19px);transform:translate(-50%) translateY(20px);background:var(--acid);color:var(--ink);padding:12px 16px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.25s;z-index:70}.toast.show{opacity:1;transform:translate(-50%)}.cookmode{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);z-index:100;display:flex;flex-direction:column}.cook-top{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.cook-content{flex:1;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;padding:30px 22px;overflow:auto}.cook-num{font-family:var(--font);font-weight:900;font-size:clamp(90px,22vw,240px);letter-spacing:-.12em;color:var(--ink);-webkit-text-stroke:1px var(--acid);line-height:.8}.cook-step h2{font-size:clamp(40px,9vw,120px);line-height:.8;letter-spacing:-.1em;font-weight:900;text-transform:uppercase;margin:14px 0 0}.cook-bar{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--line);justify-content:center;flex-wrap:wrap}.timer{font-family:var(--font);font-weight:900;font-size:clamp(28px,5vw,54px);letter-spacing:-.07em}.progress{height:4px;background:var(--ink-2)}.progress i{display:block;height:100%;background:var(--acid);transition:width .3s}.editorial{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.editorial-item{background:var(--ink);padding:26px 22px}.editorial-item:nth-child(4n+1){grid-column:span 2}@media (max-width: 720px){.editorial{grid-template-columns:1fr}.editorial-item{grid-column:auto!important}}.reveal{animation:reveal var(--dur) var(--ease) both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stack{display:grid;gap:12px}.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.grid-2>*,.grid-3>*{background:var(--ink);padding:20px}.grid-2>.panel,.grid-3>.panel{padding:0;border:0;background:transparent}@media (max-width: 860px){.grid-2,.grid-3{grid-template-columns:1fr}}.asymmetric{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}@media (max-width: 860px){.asymmetric{grid-template-columns:1fr}}.serif-note{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:15px}.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}@media (max-width: 1100px){.sgrid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.sgrid{grid-template-columns:repeat(2,1fr)}}.scard{position:relative;background:var(--ink-2);overflow:hidden;min-height:190px;border:0;cursor:pointer;text-align:left;padding:0;width:100%;color:var(--white);display:block}.scard:hover{border-color:var(--acid)}.scard img,.card img.cardfill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(.9);transition:filter var(--dur) var(--ease),transform var(--dur) var(--ease)}.card img.cardfill{opacity:.92}.card img.cardfill+.tag,.card img.cardfill~.tag{position:relative}.card .photowash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(0deg,#090909e0 8%,#09090926 55%,#09090940)}.scard:hover img{filter:contrast(1.15) saturate(1);transform:scale(1.04)}.scard .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#090909eb,#0909098c 45%,#09090900 75%)}.scard .sc-info{position:absolute;inset:auto 0 0 0;padding:10px 12px 12px}.scard .sc-name{font-weight:900;letter-spacing:-.05em;text-transform:uppercase;font-size:15px;line-height:1.05;display:block}.scard .sc-meta{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--paper);display:flex;gap:8px;margin-top:5px}.scard .sc-match{position:absolute;top:10px;right:10px;background:var(--acid);color:var(--ink);font:700 10px var(--mono);padding:3px 7px;letter-spacing:.05em}.footer-note{margin-top:48px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer{padding:26px 22px calc(var(--bottombar-h) + 26px);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (min-width: 901px){.footer{padding:30px 34px}}.tag-alert{border-color:var(--alert);color:var(--alert)}.readout{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em;display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}.readout b{color:var(--white);font-weight:600}.kpi{font-family:var(--font);font-weight:900;font-size:clamp(30px,5vw,44px);letter-spacing:-.08em;color:var(--acid);line-height:1;margin:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acid)}input::placeholder,textarea::placeholder{color:var(--muted)}
