@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:brown;--ok:#2e7d32;--warn:#e08e0b;--danger:var(--primary);--surface:var(--bg);--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);text-underline-position:under;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5}::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);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}main{flex-direction:column;padding:4px 8px 0;display:flex}.banner{cursor:pointer;max-height:420px;margin-bottom:16px;line-height:0;position:relative;overflow:hidden}.banner img{pointer-events:none;width:100%;height:auto;display:block}.banner video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:200px;gap:1rem;padding:12px 4px 40px;display:grid}@media (width>=768px){.recipe-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:220px}}.recipe-card{color:#fff;text-align:center;border-radius:16px;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 5px #0003}.recipe-card:hover,.recipe-card:focus{color:#fff}.recipe-card img{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .2s;display:block}.recipe-card .overlay{z-index:1;opacity:0;background:#0003;transition:opacity .2s;position:absolute;inset:0}.recipe-card:hover img{transform:scale(1.1)}.recipe-card:hover .overlay{opacity:1}.recipe-card .card-title{z-index:2;width:100%;font-family:var(--font-card);letter-spacing:1px;text-transform:capitalize;text-shadow:1px 1px 4px #000;padding:0 8px;font-size:1.25rem;font-weight:700;position:absolute;bottom:10px;left:0}@media (width>=720px){.recipe-card .card-title{font-size:1.5rem}}@media (width>=960px){.recipe-card .card-title{font-size:2rem}}.menubar{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.menubar-brand{font-family:var(--font-heading);color:var(--title);font-size:1.6rem;line-height:1}.menubar-actions{align-items:center;gap:10px;display:flex}.menubar-btn{color:var(--text);font-family:var(--font-body);cursor:pointer;background:#fffdf9;border:1px solid #d8c7b4;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.95rem;display:inline-flex}.menubar-btn:hover{border-color:var(--primary);color:var(--primary)}.user-menu{position:relative}.user-menu-trigger{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:2px;display:inline-flex}.user-menu-trigger:hover{color:var(--text)}.user-menu-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.user-menu-dropdown{z-index:40;background:var(--bg);border:1px solid #e6d9c8;border-radius:12px;flex-direction:column;width:17rem;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000026}.user-menu-dropdown>a,.user-menu-dropdown>button{color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:.95rem;display:flex}.user-menu-dropdown>a:hover,.user-menu-dropdown>button:hover{background:var(--accent);color:var(--text)}.user-menu-header{border-bottom:1px solid #e6d9c8;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px 10px;font-size:.9rem;display:flex}.user-menu-id{flex-direction:column;min-width:0;display:flex}.user-menu-id>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-name{color:var(--text);font-weight:600}.user-menu-email{color:var(--muted);font-size:.85rem}.avatar{object-fit:cover;background:#e6d9c8;border-radius:50%;flex-shrink:0;display:block}.avatar-initials{background:var(--accent);color:var(--title);font-family:var(--font-body);justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.avatar-status{flex-shrink:0;display:inline-flex;position:relative}.avatar-status-dot{position:absolute;bottom:-2px;left:-2px}.status-dot{border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;display:block}.status-dot.online{background:var(--ok)}.status-dot.offline{background:var(--danger)}.sync-dot-root{display:block;position:relative}.sync-dot{border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:12px;height:12px;padding:0;display:block}.sync-dot:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.sync-dot-green{background:var(--ok)}.sync-dot-orange{background:var(--warn)}.sync-dot-red{background:var(--danger)}.user-menu-header .sync-popover-anchored{width:17rem;top:calc(100% + 8px);left:-15px;right:auto}.sync-popover{z-index:40;text-align:left;white-space:normal;cursor:auto;background:var(--bg);width:min(22rem,100vw - 32px);color:var(--text);line-height:1.5;font-family:var(--font-body);border:1px solid #e6d9c8;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;font-size:.9rem;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000026}.sync-popover p{margin:0}.sync-popover-actions{gap:8px;display:flex}.sync-notices{flex-direction:column;gap:4px;max-height:14rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.sync-notice{border-top:1px solid #e6d9c8;flex-direction:column;padding-top:4px;font-size:.85rem;display:flex}.sync-notice-time{color:var(--muted);font-size:.75rem}.sync-notice-rejected,.sync-notice-failing,.sync-notice-quota{color:var(--primary)}.user-page-header h1{font-family:var(--font-heading);color:var(--title);margin:8px 0 0;font-size:2.5rem;font-weight:400}.user-page-header p{color:var(--muted);margin:0}.empty-note{color:var(--muted);padding:24px 0}.recipe-card-placeholder{background:linear-gradient(135deg, var(--accent), #fbe8d8);width:100%;height:100%}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);background:#36210159;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card,.modal{background:var(--bg);border-radius:16px;width:100%;max-width:420px;padding:24px 28px 28px;box-shadow:0 8px 40px #00000059}.modal-card h2,.modal h2{font-family:var(--font-heading);color:var(--title);margin:0 0 16px;font-size:2rem}.confirm-card h2{font-size:1.7rem}.confirm-body{color:var(--text);margin:0 0 18px;line-height:1.5}.confirm-body p{margin:0 0 8px}.field{margin-bottom:14px;display:block}.field span{color:var(--muted);margin-bottom:4px;font-size:.9rem;display:block}.field input,.field select,.field textarea{width:100%;color:var(--text);font-family:var(--font-body);background:#fffdf9;border:1px solid #d8c7b4;border-radius:10px;padding:9px 12px;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);margin:8px 0;font-size:.95rem}.muted{color:var(--muted)}.error-text{color:var(--primary);margin:8px 0;font-size:.95rem}.field-hint{color:var(--muted);margin-top:4px;font-size:.85rem;display:block}.field-hint.is-ok{color:#2e7d32}.field-hint.is-error{color:var(--primary)}.link-button{font:inherit;color:inherit;opacity:.75;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}.link-button:hover{color:var(--primary);opacity:1}.form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal-actions .btn{align-items:center;gap:6px;display:inline-flex}.modal-actions .modal-actions-start{margin-right:auto}.btn{color:var(--text);font-family:var(--font-body);cursor:pointer;background:#fffdf9;border:1px solid #d8c7b4;border-radius:10px;padding:9px 18px;font-size:1rem;transition:filter .15s}.btn:hover{filter:brightness(.96)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{border-color:var(--primary);color:var(--primary);background:#fff}.auth-page{justify-content:center;padding:48px 8px;display:flex}.page-title{font-family:var(--font-heading);color:var(--title);margin:12px 0 16px;font-size:2.5rem;font-weight:400}.page-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-toolbar .btn{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.editor-columns{grid-template-columns:1fr;gap:32px;padding-bottom:48px;display:grid}@media (width>=1024px){.editor-columns{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.editor-section{font-family:var(--font-heading);color:var(--text);margin:24px 0 6px;font-size:1.6rem;font-weight:400}.editor-hint{color:var(--muted);margin:0 0 10px;font-size:.9rem}.field-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ingredient-row{grid-template-columns:76px 96px minmax(0,1fr) 42px;gap:8px;margin-bottom:8px;display:grid}.ingredient-row input,.ingredient-row select{color:var(--text);font-family:var(--font-body);background:#fffdf9;border:1px solid #d8c7b4;border-radius:10px;min-width:0;padding:8px 10px;font-size:.95rem}.btn-icon{justify-content:center;align-items:center;padding:8px;display:inline-flex}.editor-textarea{width:100%;color:var(--text);resize:vertical;background:#fffdf9;border:1px solid #d8c7b4;border-radius:10px;padding:10px 12px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9rem;line-height:1.5}.editor-preview{border-left:2px dotted var(--accent);min-width:0;padding-left:24px}@media (width<=1023px){.editor-preview{border-left:0;border-top:2px dotted var(--accent);padding-top:16px;padding-left:0}}.media-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.media-thumb{object-fit:cover;border-radius:12px;width:160px;height:160px;margin-top:8px;display:block}.media-movie{border-radius:12px;width:100%;max-width:320px;margin-top:8px;display:block}.media-actions{justify-content:flex-start;margin-top:10px}.settings-grid{max-width:var(--maxw-xl);grid-template-columns:1fr;gap:20px;padding-bottom:48px;display:grid}.settings-card{background:#fffdf9;border:1px solid #e6d9c8;border-radius:16px;padding:18px 22px 20px}.settings-card h2{font-family:var(--font-heading);color:var(--title);margin:0 0 12px;font-size:1.7rem;font-weight:400}.field-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-saved{color:#2e7d32;margin:8px 0;font-size:.95rem}.check-field{align-items:center;gap:8px;margin:12px 0;display:flex}.mfa-qr{border-radius:12px;width:220px;height:220px;margin:8px 0;display:block}.mfa-secret{word-break:break-all;color:var(--muted);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem}.profile-hero{align-items:center;gap:16px;display:flex}.profile-hero-info{flex-direction:column;min-width:0;display:flex}.profile-hero-info p{margin:0 0 4px}.avatar-edit{flex-shrink:0;position:relative}.avatar-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;display:block}.avatar-edit-btn:hover:not(:disabled),.avatar-edit-btn:focus-visible{box-shadow:0 0 0 3px var(--accent);outline:none}.avatar-edit-btn:disabled{cursor:default}.avatar-remove{background:var(--surface);width:22px;height:22px;color:var(--muted);cursor:pointer;border:1px solid #e6d9c8;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:-4px;right:-4px}.avatar-remove:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.avatar-remove:disabled{cursor:default;opacity:.6}.avatar-crop-modal{max-width:340px}.dropzone{min-height:140px;color:var(--muted);text-align:center;cursor:pointer;border:2px dashed #d8c7b4;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.9rem;display:flex}.dropzone:hover,.dropzone:focus-visible,.dropzone.drag-over{border-color:var(--primary);color:var(--primary);outline:none}.dropzone-input{display:none}.crop-stage{touch-action:none;cursor:grab;background:#fffdf9;border-radius:12px;margin:0 auto 12px;position:relative;overflow:hidden}.crop-stage:active{cursor:grabbing}.crop-stage img{-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:0;left:0}.crop-mask{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 9999px #36210180}.crop-zoom{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;display:flex}.crop-zoom input[type=range]{accent-color:var(--primary);flex:1}.crop-hint{text-align:center;margin:0 0 8px;font-size:.85rem}.jxl-progress{width:100%;color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.progress-track{background:#e6d9c8;border-radius:999px;width:min(220px,80%);height:4px;position:relative;overflow:hidden}.progress-thumb{background:var(--primary);border-radius:999px;width:40%;animation:1.1s ease-in-out infinite progress-sweep;position:absolute;top:0;bottom:0}@keyframes progress-sweep{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.progress-thumb{animation-duration:2.2s}}.users-card{max-width:none}@media (width<=1023px){.users-table-wrap{overflow-x:auto}}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;color:var(--muted);border-bottom:1px solid #e6d9c8;padding:6px 8px;font-size:.85rem;font-weight:400}.users-table td{vertical-align:middle;border-bottom:1px solid #f0e6d8;padding:10px 8px}.user-cell{flex-direction:column;display:flex}.user-cell span{color:var(--muted);font-size:.85rem}.users-table .col-center{text-align:center}.user-tag{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9rem}.badge{border-radius:999px;padding:3px 10px;font-size:.8rem;display:inline-block}.badge-ok{color:#2e7d32;background:#e6f4ea}.badge-pending{background:var(--accent);color:var(--secondary)}.badge-admin{color:#5b3d99;background:#ece6f7}.selected-toggle{color:#b8a68f}.selected-toggle.is-selected{color:#e6a817;border-color:#e6a817}.row-actions{justify-content:center;gap:6px;display:flex}.btn-icon.is-admin{color:#5b3d99;border-color:#5b3d99}.table-muted{color:#b8a68f}.has-tip{position:relative}.has-tip:after{content:attr(data-tip);background:var(--text);color:#fff;font-family:var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;z-index:5;border-radius:8px;padding:5px 9px;font-size:.8rem;line-height:1.2;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.has-tip:before{content:"";border:5px solid #0000;border-top-color:var(--text);pointer-events:none;opacity:0;z-index:5;border-bottom:0;transition:opacity .12s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.has-tip:hover:after,.has-tip:hover:before,.has-tip:focus-visible:after,.has-tip:focus-visible:before{opacity:1}.basket-btn{position:relative}.basket-btn.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.basket-count{background:var(--secondary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;font-weight:700;display:inline-flex}.recipe-card.is-in-panier{outline:4px solid var(--primary);outline-offset:-4px}.card-check{z-index:3;background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:10px;right:10px}.card-check.is-empty{background:0 0;border:2px solid #fff;box-shadow:0 1px 4px #00000073,inset 0 1px 4px #00000073}.card-stepper{z-index:3;position:absolute;bottom:10px;right:10px}.parts-stepper{color:var(--text);background:#fff;border:1px solid #d8c7b4;border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.parts-stepper button{background:var(--accent);width:26px;height:26px;color:var(--text);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.parts-stepper button:hover{background:var(--primary);color:#fff}.parts-value{text-align:center;min-width:26px;font-size:.95rem;font-weight:700}.toolbar-actions{align-items:center;gap:10px;display:flex}.toolbar-actions .btn{align-items:center;gap:6px;display:inline-flex}.detail-panier{align-items:center;gap:10px;display:inline-flex}.panier-section{max-width:var(--maxw-lg);padding-bottom:24px}.panier-section .editor-section{align-items:center;gap:8px;display:flex}.panier-items{max-width:var(--maxw-md);margin:8px 0;padding:0;list-style:none}.panier-items li{border-bottom:2px dotted var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 4px;display:flex}.panier-item-controls{align-items:center;gap:8px;display:inline-flex}.panier-item-parts{color:var(--muted);font-size:.85rem}.panier-actions{justify-content:flex-start}.panier-actions .btn{align-items:center;gap:6px;display:inline-flex}.shopping-section{border-top:2px dotted var(--accent);padding-top:8px;padding-bottom:64px}.sankey-wrap{margin:12px 0 20px;overflow-x:auto}.sankey{width:100%;min-width:720px;height:auto;display:block}.shopping-lines{max-width:var(--maxw-lg);column-count:2;column-gap:40px;margin:8px 0;padding:0;list-style:none}@media (width<=720px){.shopping-lines{column-count:1;max-width:var(--maxw-sm)}}.shopping-lines li{break-inside:avoid;border-bottom:2px dotted var(--muted);padding:7px 4px}.shopping-lines label{cursor:pointer;align-items:center;gap:10px;display:flex}.shopping-lines input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.shopping-lines .is-checked span,.shopping-lines li.is-checked span{opacity:.55;text-decoration:line-through}.back-link{color:var(--link);align-self:flex-start;margin:8px 0 4px;font-size:.875rem;display:inline-block;position:relative}.back-link:hover{color:var(--primary)}.recipe{max-width:var(--maxw-xl)}.recipe:after{content:"";clear:both;display:block}.recipe-cover{float:right;clip-path:circle(45%);shape-outside:circle(54%);width:40%;max-width:420px;margin:0 0 8px 16px;overflow:hidden}.recipe-cover.has-video{cursor:pointer}.recipe-cover img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.recipe h1{color:var(--title);font-family:var(--font-heading);letter-spacing:-.05em;text-transform:capitalize;margin:8px 0 0;font-size:2.75rem;font-weight:400;line-height:1.125}@media (width>=768px){.recipe h1{font-size:4rem}}.recipe time{color:var(--text);opacity:.7;margin-bottom:8px;font-size:.875rem;display:block}.recipe-video{max-width:100%;margin:16px auto;display:block}.recipe-body{font-size:1rem}@media (width>=768px){.recipe-body{font-size:1.25rem}}.recipe-body>p:first-of-type{margin-bottom:16px;font-size:1.25rem}@media (width>=768px){.recipe-body>p:first-of-type{font-size:1.5rem}}.recipe-body h2{color:var(--text);font-family:var(--font-heading);letter-spacing:-.05em;text-transform:capitalize;margin:32px 0 0;font-size:2rem;font-weight:400;line-height:1.125}@media (width>=768px){.recipe-body h2{font-size:2.75rem}}.recipe-body h3{font-family:var(--font-heading);letter-spacing:-.05em;text-transform:capitalize;margin:16px 0 0;font-size:1.5rem;font-weight:400}.recipe-body p{max-width:var(--maxw-xl);margin:8px 0}.recipe-body ul{max-width:var(--maxw-sm);margin:8px 0 32px;padding:0 4px;list-style:inside}.recipe-body ul li{border-bottom:2px dotted var(--muted);width:75%;margin-bottom:8px;padding-bottom:4px}.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 (width>=768px){.recipe-body table{width:auto;min-width:48%}}.recipe-body th,.recipe-body td{text-align:center;word-wrap:break-word;padding:8px;font-size:.875rem}@media (width>=768px){.recipe-body th,.recipe-body td{font-size:1.25rem}}.recipe-body th{text-transform:capitalize;font-weight:400}.recipe-body td{font-weight:700}.notfound{text-align:center;padding:24px 0}.notfound h1{font-family:var(--font-heading);color:var(--title)}