*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sticky{position:sticky}.table{display:table}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#092e28;background:#f6efe6;font-synthesis:none;--green:#062f28;--green2:#0d5146;--orange:#f45b0b;--orange2:#ff7a1a;--cream:#fffaf3;--muted:#6d746f;--line:#e6ddd1;--shadow:0 18px 55px rgba(44,30,17,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 35% 8%,#fff 0,#fffaf4 28%,#f6efe6 76%);color:var(--green)}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.15rem,5vw,4.6rem);line-height:.96;letter-spacing:-.055em}h2{letter-spacing:-.035em}.app-shell{min-height:100vh}.app-main{min-height:100vh;padding-left:244px}.app-main>main{padding:0 42px 120px}.page{max-width:1280px;margin:0 auto;padding:38px 0}.narrow-page{max-width:900px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:30;background:#fffaf3d4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,221,209,.6)}.brand{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:27px;font-style:italic;white-space:nowrap}.brand img{width:50px;height:50px;-o-object-fit:contain;object-fit:contain}.brand strong{color:var(--orange)}.brand b{font-weight:800}.side-nav{width:244px;position:fixed;z-index:40;inset:0 auto 0 0;padding:20px 18px;display:flex;flex-direction:column;background:#fffdf9;border-right:1px solid var(--line)}.side-nav>.brand{margin:3px 11px 34px}.side-nav nav{display:grid;gap:5px}.side-nav nav a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:15px;color:#64706b;font-weight:700}.side-nav nav a svg{width:21px}.side-nav nav a.active{background:#fff0e4;color:var(--orange)}.side-card{display:flex;gap:10px;background:var(--green);color:#fff;padding:16px;border-radius:18px;margin:auto 0 18px}.side-card>span{font-size:25px}.side-card div,.profile-link>span:last-child{display:grid;gap:3px}.side-card small,.profile-link small{font-size:11px;color:#bad2cc;line-height:1.35}.profile-link{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:13px;flex:none}.profile-link small{color:var(--muted)}.mobile-brand{display:none}.group-switcher{display:grid;gap:2px}.group-switcher span{text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800;color:#89908c}.group-switcher select{border:0;background:transparent;font-weight:800;color:var(--green);padding:0 24px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.avatar-button{border:1px solid var(--line);background:#fff;position:relative}.icon-button{display:grid;place-items:center;width:43px;height:43px;border-radius:50%}.icon-button svg{width:20px}.notification-count{position:absolute;right:-4px;top:-5px;background:var(--orange);color:#fff;border:2px solid white;border-radius:12px;font-size:10px;padding:2px 5px;font-weight:900}.demo-pill{font-size:11px;font-weight:800;color:#8b4d20;background:#ffeadb;padding:7px 10px;border-radius:999px}.bottom-nav{display:none}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%);background:var(--green);color:#fff;border-radius:999px;padding:12px 20px;box-shadow:var(--shadow);font-weight:700;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,15px)}}.hero{min-height:400px;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(125deg,#fffaf3 0,#fff7ed 55%,#f8d8b8);box-shadow:var(--shadow);position:relative}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fffaf300 35%,#fffaf31a);pointer-events:none}.hero-copy{padding:58px;z-index:2}.eyebrow{display:block;color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;margin-bottom:15px}.hero h1{font-size:clamp(3rem,5.5vw,5.6rem);max-width:750px;margin-bottom:22px}.hero p{font-size:19px;color:#4f5e59;line-height:1.6;max-width:500px}.hero em{font-style:normal;color:var(--orange);font-weight:750;position:relative}.hero-image{background:url(https://images.unsplash.com/photo-1529193591184-b1d58069ecdd?auto=format&fit=crop&w=1500&q=90) center/cover;min-height:400px;position:relative;clip-path:ellipse(92% 100% at 100% 50%)}.hero-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff7ed 0,transparent 35%)}.primary-button,.secondary-button{border:0;border-radius:13px;padding:13px 18px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:linear-gradient(135deg,var(--orange2),var(--orange));color:#fff;box-shadow:0 10px 25px #f45b0b3d}.primary-button:hover{transform:translateY(-1px)}.primary-button svg,.secondary-button svg{width:18px}.secondary-button{background:#fff;border:1px solid var(--line)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.quick-actions button{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;text-align:left;display:flex;align-items:center;gap:13px}.quick-actions svg{width:25px;color:var(--orange)}.quick-actions span{display:grid;gap:2px}.quick-actions small{color:var(--muted)}.search-launcher{width:100%;display:flex;align-items:center;gap:14px;padding:16px 19px;border:1px solid var(--line);background:#fff;border-radius:17px;color:#737b77;font-size:16px;margin:0 0 36px;box-shadow:0 6px 20px #3527180a}.search-launcher svg{width:23px;color:var(--green)}.search-launcher span{flex:1;text-align:left}.search-launcher svg:last-child{color:#fff;background:var(--green);box-sizing:content-box;padding:9px;border-radius:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 0 16px}.section-heading h2{font-size:25px;margin:0}.section-heading a{display:flex;align-items:center;color:var(--orange);font-weight:800;font-size:14px}.section-heading svg{width:17px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.recipe-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:0 7px 24px #3122120e;transition:.2s}.recipe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.recipe-image-wrap{display:block;position:relative}.recipe-image{width:100%;height:220px;-o-object-fit:cover;object-fit:cover}.category-badge{position:absolute;left:12px;bottom:12px;background:#062f28db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850}.save-button{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:11px;display:grid;place-items:center;background:#ffffffe6;color:var(--green)}.save-button svg{width:19px}.save-button.active{color:var(--orange)}.recipe-body{padding:15px 16px 16px;position:relative}.recipe-body h3{font-size:19px;line-height:1.15;margin-bottom:5px}.recipe-body p{color:var(--muted);font-size:13px;margin-bottom:15px}.recipe-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:#65706c}.mini-avatar{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green);color:#fff;font-size:8px;font-weight:850}.meta-spacer{flex:1}.recipe-meta svg{width:13px}.like-button{position:absolute;right:15px;top:12px;border:0;background:#fff;color:var(--muted);font-size:12px;display:flex;gap:4px;align-items:center}.like-button svg{width:18px}.like-button.active{color:var(--orange)}.activity-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:start}.activity-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#b26534;font-weight:900}.activity-content>p{font-size:14px;margin-bottom:12px}.activity-content>p span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.activity-recipe{display:flex;align-items:center;gap:14px}.activity-recipe img{width:150px;height:88px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.activity-recipe div{display:grid;gap:3px}.activity-recipe span{color:var(--muted)}.activity-recipe small{color:var(--green2);font-weight:700}.activity-stats{align-self:end;font-size:13px}.popular-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.popular-row button{border:0;background:transparent;position:relative;display:grid;gap:7px;font-weight:700}.popular-row img{width:100%;aspect-ratio:1.5;border-radius:45% 45% 18px 18px;-o-object-fit:cover;object-fit:cover}.rank{position:absolute;left:0;top:-7px;width:34px;height:34px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:50%;border:3px solid var(--cream);font-weight:900}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-title h1{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:10px}.page-title p{color:var(--muted);margin:0}.page-title>svg{width:45px;height:45px;color:var(--orange)}.search-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:6px 8px 6px 18px;box-shadow:0 10px 30px #3527180d}.search-bar>svg{width:24px}.search-bar input{flex:1;border:0;outline:0;background:transparent;padding:11px 0;font-size:17px}.search-bar button{border:0;background:transparent;padding:10px;border-radius:11px}.search-bar button:last-child{background:var(--green);color:#fff}.search-bar button.active{background:var(--orange)}.filter-chips{display:flex;gap:8px;overflow:auto;padding:15px 0 8px;scrollbar-width:none}.filter-chips button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:750}.filter-chips button.active{background:var(--green);color:#fff;border-color:var(--green)}.advanced-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;margin-top:10px}.advanced-filters label,.form-grid label,.modal label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#56615d}.advanced-filters select,.form-grid input,.form-grid textarea,.form-grid select,.modal input{border:1px solid var(--line);background:#fffdf9;border-radius:10px;padding:11px;outline:none;color:var(--green)}.result-line{display:flex;gap:7px;margin:28px 0 14px}.result-line span{color:var(--muted)}.empty-state{text-align:center;padding:70px 20px;background:#ffffff8c;border:1px dashed #d8cbbb;border-radius:24px}.empty-state>span{font-size:45px}.empty-state h2{margin:12px 0 5px}.empty-state p{color:var(--muted)}.detail-page{margin:-86px -42px 0}.detail-hero{height:min(72vh,690px);min-height:520px;background-size:cover;background-position:center;position:relative;color:#fff}.detail-top{display:flex;justify-content:space-between;padding:115px 48px 0}.detail-top>div{display:flex;gap:8px}.detail-top button{border:1px solid rgba(255,255,255,.35);background:#00000047;color:#fff;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-top svg{width:20px}.detail-title{position:absolute;left:50%;transform:translate(-50%);bottom:45px;width:min(1100px,calc(100% - 80px))}.detail-title>span{display:inline-block;background:var(--orange);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:850}.detail-title h1{font-size:clamp(3rem,7vw,6rem);margin:14px 0 7px}.detail-title p{font-size:18px;color:#f1eee8}.detail-title>div{display:flex;align-items:center;gap:7px;font-size:13px}.detail-content{max-width:1100px;margin:0 auto;padding:28px 20px 100px}.detail-actions{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:20px}.detail-actions button,.detail-actions a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:750}.detail-actions svg{width:17px}.detail-actions .active{color:var(--orange)}.recipe-description{font-size:19px;line-height:1.7;max-width:800px;margin:30px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:38px}.stat-grid div{padding:18px;display:grid;grid-template-columns:auto 1fr;-moz-column-gap:10px;column-gap:10px;border-right:1px solid var(--line)}.stat-grid div:last-child{border:0}.stat-grid svg{grid-row:1/3;width:23px;color:var(--orange)}.stat-grid b{font-size:13px}.stat-grid span{font-size:10px;color:var(--muted)}.detail-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.detail-columns h2,.comments h2,.detail-content>section>h2{font-size:25px}.ingredient-heading{display:flex;justify-content:space-between}.ingredient-heading>div{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px}.ingredient-heading button{border:0;background:transparent;padding:7px 11px}.ingredients{list-style:none;padding:0;margin:0}.ingredients li{display:grid;grid-template-columns:105px 1fr;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.ingredients li span{color:var(--orange)}.temperature-card,.tip{display:flex;gap:12px;background:#e8f2ee;padding:15px;border-radius:15px;margin-top:20px}.temperature-card svg{color:var(--orange)}.temperature-card div{display:grid}.temperature-card span{font-size:10px;color:var(--muted)}.steps{list-style:none;padding:0;display:grid;gap:20px}.steps li{display:grid;grid-template-columns:38px 1fr;gap:12px}.steps li>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:#fff;font-weight:900}.steps p{line-height:1.55}.tip{display:block;border-left:4px solid var(--orange)}.tip p{margin:4px 0;color:#43534e}.comments{margin:55px 0}.comments form{display:flex;gap:10px;align-items:center;background:#fff;padding:10px;border:1px solid var(--line);border-radius:16px}.comments form input{flex:1;border:0;outline:0}.comments form button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:10px 15px;font-weight:750}.comment{display:grid;grid-template-columns:auto 1fr auto;gap:10px;margin-top:15px;padding:15px 0;border-bottom:1px solid var(--line)}.comment p{display:grid;gap:4px;margin:0}.comment p span{color:#56615d}.comment small{color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:7px;font-weight:750;font-size:13px;margin-bottom:22px}.back-link svg{width:17px}.form-page{max-width:980px}.form-page>form{display:grid;gap:18px}.form-section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.form-section h2{font-size:20px;margin-bottom:20px}.photo-upload{border:1px dashed #cdbdac;background:#fffaf4;border-radius:14px;padding:17px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.photo-upload>svg{width:27px;color:var(--orange)}.photo-upload div{display:grid;flex:1}.photo-upload span{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid.four{grid-template-columns:repeat(4,1fr)}.form-grid .span-2{grid-column:span 2}.form-grid small,.form-error{color:#b43e2b}.form-section-title{display:flex;justify-content:space-between;align-items:center}.form-section-title button{border:0;background:transparent;color:var(--orange);display:flex;gap:5px;font-weight:800;font-size:12px}.form-section-title svg{width:16px}.dynamic-list{display:grid;gap:10px}.ingredient-row{display:grid;grid-template-columns:90px 95px 1fr 38px;gap:8px}.ingredient-row input,.ingredient-row select,.step-row textarea{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fffdf9}.ingredient-row button,.step-row button{border:0;background:transparent;color:#ad5a4b}.ingredient-row svg,.step-row svg{width:17px}.step-row{display:grid;grid-template-columns:32px 1fr 38px;gap:8px;align-items:center}.step-row>span{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:#fff;border-radius:50%;font-weight:850}.group-checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.group-checkboxes label{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px}.group-checkboxes label>span{font-size:22px}.group-checkboxes label div{display:grid}.group-checkboxes small{color:var(--muted)}.form-footer{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:10px;background:#f6efe6e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;border-radius:15px;z-index:5}.groups-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.group-list{display:grid;align-content:start;gap:8px}.group-list button{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);background:#fff;padding:13px;border-radius:14px}.group-list button.active{border-color:var(--orange);background:#fff4eb}.group-list button>span{font-size:25px}.group-list div{display:grid}.group-list small{color:var(--muted)}.group-panel{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.group-cover{min-height:180px;background:linear-gradient(135deg,#06372f,#0a5145);color:#fff;padding:30px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.group-cover:after{content:"";position:absolute;width:240px;height:240px;border:45px solid rgba(255,255,255,.04);border-radius:50%;right:-70px;top:-90px}.group-cover>span{font-size:60px}.group-cover div{z-index:1}.group-cover h2{font-size:30px;margin:4px 0}.group-cover p{color:#c7d8d3;margin:0}.group-cover>button{margin-left:auto;align-self:start;border:0;background:#ffffff1a;color:#fff;border-radius:50%;padding:8px;z-index:2}.group-panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 12px}.group-panel-head h3{margin:0}.group-panel-head span{font-size:11px;color:var(--muted)}.primary-button.small{font-size:12px;padding:10px 13px}.member-list{padding:0 24px 24px}.member-list article{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.member-list article>div{display:grid;flex:1}.member-list small{color:var(--muted)}.member-list article>button{border:0;background:transparent}.role{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800;background:#f2efe9;border-radius:999px;padding:5px 8px}.role svg{width:12px}.role-eigenaar{color:var(--orange);background:#fff0e5}.role-beheerder{color:var(--green2);background:#e7f2ee}.modal-backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;background:#02151299;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(480px,100%);background:var(--cream);border-radius:24px;padding:30px;position:relative;box-shadow:0 30px 90px #00000040}.modal-close{position:absolute;right:15px;top:13px;border:0;background:transparent;font-size:25px}.modal-icon{width:50px;height:50px;display:grid;place-items:center;background:#ffe9da;color:var(--orange);border-radius:15px}.modal h2{font-size:25px;margin:15px 0 5px}.modal>p{color:var(--muted);font-size:13px}.input-with-button{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding-left:12px}.input-with-button svg{width:17px}.input-with-button input{border:0;flex:1}.input-with-button button{border:0;background:var(--orange);color:#fff;margin:4px;border-radius:8px;width:38px;height:34px;display:grid;place-items:center}.or{text-align:center;margin:20px 0;border-top:1px solid var(--line);height:1px}.or span{position:relative;top:-10px;background:var(--cream);padding:0 10px;font-size:10px;color:var(--muted)}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-buttons button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.share-buttons .whatsapp-button{background:#25d366;color:#073d24;border:0}.modal>small{display:block;color:var(--muted);margin-top:15px;line-height:1.5}.notification-list{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.notification-list article{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid var(--line);position:relative}.notification-list article:last-child{border:0}.notification-list article.unread{background:#fff8f1}.notification-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e7f2ee;color:var(--green2)}.notification-icon.like{color:var(--orange);background:#ffebe1}.notification-icon svg{width:19px}.notification-list article>div:nth-child(2){display:grid;gap:2px}.notification-list p{margin:0;color:#54615d;font-size:13px}.notification-list small{color:var(--muted)}.unread-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--orange)}.text-button{border:0;background:transparent;color:var(--orange);font-weight:800}.notification-note{display:flex;gap:12px;background:#e8f2ee;border-radius:15px;padding:16px;margin-top:15px}.notification-note p{display:grid;margin:0}.notification-note span{color:var(--muted);font-size:12px}.profile-card{display:flex;align-items:center;gap:18px;background:linear-gradient(130deg,var(--green),#0c594b);color:#fff;border-radius:22px;padding:25px;margin-bottom:18px}.profile-avatar{width:75px;height:75px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-size:21px;font-weight:900;position:relative}.profile-avatar button{position:absolute;right:-2px;bottom:0;border:2px solid white;border-radius:50%;background:#fff;color:var(--green);width:24px;height:24px}.profile-card>div:nth-child(2){flex:1}.profile-card h2{margin:0 0 4px}.profile-card p{color:#d2e0dc;margin:0}.profile-card span{font-size:11px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:14px;padding:18px}.settings-card h2{font-size:15px;margin-bottom:10px}.settings-card>button,.settings-card>a{width:100%;border:0;border-top:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 4px}.settings-card>button>svg,.settings-card>a>svg{width:20px;color:var(--green2)}.settings-card span{display:grid;flex:1}.settings-card small{color:var(--muted)}.settings-card .danger{color:#a83d32}.settings-card .danger svg{color:#a83d32}.logout-button{width:100%;border:1px solid #e8c8c1;background:#fff6f3;color:#a83d32;border-radius:13px;padding:13px;display:flex;justify-content:center;gap:8px;font-weight:850}.standalone-page{min-height:100vh;display:grid;place-items:center;padding:60px 20px;position:relative;background:radial-gradient(circle at 50% 20%,#ffe4cd,#fffaf3 47%,#f2eadf)}.standalone-page>.back-link{position:absolute;top:24px;left:28px}.install-card{text-align:center;width:min(600px,100%);background:#ffffffd6;border:1px solid white;border-radius:30px;padding:45px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.install-card>img{width:112px;border-radius:25px;margin:0 auto 22px;box-shadow:0 10px 30px #0000001a}.install-card h1{font-size:43px;margin-bottom:13px}.install-card>p{color:var(--muted);line-height:1.6}.install-button{margin:10px auto 20px;font-size:16px;padding:15px 24px}.installed-message{display:flex;justify-content:center;gap:8px;color:var(--green2);font-weight:850;margin:25px}.ios-steps{display:grid;gap:8px;margin:22px 0;text-align:left}.ios-steps div{display:flex;align-items:center;gap:12px;background:#fff8ef;border-radius:12px;padding:12px}.ios-steps div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);color:#fff;font-weight:900}.ios-steps p{margin:0;display:flex;align-items:center;gap:5px}.ios-steps svg{width:17px}.browser-tip{display:flex;gap:12px;text-align:left;background:#eef6f3;padding:15px;border-radius:14px;margin:20px 0}.browser-tip p{display:grid;margin:0}.install-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-visual{background:linear-gradient(155deg,#042d26f5,#03231dd1),url(https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&w=1400&q=85) center/cover;color:#fff;padding:35px 7vw;display:flex;flex-direction:column;justify-content:space-between}.auth-visual .brand strong{color:var(--orange)}.auth-visual>div h1{font-size:clamp(3.5rem,6vw,6rem)}.auth-visual>div>p{max-width:490px;color:#cbdad6;line-height:1.7;font-size:17px}.auth-quote{display:flex;align-items:center;gap:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);padding:15px;border-radius:16px;max-width:450px}.auth-quote>svg{color:var(--orange)}.auth-quote>span{display:grid}.auth-quote small{color:#b7ccc6}.auth-card{width:min(520px,100%);margin:auto;padding:50px}.mobile-auth-brand{display:none}.auth-card h1{font-size:38px;margin-bottom:9px}.auth-card>p{color:var(--muted)}.auth-card form{display:grid;gap:14px;margin-top:28px}.auth-card label{display:grid;gap:6px;font-size:11px;font-weight:850}.auth-card label>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff}.auth-card label svg{width:18px;color:#87908d}.auth-card input{border:0;outline:0;flex:1;padding:13px 10px}.auth-card label button{border:0;background:transparent}.auth-card label small{color:#b43e2b}.forgot-link{border:0;background:transparent;color:var(--orange);font-size:11px;font-weight:850;justify-self:end}.auth-submit{width:100%;padding:15px}.auth-message{background:#e7f2ee;color:var(--green2);border-radius:10px;padding:11px;font-size:12px}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin:20px 0;border:0;background:transparent;width:100%}.auth-switch button{border:0;background:transparent;color:var(--orange);font-weight:850}.privacy-copy{display:block;text-align:center;color:#969d99;font-size:10px;line-height:1.5}.invite-page{min-height:100vh;background:radial-gradient(circle at 50% 25%,#fff,#fff7ec 52%,#f3e8db)}.invite-page header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.invite-page header>a{color:var(--orange);font-weight:800}.invite-page main{text-align:center;width:min(740px,calc(100% - 30px));margin:20px auto;padding-bottom:60px}.invite-illustration{width:180px;height:180px;border-radius:50%;background:#ffe7d4;margin:0 auto 28px;display:grid;place-items:center;position:relative}.invite-illustration img{width:140px}.invite-illustration>span{position:absolute;background:#fff;border-radius:50%;padding:7px;box-shadow:0 5px 15px #dbc5b0}.invite-illustration>span:nth-child(2){left:-5px;top:35px}.invite-illustration>span:nth-child(3){right:-8px;top:25px}.invite-illustration>span:nth-child(4){right:6px;bottom:5px}.invite-page h1{font-size:clamp(3.2rem,7vw,5.8rem);margin-bottom:16px}.invite-page main>p{color:var(--muted);font-size:17px}.invite-facts{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;margin:28px 0;overflow:hidden}.invite-facts>span{padding:18px;display:grid;border-right:1px solid var(--line)}.invite-facts>span:last-child{border:0}.invite-facts svg{margin:0 auto 5px;width:22px;color:var(--orange)}.invite-facts small{color:var(--muted)}.join-button{font-size:16px;padding:15px 28px}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);margin-top:12px}.secure-note svg{width:14px}.install-invite{display:flex;align-items:center;gap:12px;background:var(--green);color:#fff;border-radius:17px;padding:16px 20px;text-align:left;margin-top:38px}.install-invite>svg{color:var(--orange)}.install-invite>div{display:grid;flex:1}.install-invite span{color:#c6d7d2;font-size:11px}.install-invite a{background:#fff;color:var(--green);padding:9px 12px;border-radius:9px;font-weight:850;font-size:12px}.success-icon{width:65px;height:65px;border-radius:50%;background:#dff1e8;color:var(--green2);display:grid;place-items:center;margin:0 auto 18px}@media (max-width:1050px){.app-main{padding-left:0}.side-nav{display:none}.mobile-brand{display:block}.topbar{padding:0 24px}.app-main>main{padding:0 24px 110px}.hero-copy{padding:42px}.groups-layout{grid-template-columns:230px 1fr}.detail-page{margin:-86px -24px 0}.recipe-grid,.advanced-filters{grid-template-columns:repeat(2,1fr)}.bottom-nav{position:fixed;z-index:80;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));height:70px;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;background:#fffdf9f0;border:1px solid white;border-radius:22px;box-shadow:0 10px 40px #18120c2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{display:grid;place-items:center;gap:1px;font-size:9px;color:#68726e;min-width:52px}.bottom-nav a.active{color:var(--orange)}.bottom-nav svg{width:21px}.bottom-nav .add-button{width:54px;height:54px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange2),var(--orange));color:#fff;box-shadow:0 8px 22px #f45b0b59;transform:translateY(-12px)}.bottom-nav .add-button svg{width:28px}.toast{bottom:100px}.auth-page{grid-template-columns:.9fr 1.1fr}.form-grid.four{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.app-main>main{padding:0 14px 100px}.topbar{height:72px;padding:0 15px}.topbar .brand{font-size:20px}.topbar .brand img{width:38px;height:38px}.group-switcher,.demo-pill{display:none}.page{padding:23px 0}.hero{grid-template-columns:1fr;min-height:455px}.hero-copy{padding:30px 24px 210px}.hero h1{font-size:3.15rem}.hero p{font-size:15px}.hero .primary-button{display:none}.hero-image{position:absolute;left:0;right:0;bottom:0;min-height:215px;clip-path:ellipse(100% 78% at 67% 100%);background-position:center 55%}.hero-image:after{background:linear-gradient(180deg,#fff7ed 0,transparent 48%)}.quick-actions{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:-21px;position:relative;z-index:3}.quick-actions button{display:grid;justify-items:center;text-align:center;padding:12px 4px;border-radius:15px;gap:5px}.quick-actions svg{width:22px}.quick-actions small{display:none}.quick-actions b{font-size:11px}.search-launcher{font-size:13px;margin-bottom:28px}.recipe-grid{grid-template-columns:1fr 1fr;gap:10px}.horizontal-scroll{display:flex;overflow:auto;margin-right:-14px;padding-right:14px;scroll-snap-type:x mandatory}.horizontal-scroll .recipe-card{min-width:74vw;scroll-snap-align:start}.recipe-image{height:155px}.recipe-body h3{font-size:15px;padding-right:45px}.recipe-body p{font-size:11px}.recipe-meta{font-size:10px}.section-heading h2{font-size:20px}.section-heading a{font-size:12px}.activity-card{grid-template-columns:auto 1fr;padding:14px}.activity-stats{display:none}.activity-recipe img{width:105px;height:75px}.activity-recipe span,.activity-recipe small{font-size:11px}.popular-row{gap:8px;overflow:auto}.popular-row button{min-width:92px;font-size:10px}.page-title{align-items:flex-start}.page-title h1{font-size:2.6rem}.page-title .primary-button{font-size:0;width:42px;height:42px;padding:0}.page-title .primary-button svg{width:20px}.advanced-filters,.discover-page .recipe-grid{grid-template-columns:1fr 1fr}.detail-page{margin:-72px -14px 0}.detail-hero{height:68vh;min-height:500px}.detail-top{padding:92px 18px 0}.detail-title{width:calc(100% - 36px);bottom:28px}.detail-title h1{font-size:3rem}.detail-content{padding:20px 15px 100px}.detail-actions{overflow:auto}.detail-actions>*{white-space:nowrap}.recipe-description{font-size:16px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid div:nth-child(2){border-right:0}.stat-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-columns{grid-template-columns:1fr;gap:35px}.ingredients li{grid-template-columns:90px 1fr}.comments form button{font-size:0;width:40px}.comments form button:after{content:"➜";font-size:15px}.form-section{padding:17px;margin:0 -2px}.form-grid,.form-grid.four{grid-template-columns:1fr 1fr}.ingredient-row{grid-template-columns:65px 75px 1fr 28px}.group-checkboxes,.groups-layout{grid-template-columns:1fr}.group-list{display:flex;overflow:auto}.group-list button{min-width:220px}.group-cover{padding:22px}.group-cover>span{font-size:43px}.member-list,.group-panel-head{padding-left:16px;padding-right:16px}.role{font-size:0}.role svg{width:15px}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{padding:30px 24px}.mobile-auth-brand{display:block;margin-bottom:35px}.auth-card h1{font-size:34px}.invite-page header{height:70px}.invite-facts{grid-template-columns:1fr 1fr 1fr}.invite-facts>span{padding:13px 5px}.invite-facts b{font-size:12px}.invite-facts small{font-size:9px}.install-invite{padding:14px}.install-invite>svg{display:none}.install-card{padding:32px 20px}.profile-card{display:grid;grid-template-columns:auto 1fr}.profile-card>.secondary-button{grid-column:1/3}.form-footer{bottom:88px}.share-buttons{grid-template-columns:1fr}.bottom-nav{left:8px;right:8px}.top-actions{gap:6px}}@media (max-width:430px){.recipe-grid,.discover-page .recipe-grid{grid-template-columns:1fr}.horizontal-scroll .recipe-card{min-width:78vw}.form-grid,.form-grid.four{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.quick-actions{grid-template-columns:repeat(4,1fr)}.advanced-filters{grid-template-columns:1fr}.activity-avatar{display:none}.activity-card{grid-template-columns:1fr}.install-invite a{padding:8px;font-size:10px}}:root{color:#f5f1e8;background:#0b0d0c;--green:#082e27;--green2:#21b995;--orange:#ff5a00;--orange2:#ff8a00;--cream:#151817;--muted:#a5aaa6;--line:#343a37;--shadow:0 22px 60px rgba(0,0,0,.38)}body{color:#f5f1e8;background:radial-gradient(circle at 72% -10%,rgba(255,90,0,.16),transparent 35rem),repeating-linear-gradient(135deg,rgba(255,255,255,.013) 0,rgba(255,255,255,.013) 1px,transparent 1px,transparent 9px),#0b0d0c}h1,h2,h3,.primary-button,.secondary-button,.side-nav nav a,.quick-actions b,.page-title h1{font-family:Arial Narrow,Bahnschrift Condensed,Impact,Inter,sans-serif}h1,.page-title h1{text-transform:uppercase;letter-spacing:-.035em}.brand{display:block;font-size:0;line-height:0}.brand-logo{width:166px!important;height:auto!important;max-height:106px;-o-object-fit:contain!important;object-fit:contain!important}.brand-emblem{width:48px!important;height:48px!important;-o-object-fit:contain;object-fit:contain}.side-nav{background:linear-gradient(180deg,#0b0d0c 0,#111513 67%,#080a09);border-right-color:#303633;box-shadow:12px 0 40px #0000002e}.side-nav>.brand{margin:-5px 5px 25px}.side-nav nav a{border-radius:9px;color:#a8adaa;text-transform:uppercase;letter-spacing:.045em}.side-nav nav a:hover{background:#191d1b;color:#fff}.side-nav nav a.active{background:linear-gradient(90deg,#ff5a003b,#ff5a000a);color:#ff7a18;box-shadow:inset 3px 0 #ff5a00}.side-card{border-radius:10px;border:1px solid #3c443f;background:linear-gradient(135deg,#18201d,#0d100f)}.profile-link{border-top-color:#303633}.profile-link b{color:#fff}.avatar{background:linear-gradient(145deg,#ff7900,#cf2900);color:#fff;border:1px solid #ff9d45}.profile-link small{color:#9ca29e}.app-main,.page{color:#f5f1e8}.topbar{background:#0b0d0ce0;border-bottom-color:#2d3330;box-shadow:0 8px 25px #00000021}.group-switcher span{color:#858b87}.group-switcher select{color:#f4f1e8}.group-switcher option{background:#141716}.icon-button,.avatar-button{background:#171b19;border-color:#39403c;color:#f5f1e8}.notification-count{border-color:#111513}.demo-pill{color:#ffc397;background:#3a1d0c;border:1px solid #6f3411}.hero{min-height:430px;border:1px solid #3a403d;border-radius:16px;background:#131715;box-shadow:0 28px 70px #00000073}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(95deg,#121514 0,#121514 43%,#121514d4 56%,#1215140a);pointer-events:none}.hero:after{background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 10px);z-index:1}.hero-copy{position:relative;z-index:2}.hero h1{max-width:620px;font-weight:950;line-height:.84;text-shadow:0 5px 22px rgba(0,0,0,.5)}.hero p{color:#c5cbc6}.hero em{color:#ff7618}.hero-image{clip-path:none;filter:saturate(1.22) contrast(1.09)}.hero-image:after{background:linear-gradient(90deg,#121514 0,rgba(18,21,20,.7) 15%,transparent 56%)}.eyebrow{color:#ff7618}.primary-button,.secondary-button{border-radius:7px;text-transform:uppercase;letter-spacing:.035em}.primary-button{background:linear-gradient(145deg,#ff8900,#e63f00);border:1px solid #ff9d3f;box-shadow:0 10px 26px #ff480040}.secondary-button{background:#202421;border-color:#454c48;color:#f6f2e9}.quick-actions button,.search-launcher,.recipe-card,.activity-card,.search-bar,.advanced-filters,.empty-state,.stat-grid,.comments form,.form-section,.group-list button,.group-panel,.notification-list,.settings-card{background:linear-gradient(155deg,#1a1e1c,#121514);border-color:#343a37;color:#f5f1e8;box-shadow:0 10px 30px #0003}.quick-actions button,.search-launcher,.search-bar,.advanced-filters,.form-section,.settings-card{border-radius:10px}.quick-actions button:hover{border-color:#ff6a11;transform:translateY(-1px)}.quick-actions svg,.search-launcher svg:first-child{color:#ff7217}.search-launcher{color:#aeb3af}.search-launcher svg:last-child{background:#ff5a00;color:#fff;border-radius:6px}.section-heading h2,.recipe-body h3,.activity-content b,.popular-row button{color:#f6f1e8}.section-heading h2{text-transform:uppercase;letter-spacing:.025em}.recipe-card{border-radius:12px}.recipe-image{filter:saturate(1.15) contrast(1.05)}.recipe-body p,.recipe-meta,.activity-content>p span,.activity-recipe span,.page-title p{color:#9fa5a1}.category-badge{background:#0c0f0ee6;border:1px solid rgba(255,122,24,.55);color:#ff8628;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.save-button{background:#0e1110e6;color:#fff;border:1px solid #474e4a}.like-button{background:transparent}.mini-avatar{background:#ff5a00}.activity-card{border-radius:12px}.activity-recipe img{border-radius:7px}.popular-row img{border-radius:10px}.rank{border-radius:6px;border-color:#0b0d0c}.page-title>svg{color:#ff7217}.filter-chips button{background:#171b19;border-color:#363c39;color:#b9beba;border-radius:7px}.filter-chips button.active{background:#ff5a00;border-color:#ff7b25;color:#fff}.advanced-filters label,.form-grid label,.modal label{color:#b4bab6}.advanced-filters select,.form-grid input,.form-grid textarea,.form-grid select,.modal input,.ingredient-row input,.ingredient-row select,.step-row textarea,.auth-card label>div{background:#0e1110;border-color:#3a413d;color:#f7f3ea}.search-bar input,.comments form input,.auth-card input{color:#f7f3ea}.search-bar input::-moz-placeholder,.auth-card input::-moz-placeholder,.form-grid input::-moz-placeholder,.form-grid textarea::-moz-placeholder{color:#737a76}.search-bar input::placeholder,.auth-card input::placeholder,.form-grid input::placeholder,.form-grid textarea::placeholder{color:#737a76}.detail-actions button,.detail-actions a,.ingredient-heading>div{background:#181c1a;border-color:#3b423e;color:#f5f1e8}.temperature-card,.tip,.notification-note{background:#15231f;color:#e8eee9}.tip p{color:#bac6bf}.form-section{border-radius:12px}.photo-upload{background:#111412;border-color:#505751;border-radius:8px}.ingredient-row input,.ingredient-row select,.step-row textarea{border-radius:7px}.group-checkboxes label{background:#121513;border-color:#393f3c;border-radius:8px}.form-footer{background:#0b0d0ce6}.group-list button{border-radius:8px}.group-list button.active{border-color:#ff6d10;background:#2a190f}.group-panel{border-radius:12px}.group-cover{background:linear-gradient(120deg,#1e2622,#081f1a 55%,#321306);border-bottom:1px solid #3b423e}.role{background:#252a27}.role-eigenaar{background:#3a1d0d}.role-beheerder{background:#123229}.modal{background:#171a18;border:1px solid #404642;border-radius:12px}.modal-icon{background:#3c1d0c;border-radius:7px}.input-with-button,.share-buttons button{background:#0f1211;border-color:#3b423e;color:#f5f1e8}.or span{background:#171a18}.notification-list article.unread{background:#251a12}.notification-icon{background:#163129}.notification-icon.like{background:#3b1d0e}.profile-card{background:linear-gradient(130deg,#111816,#0a3028 55%,#3a1806);border:1px solid #404743;border-radius:12px}.logout-button{background:#2b1512;border-color:#6d2d22;color:#ff9b88}.standalone-page,.invite-page{background:radial-gradient(circle at 50% 14%,rgba(255,83,0,.18),transparent 28rem),repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0,rgba(255,255,255,.014) 1px,transparent 1px,transparent 9px),#0b0d0c}.install-card{background:#141715f0;border-color:#3b413e;border-radius:14px}.ios-steps div{background:#111412}.browser-tip{background:#14221e}.auth-page{background:#0b0d0c}.auth-visual{background:linear-gradient(155deg,#050a08f2,#17110bc7),url(https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&w=1400&q=85) center/cover}.auth-card{background:#0b0d0c}.auth-quote{border-radius:9px}.invite-page header{border-bottom:1px solid #2f3532;background:#0b0d0cbd}.invite-illustration{background:#20150f;border:1px solid #55301a}.invite-illustration>span{background:#1a1e1c}.invite-facts{background:#151817;border-color:#383e3b;border-radius:10px}.install-invite{background:#121916;border:1px solid #3d4541;border-radius:9px}.install-invite a{background:#ff5a00;color:#fff;border-radius:5px}.bottom-nav{background:#0d100ef5!important;border-color:#373d3a!important;border-radius:13px!important}.bottom-nav a{color:#969d98!important}.bottom-nav a.active{color:#ff791f!important}.toast{background:#181c1a;border:1px solid #4a514d;border-radius:8px}@media (max-width:720px){.topbar .brand-logo{width:96px!important;max-height:66px}.mobile-auth-brand .brand-logo{width:150px!important}.invite-page header .brand-logo{width:118px!important}.hero{min-height:480px;border-radius:12px}.hero:before{background:linear-gradient(180deg,#121514 0,#121514 36%,#121514bf 57%,#12151414)}.hero-copy{padding:28px 22px 215px}.hero h1{font-size:3.35rem}.hero-image{filter:saturate(1.25) contrast(1.1)}.hero-image:after{background:linear-gradient(180deg,#121514 0,rgba(18,21,20,.62) 25%,transparent 62%)}.quick-actions button{border-radius:8px}.recipe-card{border-radius:10px}}.auth-card label>div{background:#0b0e0d;border-color:#505753}.auth-card label>div:focus-within{border-color:#ff7217;box-shadow:0 0 0 3px #ff5a0029}.auth-card input{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff;caret-color:#ff7217}.auth-card input::-moz-placeholder{color:#858d88!important;opacity:1}.auth-card input::placeholder{color:#858d88!important;opacity:1}.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:hover,.auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#ff7217;box-shadow:0 0 0 1000px #0b0e0d inset;-webkit-transition:background-color 9999s ease-out;transition:background-color 9999s ease-out}.auth-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(circle at 50% 20%,rgba(255,90,0,.16),transparent 28rem),#0b0d0c;color:#b9bfba}.auth-loading .brand-logo{width:190px!important}.auth-loading span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.empty-state .primary-button{margin-top:14px}.profile-avatar{border:1px solid #ff9d45;color:#fff;padding:0}.profile-avatar>span{position:absolute;right:-2px;bottom:0;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#fff;color:#12201b;width:25px;height:25px;font-size:16px}.profile-edit-modal{width:min(560px,calc(100% - 28px))}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.profile-edit-modal textarea{background:#0e1110;border:1px solid #3a413d;border-radius:10px;padding:11px;color:#f7f3ea;resize:vertical}.profile-edit-modal label small{color:#8f9691}.create-group-button{min-height:50px;padding:14px 22px;font-size:14px;border-width:2px;box-shadow:0 0 0 4px #ff5a001f,0 14px 32px #ff480057}.create-group-button svg{width:21px}.create-group-submit{margin-top:18px;font-size:15px}.group-onboarding{display:flex;align-items:center;gap:22px;padding:28px;background:linear-gradient(120deg,#171b19,#29150b);border:1px solid #5b321b;border-radius:12px}.group-onboarding>span{font-size:48px}.group-onboarding>div{flex:1}.group-onboarding h2{margin-bottom:5px}.group-onboarding p{margin:0;color:var(--muted)}.generated-link{display:flex;align-items:center;gap:9px;margin:14px 0;padding:11px;background:#14251f;border:1px solid #275443;border-radius:8px;color:#cfe6dc;font-size:12px}.generated-link svg{width:17px;color:#35cf9d}.curated-chip{position:absolute;right:12px;bottom:12px;background:#ff5a00;color:#fff;border:1px solid #ffa15d;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.curated-source{margin:-12px 0 28px;padding:12px 14px;border-left:3px solid #ff5a00;background:#171b19;color:#b9bfba;font-size:12px}.curated-source a{color:#ff842f;font-weight:800}.invite-group-button{white-space:nowrap}@media (max-width:720px){.page-title .create-group-button{width:auto;height:auto;padding:12px 14px;font-size:11px}.page-title .create-group-button span{display:inline}.group-onboarding{display:grid;text-align:center;padding:24px 18px}.group-onboarding>div{width:100%}.group-onboarding .create-group-button{width:100%}.modal-actions>*{flex:1}.invite-group-button{font-size:0}.invite-group-button svg{margin:0}}.topbar{border-bottom-width:2px}.side-nav{border-right-width:2px}.page-title h1{position:relative;display:inline-block;text-shadow:0 3px 18px rgba(0,0,0,.72)}.page-title h1:after{content:"";display:block;width:58%;height:4px;margin-top:7px;background:linear-gradient(90deg,#ff4b00,#ff9a22 72%,transparent);transform:skew(-24deg);box-shadow:0 0 14px #ff52006b}.hero,.recipe-card,.activity-card,.group-panel,.settings-card,.notification-list,.form-section{border-top-width:2px}.recipe-card,.activity-card,.settings-card,.group-panel{box-shadow:0 16px 36px #00000057,inset 0 1px #ffffff06}.recipe-card{position:relative;overflow:hidden}.recipe-card:before{content:"";position:absolute;z-index:2;left:0;top:0;width:46px;height:3px;background:#ff5a00;box-shadow:0 0 13px #ff5a00a6}.primary-button{font-weight:950;border-width:2px;box-shadow:0 0 0 3px #ff5a001a,0 12px 28px #e4380052}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{font-weight:900;border-width:2px}.category-badge,.filter-chips button,.role{font-weight:900}.avatar,.mini-avatar,.profile-avatar,.avatar-preview{overflow:hidden;isolation:isolate}.avatar img,.mini-avatar img,.profile-avatar img,.avatar-preview img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.profile-avatar{box-shadow:0 0 0 4px #111513,0 0 0 6px #ff5a00,0 12px 28px #00000061}.avatar-editor{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:8px 18px;margin:20px 0;padding:16px;background:linear-gradient(145deg,#101311,#1c201e);border:1px solid #414844;border-top:2px solid #ff5a00;border-radius:9px}.avatar-preview{grid-row:1/3;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff7900,#ca2b00);border:2px solid #ff9b51;color:#fff;font-size:24px;font-weight:950}.avatar-picker{width:-moz-max-content;width:max-content;cursor:pointer;display:inline-flex!important;align-items:center;gap:8px;padding:10px 14px!important}.avatar-picker svg{width:18px}.avatar-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.avatar-editor small{color:#8f9691}@media (max-width:520px){.avatar-editor{grid-template-columns:72px 1fr;gap:7px 14px;padding:13px}.avatar-preview{width:72px;height:72px}.avatar-picker{font-size:10px;padding:9px 10px!important}}.friend-count{min-width:96px;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:0 8px;padding:12px 17px;background:linear-gradient(145deg,#1b201d,#101311);border:1px solid #414844;border-top:2px solid #ff5a00;border-radius:9px;box-shadow:0 14px 30px #00000040}.friend-count svg{grid-row:1/3;width:27px;color:#ff7217}.friend-count b{font-size:19px;line-height:1}.friend-count small{color:#969d98;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.friend-invite-card{display:grid;grid-template-columns:1fr minmax(380px,.8fr);align-items:center;gap:28px;margin-bottom:30px;padding:23px;background:linear-gradient(120deg,#171b19,#25150d);border:1px solid #54301b;border-top:2px solid #ff5a00;border-radius:11px;box-shadow:0 18px 42px #0000004d}.friend-invite-card>div{display:flex;align-items:center;gap:15px}.friend-invite-card h2{margin:0 0 4px;text-transform:uppercase;font-size:20px}.friend-invite-card p{margin:0;color:#a7ada8;font-size:12px}.friend-icon{width:50px;height:50px;display:grid;place-items:center;flex:none;background:#3b1d0d;color:#ff7620;border:1px solid #6a3211;border-radius:8px}.friend-icon svg{width:25px}.friend-invite-card form{display:flex;align-items:center;padding:5px 5px 5px 13px;background:#0d100f;border:1px solid #424945;border-radius:9px}.friend-invite-card form>svg{width:18px;color:#828a85}.friend-invite-card input{min-width:0;flex:1;padding:11px;border:0;outline:0;background:transparent;color:#fff}.friend-invite-card .primary-button{padding:10px 14px;white-space:nowrap;font-size:11px}.friends-error{margin:-14px 0 25px;padding:12px 14px;background:#321713;border:1px solid #783128;border-left:4px solid #ff5a00;border-radius:7px;color:#ffb09f;font-size:12px}.friend-section{margin:30px 0}.friend-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.friend-section-title h2{margin:0 0 3px;text-transform:uppercase;font-size:21px}.friend-section-title p{margin:0;color:#999f9b;font-size:12px}.friend-search{display:flex;align-items:center;gap:7px;padding:8px 11px;background:#111412;border:1px solid #3b423e;border-radius:7px}.friend-search svg{width:16px;color:#ff7217}.friend-search input{width:150px;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.friend-list{display:grid;background:linear-gradient(155deg,#191d1b,#111412);border:1px solid #383f3b;border-top:2px solid #474e4a;border-radius:10px;overflow:hidden}.friend-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid #323835}.friend-row:last-child{border:0}.friend-row.pending{background:linear-gradient(90deg,rgba(255,90,0,.1),transparent 60%)}.friend-row>div:nth-child(2){display:grid;gap:3px}.friend-row small{display:flex;align-items:center;gap:4px;color:#8f9691;font-size:11px}.friend-row small svg{width:13px}.friend-avatar{width:45px;height:45px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#ff7900,#bf2600);border:2px solid #ff9651;color:#fff;font-weight:950;font-size:12px;box-shadow:0 7px 18px #0000004d}.friend-avatar.large{width:62px;height:62px;font-size:15px}.friend-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.friend-actions{display:flex!important;flex-direction:row!important;gap:7px!important}.friend-actions button{height:36px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:6px;font-size:10px;font-weight:900;text-transform:uppercase}.friend-actions svg{width:16px}.accept-friend{padding:0 12px;border:1px solid #ff8d3b;background:#ff5a00;color:#fff}.decline-friend{width:36px;border:1px solid #484f4b;background:#1b1f1d;color:#bbb}.friend-status{padding:6px 9px;background:#252a27;border:1px solid #3f4642;border-radius:5px;color:#aeb4af;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.friend-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;background:linear-gradient(145deg,#1a1e1c,#111412);border:1px solid #3a413d;border-top:2px solid #ff5a00;border-radius:10px;box-shadow:0 14px 30px #00000045}.friend-card h3{margin:0 0 4px;font-size:17px}.friend-card p{margin:0;color:#8f9691;font-size:10px;line-height:1.4}.friend-card>button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #434a46;background:#151917;color:#8f9691;border-radius:7px}.friend-card>button:hover{color:#ff8d72;border-color:#74392e}.friend-card>button svg{width:17px}.friend-empty{min-height:190px;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px;background:linear-gradient(145deg,#1a1e1cb8,#0f1210b8);border:1px dashed #444b47;border-radius:10px}.friend-empty>svg{width:42px;height:42px;color:#ff6712;margin-bottom:12px}.friend-empty h3{margin:0 0 4px;text-transform:uppercase}.friend-empty p{margin:0;color:#8f9691}.friend-loader{width:28px;height:28px;border:3px solid #3f4642;border-top-color:#ff5a00;border-radius:50%;animation:friend-spin .8s linear infinite}@keyframes friend-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.friend-invite-card{grid-template-columns:1fr}.friend-grid{grid-template-columns:1fr 1fr}.bottom-nav{padding-left:8px;padding-right:8px}.bottom-nav a{min-width:46px}}@media (max-width:620px){.friend-count{padding:9px 11px;min-width:78px}.friend-invite-card{padding:16px}.friend-invite-card form{display:grid;grid-template-columns:auto 1fr}.friend-invite-card form .primary-button{grid-column:1/3;width:100%}.friend-grid{grid-template-columns:1fr}.friend-section-title{align-items:stretch;flex-direction:column}.friend-search input{width:100%}.friend-row{grid-template-columns:auto 1fr}.friend-row>.friend-actions,.friend-row>.friend-status{grid-column:1/3;justify-self:stretch}.friend-actions button:first-child{flex:1}.friend-status{text-align:center}.bottom-nav a{min-width:42px}.bottom-nav a span{font-size:8px}.bottom-nav .add-button{width:48px;height:48px}}.community-page{max-width:1280px;margin:0 auto}.community-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(560px,100%);margin:32px 0 -12px;padding:5px;background:#0d100f;border:1px solid #3a413d;border-radius:11px;box-shadow:0 14px 34px #00000040}.community-tabs button{display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:#8f9691;text-align:left}.community-tabs button>svg{width:22px}.community-tabs button>span{display:grid;gap:1px}.community-tabs b{text-transform:uppercase;font-family:Arial Narrow,Bahnschrift Condensed,Impact,Inter,sans-serif;font-size:13px;letter-spacing:.04em}.community-tabs small{font-size:9px}.community-tabs button.active{background:linear-gradient(145deg,#2f190d,#1c1511);border-color:#713813;color:#ff7a20;box-shadow:inset 3px 0 #ff5a00,0 8px 18px #00000040}.friend-invite-actions{display:grid!important;align-items:stretch!important;gap:8px!important}.whatsapp-friend-button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2cd26d;border-radius:8px;background:#1e9f50;color:#fff;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.025em}.whatsapp-friend-button:hover{background:#24b85c}.whatsapp-friend-button:disabled{opacity:.65}.whatsapp-friend-button svg{width:18px}.friend-invite-page .invite-illustration>span:nth-child(3){font-size:25px}@media (max-width:720px){.community-tabs{width:100%;margin:17px 0 -6px}.community-tabs button{justify-content:center;padding:10px 8px}.community-tabs small{display:none}.friend-invite-actions{width:100%}}.friend-title-actions{display:flex;align-items:center;gap:9px}.compact-add-friend{min-height:44px;padding:9px 13px!important;font-size:10px}.compact-add-friend svg{width:17px}.compact-friend-modal{width:min(430px,calc(100% - 28px))}.compact-friend-form{margin-top:18px}.compact-friend-form label{display:grid;gap:6px}.compact-friend-modal .whatsapp-friend-button{width:100%}.form-section-note{margin:-10px 0 18px;color:#979e99;font-size:12px}.share-empty-note{margin:0;padding:13px;background:#111412;border:1px dashed #444b47;border-radius:8px;color:#969d98;font-size:12px}.friend-checkboxes label{border-top:2px solid #424944}.friend-share-avatar{width:38px!important;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#ff7900,#bf2600);border:1px solid #ff9651;color:#fff;font-size:10px;font-weight:950}.friend-share-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.group-invite-modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 30px));overflow:auto}.invite-friend-picker{display:grid;gap:7px;margin:17px 0;padding:12px;background:#0e1110;border:1px solid #3b423e;border-radius:8px}.invite-friend-picker>b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9da39f}.invite-friend-picker article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;border-top:1px solid #303633}.invite-friend-picker article>div{display:grid;gap:2px}.invite-friend-picker article small{color:#858c87;font-size:9px}.invite-friend-picker article>button{padding:7px 9px;display:flex;align-items:center;gap:4px;border:1px solid #ff8030;border-radius:5px;background:#2d190f;color:#ff8a3c;font-size:9px;font-weight:900;text-transform:uppercase}.invite-friend-picker article>button:disabled{opacity:.65}.invite-friend-picker article>button svg{width:13px}.pending-group-invites{margin:0 0 22px;padding:14px;background:linear-gradient(120deg,#21160f,#121513);border:1px solid #5a3117;border-top:2px solid #ff5a00;border-radius:9px}.pending-group-invites h2{margin:0 0 10px;text-transform:uppercase;font-size:15px}.pending-group-invites article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:9px;border-top:1px solid #413227}.pending-group-invites article>span{font-size:27px}.pending-group-invites article>div{display:grid}.pending-group-invites small{color:#999f9b}.pending-group-invites .accept-friend,.pending-group-invites .decline-friend{height:34px}@media (max-width:720px){.friend-title-actions{display:grid;justify-items:end}.friend-count{min-width:72px}.compact-add-friend{font-size:0;width:42px;height:42px;padding:0!important}.compact-add-friend svg{margin:0}.friend-checkboxes{grid-template-columns:1fr}.pending-group-invites article{grid-template-columns:auto 1fr}.pending-group-invites article>button{grid-row:2;justify-self:stretch}.pending-group-invites .accept-friend{grid-column:1/2}.pending-group-invites .decline-friend{grid-column:2/3;width:auto}.invite-friend-picker article{grid-template-columns:auto 1fr}.invite-friend-picker article>button{grid-column:1/3;justify-content:center}}.pending-group-invites article{grid-template-columns:auto minmax(0,1fr) 30px 30px;gap:8px}.pending-group-invites article>div{min-width:0}.pending-group-invites .pending-invite-action{width:30px!important;height:30px!important;min-width:30px;padding:0!important;display:grid!important;place-items:center;justify-self:end!important;grid-column:auto!important;grid-row:auto!important;border-radius:6px!important}.pending-group-invites .pending-invite-action svg{width:14px;height:14px;margin:0}.detail-actions .whatsapp-recipe-share{background:#168a47;border-color:#28bd68;color:#fff}.detail-actions .whatsapp-recipe-share:hover{background:#1ca456}@media (max-width:720px){.pending-group-invites article{grid-template-columns:auto minmax(0,1fr) 30px 30px}.pending-group-invites article>span{font-size:23px}}.comments form{background:#0d100f!important;border-color:#424944!important}.comments form input{min-width:0;background:#090b0a!important;color:#f8f5ee!important;border:1px solid #3d4541!important;border-radius:8px!important;padding:11px 13px!important}.comments form input::-moz-placeholder{color:#858c87!important;opacity:1}.comments form input::placeholder{color:#858c87!important;opacity:1}.comments form input:focus{border-color:#ff6b12!important;box-shadow:0 0 0 3px #ff5a0026}.comment{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start}.comment .delete-comment{width:30px;height:30px;padding:0;border:1px solid #5c332b;border-radius:6px;background:#281612;color:#ff8d79;display:grid;place-items:center}.comment .delete-comment:hover{background:#3a1b15;color:#ffb1a3}.comment .delete-comment svg{width:14px;height:14px}@media (max-width:520px){.comment{grid-template-columns:auto minmax(0,1fr) auto}.comment>small{grid-column:2/3}.comment .delete-comment{grid-column:3;grid-row:1/3}}