@font-face{font-family:Raleway;src:url(/fonts/Raleway-Medium.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CaveatBrush;src:url(/fonts/CaveatBrush-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--text: #362101;--title: #6a0a00;--link: #a93226;--bg: #fff;--primary: #c31d03;--secondary: #862e9c;--accent: #f4d3e5;--muted: #a52a2a;--font-body: "Raleway", Arial, Helvetica, sans-serif;--font-heading: "CaveatBrush", Georgia, "Times New Roman", Times, serif;--font-card: "Permanent Marker", var(--font-heading);--maxw-sm: 540px;--maxw-md: 720px;--maxw-lg: 960px;--maxw-xl: 1216px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.5;text-underline-position:under;-webkit-font-smoothing:antialiased}*::selection{background:var(--muted);color:#fff}a{color:inherit;text-decoration:none;transition:color .3s ease-in-out}a:hover{color:var(--primary)}img{max-width:100%}.container{max-width:var(--maxw-xl);margin:0 auto;min-height:100vh;display:flex;flex-direction:column}main{display:flex;flex-direction:column;padding:4px 8px 0}.banner{position:relative;overflow:hidden;max-height:420px;margin-bottom:16px;line-height:0;cursor:pointer}.banner img{width:100%;height:auto;display:block;pointer-events:none}.banner video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:200px;gap:1rem;padding:12px 4px 40px}@media(min-width:768px){.recipe-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:220px}}.recipe-card{position:relative;display:block;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 0 5px #0003;color:#fff;text-align:center}.recipe-card:hover,.recipe-card:focus{color:#fff}.recipe-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease;transform-origin:center}.recipe-card .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0003;opacity:0;transition:opacity .2s ease}.recipe-card:hover img{transform:scale(1.1)}.recipe-card:hover .overlay{opacity:1}.recipe-card .card-title{position:absolute;bottom:10px;left:0;width:100%;z-index:2;padding:0 8px;font-family:var(--font-card);font-weight:700;letter-spacing:1px;text-transform:capitalize;text-shadow:1px 1px 4px #000;font-size:1.25rem}@media(min-width:720px){.recipe-card .card-title{font-size:1.5rem}}@media(min-width:960px){.recipe-card .card-title{font-size:2rem}}.menubar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.menubar-brand{font-family:var(--font-heading);font-size:1.6rem;color:var(--title);line-height:1}.menubar-actions{display:flex;align-items:center;gap:10px}.menubar-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #d8c7b4;border-radius:999px;background:#fffdf9;color:var(--text);font-family:var(--font-body);font-size:.95rem;cursor:pointer}.menubar-btn:hover{border-color:var(--primary);color:var(--primary)}.user-menu{position:relative}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:200px;background:var(--bg);border:1px solid #e6d9c8;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:6px;display:flex;flex-direction:column}.user-menu-dropdown a,.user-menu-dropdown button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-radius:8px;background:none;color:var(--text);font-family:var(--font-body);font-size:.95rem;text-align:left;cursor:pointer}.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{background:var(--accent);color:var(--text)}.user-page-header h1{margin:8px 0 0;font-family:var(--font-heading);font-weight:400;color:var(--title);font-size:2.5rem}.user-page-header p{margin:0;color:var(--muted)}.empty-note{padding:24px 0;color:var(--muted)}.recipe-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent),#fbe8d8)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#36210159;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:var(--bg);border-radius:16px;box-shadow:0 8px 40px #00000059;padding:24px 28px 28px;width:100%;max-width:420px}.modal-card h2{margin:0 0 16px;font-family:var(--font-heading);font-size:2rem;color:var(--title)}.field{display:block;margin-bottom:14px}.field span{display:block;margin-bottom:4px;font-size:.9rem;color:var(--muted)}.field input,.field select,.field textarea{width:100%;padding:9px 12px;border:1px solid #d8c7b4;border-radius:10px;background:#fffdf9;color:var(--text);font-family:var(--font-body);font-size:1rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--primary);outline-offset:0;border-color:var(--primary)}.form-error{color:var(--primary);font-size:.95rem;margin:8px 0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.btn{padding:9px 18px;border:1px solid #d8c7b4;border-radius:10px;background:#fffdf9;color:var(--text);font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:filter .15s ease}.btn:hover{filter:brightness(.96)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{background:#fff;border-color:var(--primary);color:var(--primary)}.auth-page{display:flex;justify-content:center;padding:48px 8px}.page-title{margin:12px 0 16px;font-family:var(--font-heading);font-weight:400;color:var(--title);font-size:2.5rem}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-toolbar .btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.editor-columns{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:48px}@media(min-width:1024px){.editor-columns{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.editor-section{margin:24px 0 6px;font-family:var(--font-heading);font-weight:400;color:var(--text);font-size:1.6rem}.editor-hint{margin:0 0 10px;font-size:.9rem;color:var(--muted)}.field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ingredient-row{display:grid;grid-template-columns:76px 96px minmax(0,1fr) 42px;gap:8px;margin-bottom:8px}.ingredient-row input,.ingredient-row select{padding:8px 10px;border:1px solid #d8c7b4;border-radius:10px;background:#fffdf9;color:var(--text);font-family:var(--font-body);font-size:.95rem;min-width:0}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px}.editor-textarea{width:100%;padding:10px 12px;border:1px solid #d8c7b4;border-radius:10px;background:#fffdf9;color:var(--text);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9rem;line-height:1.5;resize:vertical}.editor-preview{border-left:2px dotted var(--accent);padding-left:24px;min-width:0}@media(max-width:1023px){.editor-preview{border-left:0;padding-left:0;border-top:2px dotted var(--accent);padding-top:16px}}.media-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.media-thumb{display:block;width:160px;height:160px;object-fit:cover;border-radius:12px;margin-top:8px}.media-movie{display:block;width:100%;max-width:320px;border-radius:12px;margin-top:8px}.media-actions{justify-content:flex-start;margin-top:10px}.settings-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:var(--maxw-xl);padding-bottom:48px}.settings-card{border:1px solid #e6d9c8;border-radius:16px;padding:18px 22px 20px;background:#fffdf9}.settings-card h2{margin:0 0 12px;font-family:var(--font-heading);font-weight:400;color:var(--title);font-size:1.7rem}.field-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-saved{color:#2e7d32;font-size:.95rem;margin:8px 0}.check-field{display:flex;align-items:center;gap:8px;margin:12px 0}.mfa-qr{display:block;width:220px;height:220px;border-radius:12px;margin:8px 0}.mfa-secret{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem;word-break:break-all;color:var(--muted)}.users-card{max-width:none}.users-table-wrap{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;font-weight:400;color:var(--muted);font-size:.85rem;padding:6px 8px;border-bottom:1px solid #e6d9c8}.users-table td{padding:10px 8px;border-bottom:1px solid #f0e6d8;vertical-align:middle}.user-cell{display:flex;flex-direction:column}.user-cell span{font-size:.85rem;color:var(--muted)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.8rem}.badge-ok{background:#e6f4ea;color:#2e7d32}.badge-pending{background:var(--accent);color:var(--secondary)}.selected-toggle{color:#b8a68f}.selected-toggle.is-selected{color:#e6a817;border-color:#e6a817}.row-actions{display:flex;gap:6px;justify-content:flex-end}.table-muted{color:#b8a68f}.basket-btn{position:relative}.basket-btn.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.basket-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--secondary);color:#fff;font-size:.75rem;font-weight:700}.recipe-card.is-in-panier{outline:4px solid var(--primary);outline-offset:-4px}.card-check{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--primary);color:#fff}.card-check.is-empty{background:transparent;border:2px solid #fff;box-shadow:0 1px 4px #00000073,inset 0 1px 4px #00000073}.card-stepper{position:absolute;right:10px;bottom:10px;z-index:3}.parts-stepper{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid #d8c7b4;border-radius:999px;padding:2px;color:var(--text)}.parts-stepper button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:999px;background:var(--accent);color:var(--text);cursor:pointer}.parts-stepper button:hover{background:var(--primary);color:#fff}.parts-value{min-width:26px;text-align:center;font-weight:700;font-size:.95rem}.toolbar-actions{display:flex;align-items:center;gap:10px}.toolbar-actions .btn{display:inline-flex;align-items:center;gap:6px}.detail-panier{display:inline-flex;align-items:center;gap:10px}.panier-section{max-width:var(--maxw-lg);padding-bottom:24px}.panier-section .editor-section{display:flex;align-items:center;gap:8px}.panier-items{list-style:none;margin:8px 0;padding:0;max-width:var(--maxw-md)}.panier-items li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px;border-bottom:2px dotted var(--muted)}.panier-item-controls{display:inline-flex;align-items:center;gap:8px}.panier-item-parts{font-size:.85rem;color:var(--muted)}.panier-actions{justify-content:flex-start}.panier-actions .btn{display:inline-flex;align-items:center;gap:6px}.shopping-section{border-top:2px dotted var(--accent);padding-top:8px;padding-bottom:64px}.sankey-wrap{overflow-x:auto;margin:12px 0 20px}.sankey{width:100%;min-width:720px;height:auto;display:block}.shopping-lines{list-style:none;margin:8px 0;padding:0;max-width:var(--maxw-lg);column-count:2;column-gap:40px}@media(max-width:720px){.shopping-lines{column-count:1;max-width:var(--maxw-sm)}}.shopping-lines li{break-inside:avoid}.shopping-lines li{padding:7px 4px;border-bottom:2px dotted var(--muted)}.shopping-lines label{display:flex;align-items:center;gap:10px;cursor:pointer}.shopping-lines input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.shopping-lines .is-checked span,.shopping-lines li.is-checked span{text-decoration:line-through;opacity:.55}.back-link{display:inline-block;align-self:flex-start;margin:8px 0 4px;color:var(--link);font-size:.875rem;position:relative}.back-link:hover{color:var(--primary)}.recipe{max-width:var(--maxw-xl)}.recipe:after{content:"";display:block;clear:both}.recipe-cover{float:right;width:40%;max-width:420px;margin:0 0 8px 16px;clip-path:circle(45%);shape-outside:circle(54%);overflow:hidden}.recipe-cover.has-video{cursor:pointer}.recipe-cover img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.recipe h1{margin:8px 0 0;color:var(--title);font-family:var(--font-heading);font-weight:400;line-height:1.125;letter-spacing:-.05em;text-transform:capitalize;font-size:2.75rem}@media(min-width:768px){.recipe h1{font-size:4rem}}.recipe time{display:block;margin-bottom:8px;font-size:.875rem;color:var(--text);opacity:.7}.recipe-video{display:block;margin:16px auto;max-width:100%}.recipe-body{font-size:1rem}@media(min-width:768px){.recipe-body{font-size:1.25rem}}.recipe-body>p:first-of-type{font-size:1.25rem;margin-bottom:16px}@media(min-width:768px){.recipe-body>p:first-of-type{font-size:1.5rem}}.recipe-body h2{margin:32px 0 0;color:var(--text);font-family:var(--font-heading);font-weight:400;line-height:1.125;letter-spacing:-.05em;text-transform:capitalize;font-size:2rem}@media(min-width:768px){.recipe-body h2{font-size:2.75rem}}.recipe-body h3{margin:16px 0 0;font-family:var(--font-heading);font-weight:400;letter-spacing:-.05em;text-transform:capitalize;font-size:1.5rem}.recipe-body p{max-width:var(--maxw-xl);margin:8px 0}.recipe-body ul{list-style:disc;list-style-position:inside;max-width:var(--maxw-sm);padding:0 4px;margin:8px 0 32px}.recipe-body ul li{width:75%;padding-bottom:4px;margin-bottom:8px;border-bottom:2px dotted var(--muted)}.recipe-body ol{margin:8px 0 32px;padding-left:1.2em}.recipe-body ol li{margin-bottom:8px}.recipe-body table{border-collapse:collapse;border-top:1px solid var(--muted);border-bottom:1px solid var(--muted);table-layout:fixed;width:100%;margin:16px 0}@media(min-width:768px){.recipe-body table{width:auto;min-width:48%}}.recipe-body th,.recipe-body td{text-align:center;padding:8px;word-wrap:break-word;font-size:.875rem}@media(min-width:768px){.recipe-body th,.recipe-body td{font-size:1.25rem}}.recipe-body th{font-weight:400;text-transform:capitalize}.recipe-body td{font-weight:700}.notfound{text-align:center;padding:24px 0}.notfound h1{font-family:var(--font-heading);color:var(--title)}
