:root{--food:#f97316;--food-dark:#d95708;--fresh:#16a34a;--cream:#fff7ed;--ink:#172033;--muted:#667085;--line:#e7eaf0;--white:#fff;--surface:#f6f7fb;--shadow:0 24px 70px rgba(23,32,51,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,234,240,.8)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,var(--food),#fb923c);color:#fff;font-weight:900;letter-spacing:-1px;box-shadow:0 10px 24px rgba(249,115,22,.25)}.brand span:last-child{display:grid;line-height:1.15}.brand strong{font-size:.88rem;letter-spacing:.08em}.brand small{font-size:.72rem;color:var(--muted);margin-top:4px}.nav-links{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:650}.nav-links>a:not(.button):hover{color:var(--food)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:var(--food);color:#fff;padding:14px 22px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(249,115,22,.2);transition:.2s transform,.2s background}.button:hover{background:var(--food-dark);transform:translateY(-1px)}.button-small{padding:10px 16px;border-radius:12px}.button-outline{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button-outline:hover{background:var(--cream);color:var(--food)}.button-light{background:#fff;color:var(--ink);box-shadow:none}.button-dark{background:var(--ink);box-shadow:none}.button-full{width:100%}.eyebrow{display:inline-block;color:var(--food);font-size:.72rem;font-weight:900;letter-spacing:.16em;margin-bottom:14px}.hero{overflow:hidden;background:radial-gradient(circle at 80% 30%,#ffedd5 0,rgba(255,237,213,0) 35%),linear-gradient(180deg,#fff 0,#fffaf5 100%);padding:76px 0 84px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.hero h1{font-size:clamp(3rem,5.7vw,5.7rem);line-height:.98;letter-spacing:-.065em;margin:0 0 26px}.hero h1 span{color:var(--food)}.hero p{font-size:1.08rem;color:var(--muted);max-width:650px}.search-bar{display:flex;background:#fff;padding:8px;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(23,32,51,.09);margin:32px 0 24px}.search-bar input{flex:1;border:0;outline:0;padding:0 18px;min-width:0;color:var(--ink)}.hero-proof{display:flex;gap:26px;color:var(--muted);font-size:.82rem}.hero-proof span{display:grid}.hero-proof strong{font-size:1.1rem;color:var(--ink)}.hero-visual{min-height:520px;position:relative;display:grid;place-items:center}.plate{width:380px;height:380px;border-radius:50%;background:#fff;box-shadow:var(--shadow),inset 0 0 0 28px #fff7ed;display:grid;place-items:center;position:relative;z-index:2}.plate:before,.plate:after{content:"";position:absolute;border-radius:50%}.plate:before{width:255px;height:255px;background:conic-gradient(from 20deg,#f97316,#facc15,#16a34a,#ef4444,#f97316);filter:saturate(.9);box-shadow:inset 0 0 0 36px rgba(255,255,255,.22)}.plate:after{width:145px;height:145px;background:#fff7ed}.plate-center{position:relative;z-index:3;display:grid;text-align:center}.plate-center span{font-size:2.6rem;font-weight:950;letter-spacing:-.08em}.plate-center small{color:var(--muted)}.food-orbit{position:absolute;border:1px dashed rgba(249,115,22,.35);border-radius:50%}.orbit-one{width:470px;height:470px}.orbit-two{width:540px;height:540px;border-color:rgba(22,163,74,.2)}.floating-card{position:absolute;z-index:4;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:0 20px 46px rgba(23,32,51,.13);display:grid}.floating-card b{font-size:1.2rem}.floating-card span{font-size:.76rem;color:var(--muted)}.card-rating{left:0;top:95px}.card-time{right:0;bottom:90px}.category-section,.recipe-section{padding:92px 0}.category-section{background:#fff}.recipe-section{background:var(--surface)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2,.cta-card h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.04em;margin:0}.section-heading p{max-width:430px;color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.2s}.category-card:hover{transform:translateY(-5px);border-color:#fed7aa;box-shadow:0 18px 40px rgba(23,32,51,.08)}.category-card>span{color:#c7ccd6;font-size:.72rem;font-weight:900}.category-card h3{margin:22px 0 3px;font-size:1.15rem}.category-card p{margin:0;color:var(--muted);font-size:.82rem}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.recipe-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 36px rgba(23,32,51,.055);transition:.2s}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(23,32,51,.11)}.recipe-image{height:220px;position:relative;background-size:cover;background-position:center}.recipe-image-1{background:radial-gradient(circle at 30% 35%,#fdba74 0 9%,transparent 10%),radial-gradient(circle at 66% 55%,#4ade80 0 8%,transparent 9%),linear-gradient(135deg,#7c2d12,#fb923c)}.recipe-image-2{background:radial-gradient(circle at 45% 42%,#fde68a 0 14%,transparent 15%),radial-gradient(circle at 68% 50%,#ef4444 0 8%,transparent 9%),linear-gradient(135deg,#14532d,#86efac)}.recipe-image-3{background:radial-gradient(circle at 54% 45%,#fef3c7 0 13%,transparent 14%),radial-gradient(circle at 35% 60%,#f97316 0 9%,transparent 10%),linear-gradient(135deg,#1e3a8a,#93c5fd)}.recipe-image-4{background:radial-gradient(circle at 50% 50%,#fff7ed 0 18%,transparent 19%),radial-gradient(circle at 25% 35%,#22c55e 0 7%,transparent 8%),linear-gradient(135deg,#9a3412,#facc15)}.difficulty{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.92);padding:7px 11px;border-radius:999px;font-size:.7rem;font-weight:850}.favorite-button{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;font-size:1.25rem;cursor:pointer}.recipe-body{padding:23px}.recipe-category{color:var(--fresh);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.recipe-body h3{font-size:1.25rem;line-height:1.25;margin:10px 0 8px}.recipe-body p{color:var(--muted);font-size:.86rem;margin:0;min-height:52px}.recipe-meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;color:#596174;font-size:.75rem;font-weight:700}.cta-section{padding:50px 0 100px;background:var(--surface)}.cta-card{background:linear-gradient(135deg,#172033,#273451);color:#fff;border-radius:32px;padding:54px;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:var(--shadow)}.cta-card p{color:#bdc4d1;max-width:650px}.site-footer{border-top:1px solid var(--line);padding:36px 0;background:#fff}.footer-grid{display:flex;justify-content:space-between;align-items:center}.footer-grid p{color:var(--muted);font-size:.85rem}.alert{padding:14px 16px;border-radius:13px;margin-top:18px;font-size:.88rem;font-weight:650}.alert-success{background:#ecfdf3;color:#087a3d;border:1px solid #bbf7d0}.alert-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.auth-section{min-height:calc(100vh - 180px);display:grid;place-items:center;background:linear-gradient(145deg,#fff7ed,#f6f7fb);padding:70px 20px}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:1fr .85fr;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.auth-intro{padding:58px;background:linear-gradient(145deg,#172033,#263553);color:#fff}.auth-intro h1{font-size:3rem;line-height:1.05;letter-spacing:-.05em}.auth-intro p{color:#c1c7d3}.security-list{list-style:none;padding:0;margin:35px 0 0}.security-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.security-list li:before{content:"✓";color:#4ade80;margin-right:12px;font-weight:900}.auth-form{padding:55px;display:grid;gap:20px;align-content:center}.auth-form h2{font-size:2rem;margin:20px 0 0}.auth-form p{margin:0;color:var(--muted)}.auth-form label{display:grid;gap:8px;font-size:.82rem;font-weight:800}.auth-form input{width:100%;border:1px solid #d8dce5;border-radius:13px;padding:13px 14px;outline:0}.auth-form input:focus{border-color:var(--food);box-shadow:0 0 0 4px rgba(249,115,22,.1)}.text-link{text-align:center;color:var(--food);font-size:.85rem;font-weight:800}.admin-body{background:#f2f4f8}.admin-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#121a2b;color:#fff;padding:26px 20px;display:flex;flex-direction:column;z-index:60}.brand-admin{padding:0 7px 25px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-admin small{color:#8490a6}.sidebar-nav{display:grid;gap:5px;margin-top:22px;overflow:auto}.nav-label{font-size:.62rem;color:#728098;font-weight:900;letter-spacing:.15em;margin:18px 10px 5px}.sidebar-nav a,.nav-disabled{padding:11px 13px;border-radius:11px;font-size:.84rem;color:#b8c0cf;display:flex;justify-content:space-between}.sidebar-nav a.active{background:var(--food);color:#fff;font-weight:800}.nav-disabled b{font-size:.58rem;background:rgba(255,255,255,.08);padding:3px 6px;border-radius:999px;color:#8490a6}.logout-form{margin-top:auto}.admin-main{min-width:0}.admin-topbar{height:82px;padding:0 35px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.admin-topbar>div{display:grid}.admin-topbar small{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.menu-toggle{display:none;border:0;background:#f4f5f8;border-radius:10px;padding:9px 12px}.admin-content{padding:34px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.dashboard-heading h1{font-size:2.25rem;letter-spacing:-.04em;margin:0}.dashboard-heading p{margin:6px 0;color:var(--muted)}.status-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-size:.75rem;font-weight:750}.status-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:7px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:22px;display:flex;gap:15px;align-items:center}.stat-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#fff7ed;color:var(--food);font-weight:950}.stat-card div{display:grid}.stat-card small{color:var(--muted);font-size:.72rem}.stat-card strong{font-size:1.75rem;line-height:1.2}.stat-card em{font-style:normal;color:#16a34a;font-size:.64rem}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin-top:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.panel-heading small{font-size:.62rem;letter-spacing:.13em;color:var(--muted);font-weight:900}.panel-heading h2{margin:2px 0 0;font-size:1.2rem}.panel-heading>span{font-size:.7rem;background:#fff7ed;color:var(--food);padding:7px 10px;border-radius:999px;font-weight:800}.progress-list{display:grid;gap:17px}.progress-row>div:first-child{display:flex;justify-content:space-between;font-size:.76rem;margin-bottom:7px}.progress-track{height:8px;background:#eef0f4;border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--food),#fb923c);border-radius:99px}.metric-stack{display:grid;gap:14px}.metric-stack>div{padding:20px;border-radius:16px;background:#f7f8fa;display:grid}.metric-stack span{font-size:.75rem;color:var(--muted)}.metric-stack strong{font-size:2rem}.metric-stack small{font-size:.68rem;color:var(--fresh)}.audit-panel{margin-top:20px}.audit-table{overflow-x:auto}.audit-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:15px;padding:13px 10px;border-top:1px solid var(--line);font-size:.77rem;align-items:center}.audit-head{border:0;background:#f7f8fa;border-radius:10px;color:var(--muted);font-weight:850}.audit-row time,.audit-row span{color:#667085}.empty-row{padding:25px;text-align:center;color:var(--muted)}.error-page{min-height:70vh;display:grid;place-items:center;text-align:center;padding:60px}.error-page span{font-size:6rem;font-weight:950;color:#fed7aa}.error-page h1{font-size:2.3rem;margin:0}.error-page p{color:var(--muted)}.empty-state{grid-column:1/-1;text-align:center;padding:50px;background:#fff;border-radius:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:430px}.category-grid{grid-template-columns:repeat(2,1fr)}.recipe-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:780px){.container{width:min(100% - 28px,1180px)}.nav-links>a:not(.button){display:none}.hero{padding-top:52px}.hero h1{font-size:3.4rem}.hero-visual{display:none}.search-bar{display:grid;gap:8px}.search-bar input{padding:14px}.hero-proof{gap:12px;justify-content:space-between}.section-heading,.cta-card,.footer-grid,.dashboard-heading{align-items:flex-start;flex-direction:column}.recipe-grid{grid-template-columns:1fr}.auth-card{grid-template-columns:1fr}.auth-intro{display:none}.auth-form{padding:38px 25px}.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;width:270px;transition:.25s}.sidebar.is-open{left:0}.menu-toggle{display:block}.admin-topbar{padding:0 18px}.admin-content{padding:22px 15px}.stats-grid{grid-template-columns:1fr 1fr}.audit-row{min-width:680px}.cta-card{padding:35px}}@media(max-width:520px){.category-grid,.stats-grid{grid-template-columns:1fr}.hero h1{font-size:2.8rem}.hero-proof{font-size:.7rem}.section-heading h2,.cta-card h2{font-size:2rem}.recipe-meta{font-size:.68rem}}

/* Phase 2 CMS */
.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-date{font-size:.75rem;color:var(--muted);font-weight:700}.sidebar-nav a b{font-size:.58rem;min-width:24px;text-align:center;background:rgba(255,255,255,.07);padding:4px 6px;border-radius:7px;color:#8f9bb0}.sidebar-nav a.active b{background:rgba(255,255,255,.18);color:#fff}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{margin:5px 0 4px;font-size:2.25rem;letter-spacing:-.045em}.page-heading p{margin:0;color:var(--muted);font-size:.88rem}.back-link{display:inline-block;color:var(--food);font-weight:800;font-size:.78rem;margin-bottom:8px}.filter-bar{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);padding:13px;border-radius:17px;margin-bottom:18px}.filter-bar input,.filter-bar select,.field input,.field select,.field textarea{width:100%;border:1px solid #d8dde7;background:#fff;color:var(--ink);border-radius:11px;padding:11px 12px;font:inherit;outline:0;transition:.18s}.filter-bar input:focus,.filter-bar select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--food);box-shadow:0 0 0 3px rgba(249,115,22,.1)}.filter-bar select{width:auto;min-width:160px}.search-field{flex:1}.table-panel{padding:0;overflow:hidden}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{padding:13px 18px;background:#f7f8fa;color:#697386;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;text-align:left;border-bottom:1px solid var(--line)}.data-table td{padding:15px 18px;border-bottom:1px solid var(--line);font-size:.78rem;vertical-align:middle}.data-table tbody tr:hover{background:#fcfcfd}.data-table tbody tr:last-child td{border-bottom:0}.align-right{text-align:right!important}.entity-cell,.user-cell{display:flex;align-items:center;gap:12px;min-width:220px}.entity-cell img,.image-placeholder{width:52px;height:46px;border-radius:10px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#fed7aa,#fb923c);color:#7c2d12;font-weight:950}.entity-cell div,.user-cell div{display:grid;gap:3px}.entity-cell small,.user-cell small,.table-subtext{display:block;color:var(--muted);font-size:.68rem}.category-placeholder{background:linear-gradient(135deg,#bbf7d0,#22c55e);color:#14532d}.status-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:850;text-transform:capitalize;letter-spacing:.02em}.status-green{background:#ecfdf3;color:#087a3d}.status-amber{background:#fffbeb;color:#a16207}.status-red{background:#fff1f2;color:#be123c}.status-gray{background:#f1f5f9;color:#475569}.metric-inline{display:flex;align-items:center;gap:5px}.metric-inline small{color:var(--muted);margin-right:8px}.row-actions,.moderation-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.row-actions form,.moderation-actions form{margin:0}.row-actions a,.row-actions button,.mini-action{border:0;background:none;padding:4px;color:#344054;font-size:.72rem;font-weight:800;cursor:pointer}.row-actions a:hover,.mini-action:hover{color:var(--food)}.danger-link{color:#dc2626!important}.table-footer{min-height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 18px;color:var(--muted);font-size:.72rem}.pagination{display:flex;align-items:center;gap:5px}.pagination a,.pagination strong,.pagination .disabled{min-width:32px;height:32px;padding:0 9px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:#fff;color:#475467}.pagination strong{background:#172033;color:#fff;border-color:#172033}.pagination .disabled{opacity:.45}.empty-state-compact{text-align:center;padding:35px}.empty-state-compact p{color:var(--muted);margin:5px 0}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:20px;align-items:start}.editor-main,.editor-sidebar,.settings-layout{display:grid;gap:20px}.form-panel{display:grid;gap:20px}.form-section-heading{display:flex;gap:14px;align-items:start;padding-bottom:17px;border-bottom:1px solid var(--line)}.form-section-heading>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff7ed;color:var(--food);font-size:.68rem;font-weight:950}.form-section-heading h2{margin:0;font-size:1.1rem}.form-section-heading p{margin:4px 0 0;color:var(--muted);font-size:.73rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-2{grid-template-columns:1fr 1fr}.field{display:grid;gap:7px;align-content:start;font-size:.76rem;font-weight:800}.field>span{color:#344054}.field textarea{resize:vertical;line-height:1.55;min-height:80px}.field small{color:var(--muted);font-weight:500;font-size:.65rem}.field-span-2{grid-column:1/-1}.form-actions{display:grid;gap:8px;margin-top:6px}.form-actions.horizontal{display:flex;align-items:center;margin-top:5px}.sticky-panel{position:sticky;top:102px}.current-upload{width:100%;max-height:190px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.category-upload{max-width:260px}.toggle-field{display:flex;align-items:center;gap:10px;font-size:.77rem;font-weight:750;cursor:pointer}.toggle-field input{width:17px;height:17px;accent-color:var(--food)}.tag-selector{display:flex;flex-wrap:wrap;gap:8px}.tag-selector label{cursor:pointer}.tag-selector input{position:absolute;opacity:0}.tag-selector span{display:block;padding:7px 10px;border-radius:999px;border:1px solid var(--line);font-size:.68rem;font-weight:750;color:#5e6675}.tag-selector input:checked+span{background:#fff7ed;border-color:#fdba74;color:#c2410c}.panel-heading.compact{margin-bottom:0}.form-page{max-width:900px}.form-page-narrow{max-width:700px}.comment-cell{max-width:360px}.comment-cell p{margin:0;white-space:normal;line-height:1.5}.rating-stars{color:#f59e0b;letter-spacing:.05em;font-size:.9rem}.user-cell>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#4338ca;font-weight:900}.role-badge{display:inline-flex;padding:5px 8px;border-radius:8px;background:#eef2ff;color:#4338ca;font-size:.62rem;font-weight:850;text-transform:capitalize}.settings-layout{max-width:980px}.settings-toggle{border:1px solid var(--line);padding:15px;border-radius:12px}.settings-toggle span{display:grid;gap:3px}.settings-toggle small{color:var(--muted);font-weight:500}.settings-save{position:sticky;bottom:16px;display:flex;justify-content:flex-end;padding:13px;background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:0 12px 35px rgba(23,32,51,.12);border-radius:15px;backdrop-filter:blur(10px)}.data-table details summary{cursor:pointer;color:var(--food);font-weight:800}.data-table details pre{max-width:330px;max-height:170px;overflow:auto;background:#101828;color:#e4e7ec;padding:12px;border-radius:9px;font-size:.62rem;white-space:pre-wrap}.stats-grid-5{grid-template-columns:repeat(5,1fr)}.dashboard-grid-wide{grid-template-columns:1.5fr .5fr}.mini-chart{height:205px;display:flex;align-items:flex-end;gap:12px;padding:15px 6px 0;overflow-x:auto}.mini-chart-column{height:100%;min-width:38px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.mini-chart-bar{width:28px;min-height:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#fb923c,#f97316);position:relative}.mini-chart-bar b{position:absolute;top:-20px;width:100%;text-align:center;font-size:.62rem}.mini-chart-column small{font-size:.58rem;color:var(--muted);white-space:nowrap}.empty-chart{margin:auto;color:var(--muted)}.status-summary{display:grid;gap:12px}.status-summary>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:.78rem}.status-dot{width:8px;height:8px;border-radius:50%;padding:0}.text-action{display:block;margin-top:20px;color:var(--food);font-size:.75rem;font-weight:850}.compact-list{display:grid}.compact-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:.72rem}.compact-list>div:last-child{border-bottom:0}.compact-list>div>div{display:grid;gap:3px}.compact-list small{color:var(--muted)}.compact-list>b{font-size:.65rem;color:var(--muted)}.activity-list{display:grid}.activity-list>div{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.activity-list>div:last-child{border-bottom:0}.activity-list i{width:9px;height:9px;border-radius:50%;background:#fb923c;margin-top:5px}.activity-list p{margin:0;font-size:.72rem;display:grid;gap:4px}.activity-list small{color:var(--muted)}.alert{position:relative}.alert[data-dismissible]{padding-right:45px;margin-bottom:18px}.alert[data-dismissible]>button{position:absolute;right:12px;top:10px;border:0;background:none;font-size:1.15rem;cursor:pointer;color:inherit}.button-ghost{background:#f5f6f8;color:#344054;border:1px solid var(--line)}.button-full{justify-content:center}.muted{color:var(--muted)}
@media(max-width:1250px){.stats-grid-5{grid-template-columns:repeat(3,1fr)}.editor-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:950px){.editor-layout{grid-template-columns:1fr}.sticky-panel{position:static}.page-heading{align-items:flex-start}.dashboard-grid-wide{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.search-field{flex-basis:100%}.filter-bar select{flex:1}.topbar-date{display:none}}
@media(max-width:680px){.page-heading{flex-direction:column}.page-heading h1{font-size:1.8rem}.stats-grid-5{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.filter-bar select{width:100%;flex-basis:100%}.table-footer{align-items:flex-start;flex-direction:column;gap:10px}.pagination{flex-wrap:wrap}.form-actions.horizontal{flex-direction:column;align-items:stretch}.topbar-actions .button{display:none}.compact-list>div{grid-template-columns:1fr auto}.compact-list>div>b{display:none}}
@media(max-width:430px){.stats-grid-5{grid-template-columns:1fr}.admin-content{padding:18px 11px}.panel{padding:18px}.table-panel{padding:0}.editor-sidebar .panel{padding:18px}}
.chart-h-1{height:15px}.chart-h-2{height:30px}.chart-h-3{height:45px}.chart-h-4{height:60px}.chart-h-5{height:75px}.chart-h-6{height:90px}.chart-h-7{height:105px}.chart-h-8{height:120px}.chart-h-9{height:135px}.chart-h-10{height:150px}
.recipe-image.has-upload{background:#eef0f4}.recipe-image.has-upload>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.search-reset{display:flex;justify-content:center;margin-top:30px}

/* Phase 3 public experience */
.mobile-menu-button{display:none;border:0;background:#fff7ed;color:var(--food);width:42px;height:42px;border-radius:12px;font-size:1.15rem;cursor:pointer}.nav-links a.active{color:var(--food)}.account-pill{display:inline-flex!important;align-items:center;gap:8px;background:#f7f8fa;border:1px solid var(--line);padding:7px 12px!important;border-radius:999px}.account-pill>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--food);color:#fff;font-size:.72rem;font-weight:900}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding:70px 0 42px}.footer-brand{display:flex;align-items:flex-start;gap:15px}.footer-brand p{max-width:440px;color:#aab2c1;margin:7px 0 0}.footer-links{display:grid;gap:9px;align-content:start}.footer-links strong{color:#fff;margin-bottom:6px}.footer-links a{color:#aab2c1;font-size:.86rem}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.09);padding:23px 0;color:#8e98aa;font-size:.76rem}
.premium-hero{padding:72px 0 92px;background:radial-gradient(circle at 80% 20%,#dcfce7 0,transparent 28%),radial-gradient(circle at 16% 4%,#ffedd5 0,transparent 34%),linear-gradient(180deg,#fffaf5,#fff)}.premium-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center}.premium-hero-copy h1{font-size:clamp(3rem,6vw,5.3rem);line-height:.98;letter-spacing:-.065em;margin:16px 0 25px;max-width:760px}.premium-hero-copy h1 span{color:var(--food)}.premium-hero-copy>p{font-size:1.08rem;color:var(--muted);max-width:650px}.smart-search{display:flex;gap:10px;margin-top:30px}.smart-search-input{position:relative;display:flex;align-items:center;flex:1;min-width:0;background:#fff;border:1px solid #e1e5ec;border-radius:16px;box-shadow:0 15px 45px rgba(23,32,51,.09)}.smart-search-input>span{padding-left:18px;font-size:1.3rem;color:var(--food)}.smart-search-input>input{width:100%;border:0;background:transparent;padding:17px 16px;outline:0}.autocomplete-panel{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:60;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.autocomplete-panel.is-visible{display:grid}.autocomplete-panel a{display:flex;align-items:center;gap:11px;padding:10px;border-bottom:1px solid var(--line)}.autocomplete-panel a:last-child{border-bottom:0}.autocomplete-panel a:hover{background:#fff7ed}.autocomplete-panel img{width:48px;height:42px;border-radius:9px;object-fit:cover}.autocomplete-panel span{display:grid}.autocomplete-panel strong{font-size:.78rem}.autocomplete-panel small{font-size:.67rem;color:var(--muted)}.quick-searches{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:17px;font-size:.74rem;color:var(--muted)}.quick-searches a{padding:5px 9px;background:#fff;border:1px solid var(--line);border-radius:999px;color:#344054}.hero-stats{display:flex;gap:36px;margin-top:40px}.hero-stats div{display:grid}.hero-stats strong{font-size:1.3rem}.hero-stats span{font-size:.7rem;color:var(--muted)}.premium-hero-media{position:relative;min-height:585px}.premium-hero-media>img{position:absolute;inset:18px 0 0 36px;width:calc(100% - 36px);height:530px;object-fit:cover;border-radius:38px;box-shadow:0 35px 80px rgba(23,32,51,.18);background:#fff7ed}.premium-hero-media:before{content:"";position:absolute;left:0;top:0;width:75%;height:78%;border-radius:42px;background:linear-gradient(145deg,#f97316,#fb923c);transform:rotate(-5deg)}.hero-recipe-card{position:absolute;left:0;bottom:0;width:min(360px,82%);display:grid;background:#fff;padding:22px 24px;border-radius:20px;box-shadow:0 24px 65px rgba(23,32,51,.2)}.hero-recipe-card>span{font-size:.62rem;font-weight:900;color:var(--food);letter-spacing:.12em}.hero-recipe-card>strong{font-size:1.22rem;line-height:1.3;margin:6px 0}.hero-recipe-card>small{color:var(--muted)}.hero-recipe-card>a{color:var(--food);font-weight:850;font-size:.74rem;margin-top:12px}.hero-floating{position:absolute;background:#172033;color:#fff;border-radius:999px;padding:10px 15px;font-size:.7rem;font-weight:800;box-shadow:0 15px 35px rgba(23,32,51,.2)}.hero-floating-one{right:-20px;top:80px}.hero-floating-two{right:25px;bottom:78px;background:var(--fresh)}
.category-showcase,.recipe-collection,.listing-section,.account-section{padding:84px 0}.premium-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.premium-category-card{min-height:148px;border-radius:22px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:15px;transition:.22s}.premium-category-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(23,32,51,.1)}.premium-category-card h3{margin:0;font-size:1.02rem}.premium-category-card p{margin:3px 0 0;font-size:.72rem;opacity:.7}.premium-category-card>b{font-size:1.2rem}.category-number{align-self:start;font-size:.62rem;font-weight:950;letter-spacing:.1em}.category-tone-1{background:#fff0e2;color:#9a3412}.category-tone-2{background:#e9fbea;color:#166534}.category-tone-3{background:#eef2ff;color:#3730a3}.category-tone-4{background:#fdf2f8;color:#9d174d}.collection-soft{background:#f8f8f6}.modern-recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.modern-recipe-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.22s}.modern-recipe-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(23,32,51,.11)}.modern-recipe-image{position:relative;display:block;height:220px;background:#fff7ed;overflow:hidden}.modern-recipe-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.modern-recipe-card:hover img{transform:scale(1.045)}.difficulty-badge,.rating-float{position:absolute;top:14px;padding:6px 9px;border-radius:999px;font-size:.62rem;font-weight:850;background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}.difficulty-badge{left:14px;text-transform:capitalize}.rating-float{right:14px;color:#a16207}.modern-recipe-body{padding:19px}.recipe-category-link{font-size:.62rem;font-weight:900;color:var(--fresh);letter-spacing:.08em;text-transform:uppercase}.modern-recipe-body h3{font-size:1.03rem;line-height:1.35;margin:7px 0}.modern-recipe-body h3 a:hover{color:var(--food)}.modern-recipe-body>p{color:var(--muted);font-size:.75rem;margin:0;min-height:48px}.modern-recipe-meta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:16px;padding-top:13px;color:#596273;font-size:.65rem}.section-link{color:var(--food);font-size:.78rem;font-weight:850}.home-value-section{padding:100px 0;background:#172033;color:#fff}.home-value-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.home-value-grid h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.045em;margin:14px 0}.home-value-grid>div:first-child>p{color:#b8c0ce;max-width:570px}.value-cards{display:grid;gap:14px}.value-cards article{display:grid;grid-template-columns:56px 1fr;column-gap:17px;background:#222d42;padding:21px;border:1px solid rgba(255,255,255,.07);border-radius:18px}.value-cards b{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f97316}.value-cards h3{margin:1px 0;font-size:.98rem}.value-cards p{margin:2px 0;color:#aab2c1;font-size:.75rem}.community-cta{padding:40px 0 90px}.community-cta-card{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#f97316,#e85d04);color:#fff;border-radius:30px;padding:44px 50px;box-shadow:0 30px 70px rgba(249,115,22,.23)}.community-cta-card h2{font-size:2rem;margin:8px 0}.community-cta-card p{margin:0;opacity:.86}.cta-actions{display:flex;gap:10px;flex-shrink:0}.button-transparent{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.page-hero{background:#f8f8f6}.compact-page-hero{padding:74px 0 62px}.page-hero-content{max-width:790px}.page-hero h1,.search-page-hero h1,.account-header h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.055em;margin:12px 0}.page-hero p,.search-page-hero p,.account-header p{color:var(--muted);font-size:1rem;max-width:720px}.public-filter-bar{display:flex;align-items:end;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:25px}.public-filter-bar label{display:grid;gap:5px;flex:1}.public-filter-bar label>span{font-size:.62rem;font-weight:850;color:#667085;text-transform:uppercase;letter-spacing:.06em}.public-filter-bar select,.public-filter-bar input{width:100%;padding:11px;border:1px solid #d8dde7;border-radius:10px;background:#fff}.listing-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;color:var(--muted);font-size:.76rem}.listing-summary strong{color:var(--ink);font-size:.9rem}.wide-empty{grid-column:1/-1;padding:70px}.listing-section>.container>.pagination{justify-content:center;margin-top:40px}.category-directory{display:grid;grid-template-columns:1fr 1fr;gap:20px}.directory-card{display:grid;grid-template-columns:170px 1fr;gap:23px;align-items:center;border:1px solid var(--line);border-radius:23px;padding:15px;background:#fff;transition:.2s}.directory-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(23,32,51,.1)}.directory-visual{height:150px;border-radius:17px;display:grid;place-items:center}.directory-visual span{font-size:2.1rem;font-weight:950;opacity:.35}.directory-card h2{font-size:1.2rem;margin:0}.directory-card p{font-size:.75rem;color:var(--muted);margin:7px 0}.directory-card strong{font-size:.7rem;color:var(--food)}.search-page-hero{padding:80px 0;background:linear-gradient(145deg,#172033,#25334d);color:#fff}.search-page-hero p{color:#b8c0ce}.search-page-form{display:flex;gap:10px;max-width:850px;margin-top:28px}.search-page-form .smart-search-input{box-shadow:none}.search-guide{padding:35px 0}.search-guide h2{font-size:1.6rem}.search-suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.search-suggestion-grid a{display:grid;padding:22px;background:#f8f8f6;border-radius:17px;border:1px solid var(--line)}.search-suggestion-grid b{font-size:.9rem}.search-suggestion-grid span{font-size:.7rem;color:var(--muted);margin-top:5px}.notice-card{padding:40px;border-radius:20px;background:#fff7ed;border:1px solid #fed7aa}
.recipe-detail-hero{padding:36px 0 75px;background:#fafaf8}.breadcrumbs{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.7rem;margin-bottom:25px}.breadcrumbs a:hover{color:var(--food)}.recipe-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.recipe-detail-image{position:relative;height:575px}.recipe-detail-image img{width:100%;height:100%;object-fit:cover;border-radius:30px;background:#fff7ed}.recipe-detail-copy h1{font-size:clamp(2.7rem,5vw,4.7rem);line-height:1;letter-spacing:-.06em;margin:15px 0 21px}.recipe-lead{color:var(--muted);font-size:1rem}.recipe-score{display:flex;align-items:center;gap:10px;font-size:.75rem}.recipe-score strong{color:#b45309;font-size:1rem}.recipe-score i{height:17px;width:1px;background:var(--line)}.recipe-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:27px 0}.recipe-facts div{display:grid;padding:13px;background:#fff;border:1px solid var(--line);border-radius:13px}.recipe-facts small{color:var(--muted);font-size:.62rem}.recipe-facts strong{font-size:.78rem}.recipe-actions{display:flex;gap:10px;margin-top:23px}.recipe-actions form{margin:0}.button-saved{background:#fee2e2;color:#b91c1c}.recipe-byline{display:flex;gap:22px;color:var(--muted);font-size:.68rem;margin-top:22px}.recipe-content-section{padding:80px 0}.recipe-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.recipe-main-content{display:grid;gap:24px}.content-card,.sidebar-card,.comment-form-card,.account-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.content-card-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.content-card-heading>div{display:flex;align-items:center;gap:12px}.content-card-heading span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#fff7ed;color:var(--food);font-size:.66rem;font-weight:950}.content-card-heading h2{font-size:1.25rem;margin:0}.content-card-heading>strong{font-size:.66rem;color:var(--muted)}.ingredient-list{list-style:none;padding:8px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.ingredient-list li{display:flex;gap:10px;padding:13px 0;border-bottom:1px dashed #e2e5eb;font-size:.82rem}.ingredient-list li span{color:var(--fresh);font-weight:900}.steps-list{list-style:none;padding:8px 0 0;margin:0;display:grid}.steps-list li{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.steps-list li:last-child{border-bottom:0}.steps-list li>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#172033;color:#fff;font-weight:900;font-size:.68rem}.steps-list p{margin:7px 0 0;font-size:.86rem}.chef-tip{padding:30px;border-radius:22px;background:#eaf9ec;border:1px solid #bbefc2}.chef-tip>span{font-size:.62rem;letter-spacing:.1em;font-weight:900;color:var(--fresh)}.chef-tip h2{font-size:1.25rem;margin:7px 0}.chef-tip p{margin:0;color:#34523d;font-size:.83rem}.recipe-sidebar{display:grid;gap:18px;position:sticky;top:105px}.sidebar-card h3{margin-top:0}.sidebar-card dl{margin:0}.sidebar-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.74rem}.sidebar-card dt{color:var(--muted)}.sidebar-card dd{font-weight:800}.tag-cloud{display:flex;gap:7px;flex-wrap:wrap}.tag-cloud a{padding:6px 9px;border-radius:999px;background:#f3f5f8;font-size:.65rem;color:#526075}.interaction-section{padding:70px 0;background:#172033;color:#fff}.interaction-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.rating-panel h2{font-size:2.2rem;margin:9px 0}.rating-panel>p{color:#aab2c1}.rating-form{display:grid;gap:12px;margin-top:22px}.rating-options{display:flex;gap:7px;flex-wrap:wrap}.rating-options input{position:absolute;opacity:0}.rating-options span{display:block;padding:7px 10px;border:1px solid #43506a;border-radius:9px;color:#fbbf24;cursor:pointer}.rating-options input:checked+span{background:#f97316;border-color:#f97316;color:#fff}.rating-form textarea,.comment-form-card textarea{width:100%;border:1px solid #43506a;border-radius:12px;padding:12px;font:inherit;resize:vertical}.rating-form textarea{background:#222d42;color:#fff}.score-panel{text-align:center}.score-panel>strong{display:block;font-size:5.5rem;line-height:1}.big-stars{color:#fbbf24;letter-spacing:.1em}.score-panel p{color:#aab2c1}.comments-section{padding:85px 0}.comments-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:35px;align-items:start}.comment-list{display:grid}.comment-item{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.comment-item img{width:48px;height:48px;border-radius:50%;object-fit:cover}.comment-item header{display:flex;justify-content:space-between;gap:15px}.comment-item header span{font-size:.65rem;color:var(--muted)}.comment-item p{margin:7px 0 0;font-size:.82rem}.empty-comments{text-align:center;padding:45px;background:#f8f8f6;border-radius:18px}.comment-form-card{position:sticky;top:105px}.comment-form-card h3{margin-top:0}.comment-form-card>p{font-size:.73rem;color:var(--muted)}.comment-form-card form{display:grid;gap:12px}.comment-form-card textarea{border-color:#d8dde7}
.auth-section{padding:70px 0 95px;background:linear-gradient(135deg,#fff7ed,#f7fff8)}.auth-grid{display:grid;grid-template-columns:1fr 500px;gap:75px;align-items:center;min-height:650px}.auth-visual h1{font-size:clamp(2.7rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0}.auth-visual>p{font-size:1rem;color:var(--muted);max-width:580px}.auth-points{display:grid;gap:13px;margin-top:30px}.auth-points>div{display:flex;gap:12px;align-items:center}.auth-points>div>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#dcfce7;color:var(--fresh);font-weight:900}.auth-points p{display:grid;margin:0}.auth-points small{color:var(--muted)}.auth-card{background:#fff;border:1px solid var(--line);border-radius:25px;padding:34px;box-shadow:0 30px 75px rgba(23,32,51,.12)}.auth-card-head{display:flex;align-items:center;gap:14px;margin-bottom:25px}.auth-card-head h2{margin:0;font-size:1.45rem}.auth-card-head p{margin:3px 0;color:var(--muted);font-size:.73rem}.auth-form{display:grid;gap:15px}.auth-form label,.profile-form label{display:grid;gap:6px}.auth-form label>span,.profile-form label>span{font-size:.72rem;font-weight:850}.auth-form input,.profile-form input,.profile-form textarea{width:100%;padding:12px;border:1px solid #d8dde7;border-radius:11px;font:inherit}.auth-form label>small,.profile-form label>small{color:#c2410c;font-size:.65rem}.auth-switch{text-align:center;font-size:.76rem;color:var(--muted);margin:20px 0 0}.auth-switch a,.admin-login-link{color:var(--food);font-weight:850}.admin-login-link{display:block;text-align:center;font-size:.66rem;margin-top:12px}.form-error-summary{padding:11px 13px;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;color:#be123c;font-size:.72rem;margin-bottom:15px}.auth-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}.auth-stat-grid>div{display:grid;padding:17px;background:#fff;border:1px solid var(--line);border-radius:15px}.auth-stat-grid strong{font-size:1.2rem}.auth-stat-grid span{font-size:.64rem;color:var(--muted)}
.account-header{padding:68px 0;background:#f8f8f6}.account-header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.account-identity{display:flex;align-items:center;gap:18px}.account-identity img,.profile-heading img{width:78px;height:78px;border-radius:50%;object-fit:cover}.account-identity span{font-size:.62rem;letter-spacing:.1em;font-weight:900;color:var(--food)}.account-identity h1{font-size:2.5rem;margin:4px 0}.account-identity p{margin:0}.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start}.account-nav{display:grid;position:sticky;top:105px;border:1px solid var(--line);border-radius:17px;padding:8px;background:#fff}.account-nav a{padding:11px 13px;border-radius:10px;font-size:.75rem;font-weight:750}.account-nav a.active,.account-nav a:hover{background:#fff7ed;color:var(--food)}.account-content{display:grid;gap:22px}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-stats article{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:17px;padding:18px}.account-stats article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff7ed;color:var(--food);font-weight:900}.account-stats article div{display:grid}.account-stats strong{font-size:1rem}.account-stats p{margin:0;color:var(--muted);font-size:.67rem}.account-panel{padding:25px}.account-recipe-grid{grid-template-columns:repeat(2,1fr)}.profile-panels{gap:20px}.profile-heading{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.profile-heading h2,.account-panel h2{margin:0}.profile-heading p,.account-panel>p{color:var(--muted);font-size:.72rem}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-form .field-span-2{grid-column:1/-1}.profile-form button{justify-self:start}.password-form{margin-top:18px}
@media(max-width:1050px){.premium-hero-grid,.recipe-detail-grid,.home-value-grid,.auth-grid{grid-template-columns:1fr}.premium-hero-media{min-height:540px;max-width:700px;width:100%;margin:auto}.modern-recipe-grid{grid-template-columns:repeat(2,1fr)}.premium-category-grid{grid-template-columns:repeat(2,1fr)}.recipe-content-grid{grid-template-columns:1fr}.recipe-sidebar{position:static;grid-template-columns:1fr 1fr}.comments-layout{grid-template-columns:1fr}.comment-form-card{position:static}.auth-grid{gap:35px}.auth-visual{max-width:720px}.account-layout{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow:auto}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.category-directory{grid-template-columns:1fr}.interaction-grid{gap:35px}}
@media(max-width:760px){.container{width:min(100% - 24px,1180px)}.nav-wrap{height:70px}.mobile-menu-button{display:grid;place-items:center}.nav-links{display:none;position:absolute;top:70px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px;box-shadow:var(--shadow);align-items:stretch;gap:3px}.nav-links.is-open{display:grid}.nav-links>a{padding:10px 11px}.premium-hero{padding:45px 0 70px}.premium-hero-copy h1{font-size:3.15rem}.smart-search,.search-page-form{display:grid}.hero-stats{gap:19px}.premium-hero-media{min-height:430px}.premium-hero-media>img{height:390px;left:15px;width:calc(100% - 15px)}.hero-floating{display:none}.hero-recipe-card{left:7px}.category-showcase,.recipe-collection,.listing-section,.account-section{padding:58px 0}.section-heading{align-items:flex-start;gap:15px}.modern-recipe-grid{grid-template-columns:1fr}.premium-category-grid{grid-template-columns:1fr 1fr}.community-cta-card{align-items:flex-start;flex-direction:column;padding:30px}.cta-actions{width:100%;flex-direction:column}.cta-actions a{justify-content:center}.public-filter-bar{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.public-filter-bar button{grid-column:1/-1;justify-content:center}.category-directory{grid-template-columns:1fr}.directory-card{grid-template-columns:100px 1fr}.directory-visual{height:105px}.recipe-detail-image{height:420px}.recipe-facts{grid-template-columns:1fr 1fr}.recipe-actions{flex-wrap:wrap}.ingredient-list{grid-template-columns:1fr}.interaction-grid{grid-template-columns:1fr}.comments-layout{grid-template-columns:1fr}.auth-section{padding:35px 0 65px}.auth-card{padding:23px}.auth-stat-grid{grid-template-columns:1fr}.account-header-inner{align-items:flex-start;flex-direction:column}.account-stats{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr}.profile-form .field-span-2{grid-column:auto}.recipe-sidebar{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:32px;padding:50px 0 30px}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:5px}.search-suggestion-grid{grid-template-columns:1fr}.account-recipe-grid{grid-template-columns:1fr}}
@media(max-width:480px){.premium-hero-copy h1{font-size:2.65rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}.premium-category-grid{grid-template-columns:1fr}.premium-hero-media{min-height:370px}.premium-hero-media>img{height:330px}.hero-recipe-card{padding:16px}.modern-recipe-image{height:235px}.public-filter-bar{grid-template-columns:1fr}.recipe-detail-image{height:330px}.recipe-detail-copy h1{font-size:2.55rem}.recipe-byline{flex-direction:column;gap:4px}.content-card,.sidebar-card,.comment-form-card,.account-panel{padding:20px}.rating-options span{font-size:.72rem}.account-identity{align-items:flex-start}.account-identity img{width:58px;height:58px}.account-identity h1{font-size:2rem}}


/* Phase 4: AI, SEO, Ads, Plugins */
.admin-grid-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.compact-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.ai-result-panel{min-height:620px}
.ai-recipe-preview h2{font-size:2rem;margin:.7rem 0}
.ai-recipe-preview>p{color:var(--muted)}
.recipe-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.recipe-meta-row span{padding:7px 10px;border-radius:999px;background:#f3f5f8;font-size:.72rem;font-weight:800}
.preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}
.preview-columns>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe}
.preview-columns h3{margin-top:0}.preview-columns ul,.preview-columns ol{padding-left:20px;font-size:.78rem}
.seo-preview{padding:18px;border-radius:15px;background:#f8fafc;border:1px solid var(--line);margin:20px 0}
.seo-preview strong,.seo-preview span{display:block}.seo-preview strong{color:#1a0dab}.seo-preview span{color:#188038;font-size:.7rem}.seo-preview p{font-size:.76rem;margin-bottom:0}
.score-orbit{width:160px;height:160px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;margin:15px auto;background:conic-gradient(var(--fresh) 0 75%,#edf0f4 75%);position:relative;padding-top:48px}
.score-orbit:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}
.score-orbit strong,.score-orbit span{position:relative}.score-orbit strong{font-size:3rem;line-height:1}.score-orbit span{color:var(--muted)}
.score-label{text-align:center;font-weight:850}.check-list{display:grid;gap:9px;margin-top:20px}.seo-check{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px}
.seo-check>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.seo-check.passed>span{background:#dcfce7;color:#15803d}.seo-check.failed>span{background:#fff1f2;color:#be123c}
.seo-check div{display:grid}.seo-check small{color:var(--muted)}.selected-recipe-card{margin-top:22px;padding:18px;border-radius:15px;background:#fff7ed}.selected-recipe-card h3{margin:9px 0 4px}
.recommendation-list{display:grid;gap:10px;padding-left:23px}.recommendation-list li,.plain-list li{font-size:.8rem}.panel-subsection{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}
.inline-form{display:flex;gap:8px}.inline-form select{padding:9px;border:1px solid var(--line);border-radius:10px}.plan-summary{display:flex;justify-content:space-between;gap:20px;padding:14px 0}.plan-summary span{color:var(--muted)}
.ad-placement{margin-top:30px;margin-bottom:30px}.ad-placement-top{margin-top:28px}.advertisement-unit{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:78px;display:grid;place-items:center}
.advertisement-unit img{display:block;max-width:100%;width:100%;height:auto}.advertisement-label{position:absolute;top:6px;right:8px;z-index:2;padding:2px 6px;background:rgba(23,32,51,.7);color:#fff;border-radius:5px;font-size:.52rem;letter-spacing:.06em}
.advertisement-html{width:100%;padding:20px;text-align:center}.advertisement-html a{color:var(--food);font-weight:800}.affiliate-ad{width:100%;padding:22px;display:flex;justify-content:center;gap:12px;align-items:center;background:linear-gradient(135deg,#fff7ed,#f0fdf4)}
.affiliate-ad span{color:var(--muted)}.admin-image-preview{max-height:220px;max-width:100%;border-radius:14px;border:1px solid var(--line)}
.plugin-contract{display:flex;gap:8px;flex-wrap:wrap}.plugin-contract code{padding:7px 9px;border-radius:8px;background:#f3f5f8;color:#344054}.plugin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.plugin-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.plugin-card-head{display:flex;justify-content:space-between}.plugin-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#fff7ed;color:var(--food);font-weight:900}
.plugin-card h2{font-size:1.1rem;margin:18px 0 6px}.plugin-card>p{font-size:.75rem;color:var(--muted);min-height:50px}.plugin-card dl{display:grid;gap:6px}.plugin-card dl div{display:flex;justify-content:space-between;font-size:.7rem}.plugin-card dt{color:var(--muted)}.plugin-card dd{font-weight:800;margin:0}
.plugin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.button-danger{background:#be123c;box-shadow:none}.button-danger:hover{background:#9f1239}.plugin-recipe-badge{position:fixed;right:18px;bottom:18px;z-index:40;padding:10px 14px;border-radius:12px;background:#172033;color:#fff;font-size:.7rem;box-shadow:0 14px 35px rgba(23,32,51,.24)}
.table-footnote,.table-note{display:block;color:var(--muted);font-size:.64rem;margin-top:3px}
@media(max-width:1100px){.compact-stats{grid-template-columns:repeat(3,1fr)}.plugin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.admin-grid-wide{grid-template-columns:1fr}.compact-stats{grid-template-columns:1fr 1fr}.preview-columns{grid-template-columns:1fr}.plugin-grid{grid-template-columns:1fr}.plan-summary{flex-direction:column}.inline-form{width:100%;flex-wrap:wrap}.affiliate-ad{align-items:flex-start;flex-direction:column}}

/* Phase 5.1: public member authentication redesign */
.member-auth-page{position:relative;overflow:hidden;background:#f7f8f4;padding:48px 0 72px;isolation:isolate}
.member-auth-page:before,.member-auth-page:after{content:"";position:absolute;border-radius:999px;filter:blur(2px);z-index:-1}
.member-auth-page:before{width:520px;height:520px;left:-260px;top:-250px;background:rgba(249,115,22,.12)}
.member-auth-page:after{width:460px;height:460px;right:-220px;bottom:-260px;background:rgba(22,163,74,.11)}
.member-auth-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:24px;align-items:stretch;min-height:690px}
.member-auth-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:34px;padding:58px;background:linear-gradient(145deg,#172033 0%,#202d45 58%,#253b35 100%);color:#fff;box-shadow:0 28px 75px rgba(23,32,51,.18)}
.member-auth-story:before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-150px;top:-150px;box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 118px rgba(255,255,255,.018)}
.member-auth-story:after{content:"";position:absolute;inset:auto -70px -120px auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(251,146,60,.46),rgba(249,115,22,.03) 68%)}
.member-auth-story-copy,.member-auth-benefits,.member-auth-recipe-card,.member-auth-quote{position:relative;z-index:1}
.member-auth-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.7rem;font-weight:900;letter-spacing:.18em;color:#fdba74}
.member-auth-kicker:before{content:"";width:28px;height:2px;border-radius:999px;background:#fb923c}
.member-auth-story h1{max-width:620px;margin:24px 0 20px;font-size:clamp(2.75rem,4.4vw,4.55rem);line-height:1.01;letter-spacing:-.058em}
.member-auth-story-copy>p{max-width:570px;margin:0;color:#cbd3de;font-size:1rem;line-height:1.75}
.member-auth-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:36px 0}
.member-auth-benefit{display:flex;align-items:flex-start;gap:11px;min-width:0;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
.member-auth-benefit-icon,.member-auth-benefit-check{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(249,115,22,.19);color:#fdba74;font-size:.64rem;font-weight:900}
.member-auth-benefit-check{background:rgba(74,222,128,.14);color:#86efac;font-size:.78rem}
.member-auth-benefit div{display:grid;min-width:0}
.member-auth-benefit strong{font-size:.77rem;line-height:1.3}
.member-auth-benefit small{margin-top:4px;color:#aeb8c7;font-size:.66rem;line-height:1.45}
.member-auth-recipe-card{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.095);backdrop-filter:blur(16px)}
.member-auth-recipe-image{overflow:hidden;width:82px;height:70px;border-radius:14px;background:#fff7ed}
.member-auth-recipe-image img{display:block;width:100%;height:100%;object-fit:cover}
.member-auth-recipe-copy{display:grid;min-width:0}
.member-auth-recipe-copy span{color:#fdba74;font-size:.58rem;font-weight:900;letter-spacing:.12em}
.member-auth-recipe-copy strong{margin:3px 0;font-size:.9rem}
.member-auth-recipe-copy small{color:#b9c3d0;font-size:.65rem}
.member-auth-recipe-card>b{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#fff;color:#172033;font-size:.68rem}
.member-auth-quote{max-width:560px;padding:23px 25px;border-left:3px solid #fb923c;border-radius:0 17px 17px 0;background:rgba(255,255,255,.055)}
.member-auth-quote>span{position:absolute;right:20px;top:3px;color:rgba(255,255,255,.12);font-size:4.5rem;font-family:Georgia,serif;line-height:1}
.member-auth-quote p{position:relative;margin:0 0 9px;color:#eef2f6;font-size:.92rem}
.member-auth-quote small{color:#aeb8c7;font-size:.68rem}
.member-auth-panel{display:block;width:auto;min-width:0;border:1px solid #e6e9e1;border-radius:34px;padding:44px 46px;background:rgba(255,255,255,.97);box-shadow:0 24px 65px rgba(23,32,51,.1);align-self:stretch}
.member-auth-panel-login{display:flex;flex-direction:column;justify-content:center}
.member-auth-panel-head{margin-bottom:28px}
.member-auth-panel-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:34px}
.member-auth-back{color:#737b87;font-size:.72rem;font-weight:750;transition:color .2s}
.member-auth-back:hover{color:var(--food)}
.member-auth-badge{padding:6px 9px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:.58rem;font-weight:900;letter-spacing:.11em}
.member-auth-logo{display:grid;place-items:center;width:50px;height:50px;margin-bottom:21px;border-radius:16px;background:linear-gradient(145deg,#f97316,#fb923c);color:#fff;font-size:.92rem;font-weight:950;box-shadow:0 13px 28px rgba(249,115,22,.25)}
.member-auth-panel h2{margin:0;font-size:2rem;line-height:1.15;letter-spacing:-.035em}
.member-auth-panel-head>p{max-width:440px;margin:9px 0 0;color:#737b87;font-size:.84rem;line-height:1.65}
.member-auth-error{margin:-5px 0 18px;padding:12px 14px;border:1px solid #fecdd3;border-radius:12px;background:#fff1f2;color:#be123c;font-size:.74rem;font-weight:700}
.member-auth-form{display:grid;gap:17px;padding:0;align-content:initial}
.member-auth-field{display:grid;gap:7px;min-width:0}
.member-auth-field>span{color:#344054;font-size:.72rem;font-weight:850}
.member-auth-control{display:flex;align-items:center;gap:11px;min-height:49px;padding:0 14px;border:1px solid #dfe3e8;border-radius:13px;background:#fff;transition:border-color .18s,box-shadow .18s,background .18s}
.member-auth-control:focus-within{border-color:#f97316;background:#fffdfb;box-shadow:0 0 0 4px rgba(249,115,22,.1)}
.member-auth-control.has-error{border-color:#fda4af;background:#fff8f8}
.member-auth-control svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:#98a2b3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.member-auth-control:focus-within svg{stroke:#f97316}
.member-auth-control input{width:100%;min-width:0;height:47px;padding:0;border:0;outline:0;background:transparent;color:#172033;font:inherit;font-size:.82rem}
.member-auth-control input::placeholder{color:#b1b7c1}
.member-auth-field>small{color:#be123c;font-size:.66rem;line-height:1.4}
.member-auth-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.member-auth-hint{margin:-3px 0 0;color:#8a929f;font-size:.65rem;line-height:1.5}
.member-auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;margin-top:3px;padding:0 17px 0 20px;border:0;border-radius:14px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font:inherit;font-size:.82rem;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(249,115,22,.22);transition:transform .2s,box-shadow .2s}
.member-auth-submit span:last-child{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:rgba(255,255,255,.16);font-size:1rem}
.member-auth-submit:hover{transform:translateY(-1px);box-shadow:0 18px 35px rgba(249,115,22,.29)}
.member-auth-switch{margin:24px 0 0;text-align:center;color:#7b8491;font-size:.72rem}
.member-auth-switch a{color:#ea580c;font-weight:900}
.member-auth-assurance{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 0;color:#98a2b3;font-size:.62rem}
.member-auth-assurance span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ecfdf3;color:#16a34a;font-size:.58rem;font-weight:900}
.member-auth-divider{display:flex;align-items:center;gap:11px;margin:25px 0 15px;color:#a4abb5;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.member-auth-divider:before,.member-auth-divider:after{content:"";height:1px;flex:1;background:#eceef1}
.member-auth-admin-link{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #e5e7eb;border-radius:12px;color:#596174;font-size:.69rem;font-weight:800;transition:border-color .2s,color .2s,background .2s}
.member-auth-admin-link:hover{border-color:#fed7aa;background:#fff7ed;color:#d95708}
@media(max-width:1100px){.member-auth-shell{grid-template-columns:1fr minmax(400px,.86fr)}.member-auth-story{padding:45px}.member-auth-benefits{grid-template-columns:1fr}.member-auth-benefit{padding:12px}.member-auth-panel{padding:40px 36px}}
@media(max-width:900px){.member-auth-page{padding:28px 0 55px}.member-auth-shell{grid-template-columns:1fr;min-height:0}.member-auth-story{min-height:540px}.member-auth-panel{order:-1}.member-auth-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.member-auth-shell{gap:15px}.member-auth-panel,.member-auth-story{border-radius:24px}.member-auth-panel{padding:27px 21px}.member-auth-story{min-height:0;padding:34px 24px}.member-auth-story h1{font-size:2.55rem}.member-auth-benefits{grid-template-columns:1fr;margin:28px 0}.member-auth-recipe-card{grid-template-columns:66px minmax(0,1fr)}.member-auth-recipe-image{width:66px;height:62px}.member-auth-recipe-card>b{display:none}.member-auth-password-grid{grid-template-columns:1fr}.member-auth-panel-topline{margin-bottom:26px}.member-auth-panel h2{font-size:1.7rem}}


/* =========================================================
   MASAKAN RUMAH AUTH RESPONSIVE FIX 5.2
   Supports the current member-auth markup and legacy auth markup.
   ========================================================= */
.member-auth-page,.member-auth-page *,.auth-section,.auth-section *{box-sizing:border-box}
.member-auth-page{min-width:0}
.member-auth-shell{
    width:min(calc(100% - 32px),1180px);
    margin-inline:auto;
    grid-template-columns:minmax(0,1fr) minmax(380px,480px);
}
.member-auth-story,.member-auth-panel,.member-auth-form,.member-auth-field,.member-auth-control,.member-auth-password-grid{min-width:0}
.member-auth-panel{width:100%;max-width:none}
.member-auth-form{width:100%;grid-template-columns:minmax(0,1fr)}
.member-auth-control,.member-auth-control input{width:100%;max-width:none}
.member-auth-control input{-webkit-appearance:none;appearance:none}

/* Compatibility for Phase 3/4/5 legacy account templates. */
.auth-section .auth-grid{
    width:min(calc(100% - 32px),1180px);
    margin-inline:auto;
    grid-template-columns:minmax(0,1fr) minmax(380px,500px);
    gap:clamp(28px,5vw,72px);
}
.auth-section .auth-card{
    display:block;
    width:100%;
    min-width:0;
    padding:34px;
}
.auth-section .auth-card-head{display:flex;align-items:center;gap:14px;margin-bottom:25px}
.auth-section .auth-card-head>div{min-width:0}
.auth-section .auth-form{
    display:grid;
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr);
    gap:15px;
    padding:0;
}
.auth-section .auth-form label{display:grid;min-width:0;gap:7px}
.auth-section .auth-form input{
    display:block;
    width:100%;
    min-width:0;
    max-width:none;
    height:48px;
    padding:0 14px;
}
.auth-section .auth-form .button-full{width:100%;min-height:50px}

@media(max-width:960px){
    .member-auth-page{padding:30px 0 58px}
    .member-auth-shell{display:block;width:min(calc(100% - 32px),640px);min-height:0}
    .member-auth-story{display:none}
    .member-auth-panel{padding:38px 34px;border-radius:28px}
    .member-auth-panel-login{display:block}

    .auth-section{padding:34px 0 64px}
    .auth-section .auth-grid{display:block;width:min(calc(100% - 32px),620px);min-height:0}
    .auth-section .auth-visual{display:none}
    .auth-section .auth-card{padding:34px;border-radius:24px}
}

@media(max-width:600px){
    .member-auth-page{padding:14px 0 36px}
    .member-auth-shell{width:100%;padding-inline:12px}
    .member-auth-panel{padding:24px 18px;border-radius:20px}
    .member-auth-panel-topline{flex-wrap:wrap;margin-bottom:24px}
    .member-auth-back{font-size:.68rem}
    .member-auth-logo{width:46px;height:46px;margin-bottom:17px;border-radius:14px}
    .member-auth-panel h2{font-size:1.55rem;line-height:1.2}
    .member-auth-panel-head>p{font-size:.79rem}
    .member-auth-password-grid{grid-template-columns:minmax(0,1fr)}
    .member-auth-control{min-height:50px;padding-inline:12px}
    .member-auth-control input{height:48px;font-size:16px}
    .member-auth-submit{min-height:52px}
    .member-auth-switch{line-height:1.6}
    .member-auth-admin-link{padding:0 12px;text-align:center}

    .auth-section{padding:14px 0 40px}
    .auth-section .auth-grid{width:100%;padding-inline:12px}
    .auth-section .auth-card{padding:24px 18px;border-radius:20px}
    .auth-section .auth-card-head{align-items:flex-start}
    .auth-section .auth-card-head h2{font-size:1.45rem}
    .auth-section .auth-form input{font-size:16px}
}

@media(max-width:380px){
    .member-auth-panel{padding:21px 14px}
    .member-auth-panel-topline{align-items:flex-start;flex-direction:column;gap:10px}
    .member-auth-panel h2{font-size:1.4rem}
    .member-auth-control{padding-inline:10px}
    .member-auth-submit{padding-inline:15px}
    .auth-section .auth-card{padding:21px 14px}
}

/* =========================================================
   MASAKAN RUMAH BRANDING SETTINGS 5.3
   ========================================================= */
.brand-logo{display:block;flex:0 0 auto;width:auto;object-fit:contain}
.brand-logo-site{height:44px;max-width:132px}
.brand-logo-admin{height:44px;max-width:88px}
.brand-logo-footer{height:48px;max-width:155px}
.brand-logo-login{height:50px;max-width:160px}
.brand-admin .brand-logo+span{min-width:0}
.brand-admin .brand-logo+span strong{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-login-brand{display:flex;align-items:center;gap:15px;min-width:0}
.admin-login-brand>div{min-width:0}
.admin-login-brand h2{margin:0}
.admin-login-brand p{margin-top:4px}
.member-auth-logo-image{display:flex;width:auto;min-width:50px;max-width:180px;padding:7px 10px;background:#fff7ed}
.member-auth-logo-image img{display:block;width:auto;max-width:158px;height:36px;object-fit:contain}
.branding-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.branding-upload-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fbfcfe;display:grid;grid-template-columns:145px minmax(0,1fr);gap:18px;align-items:stretch}
.branding-preview{min-height:136px;border:1px dashed #d7dce5;border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;overflow:hidden}
.branding-preview img{display:block;width:100%;height:76px;object-fit:contain}
.branding-preview small{color:var(--muted);font-size:.64rem;text-align:center}
.branding-preview-favicon img{width:64px;height:64px;image-rendering:auto}
.favicon-placeholder{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:linear-gradient(145deg,var(--food),#fb923c);color:#fff;font-size:.82rem;font-weight:950;box-shadow:0 10px 24px rgba(249,115,22,.2)}
.branding-upload-copy{min-width:0;display:flex;flex-direction:column;gap:13px}
.branding-upload-copy h3{margin:0 0 5px;font-size:.92rem}
.branding-upload-copy p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.55}
.file-field{display:grid;gap:7px;margin-top:auto;color:#344054;font-size:.7rem;font-weight:850}
.file-field input[type=file]{width:100%;min-width:0;padding:7px;border:1px solid #dfe3e8;border-radius:11px;background:#fff;color:#667085;font-size:.66rem;cursor:pointer}
.file-field input[type=file]::file-selector-button{margin-right:8px;padding:8px 10px;border:0;border-radius:8px;background:#172033;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.remove-upload-field{display:flex;align-items:center;gap:8px;color:#b42318;font-size:.66rem;font-weight:750;cursor:pointer}
.remove-upload-field input{width:16px;height:16px;accent-color:#dc2626}
@media(max-width:980px){.branding-upload-grid{grid-template-columns:1fr}.branding-upload-card{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:760px){.brand-logo-site{height:40px;max-width:112px}.brand-logo-footer{height:43px;max-width:135px}.branding-upload-card{grid-template-columns:1fr}.branding-preview{min-height:118px}.branding-preview img{height:68px}}
@media(max-width:520px){.brand-logo-site+span{display:none}.brand-logo-site{max-width:150px}.brand-logo-admin{max-width:76px}.branding-upload-card{padding:14px}.branding-preview{min-height:105px}.branding-upload-copy p{font-size:.7rem}}

/* =========================================================
   CLOUDFLARE TURNSTILE SECURITY 5.5
   ========================================================= */
.turnstile-wrap{display:grid;gap:8px;width:100%;min-width:0;margin:2px 0 4px;padding:12px;border:1px solid #e3e7ee;border-radius:14px;background:#fbfcfe;overflow:hidden}
.turnstile-wrap .cf-turnstile{display:block;width:100%;min-width:0}
.turnstile-wrap iframe{max-width:100%}
.turnstile-note{display:block;color:var(--muted);font-size:.64rem;line-height:1.45}
.turnstile-config-error{padding:11px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b42318;font-size:.7rem;font-weight:750;line-height:1.5}
.member-auth-form .turnstile-wrap{margin-top:2px;background:#fff}
.auth-form .turnstile-wrap{margin:2px 0;background:#fff}
.comment-form-card .turnstile-wrap{margin:12px 0;background:#fff}
.security-master-toggle{margin-bottom:18px;border-color:#fed7aa;background:#fff7ed}
.turnstile-key-grid{margin-top:4px}
.turnstile-key-grid .field small{color:var(--muted);font-size:.64rem;line-height:1.45}
.turnstile-clear-secret{margin:14px 0 4px}
.turnstile-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.turnstile-target-grid .settings-toggle{height:100%;margin:0}
.turnstile-host-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:12px 14px;border:1px dashed #d7dce5;border-radius:12px;background:#fbfcfe;color:#475467;font-size:.68rem}
.turnstile-host-note strong{color:#172033}
.turnstile-host-note span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all}
@media(max-width:760px){.turnstile-target-grid{grid-template-columns:1fr}.turnstile-host-note{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:380px){.turnstile-wrap{padding:8px}.turnstile-wrap .cf-turnstile{width:116%;transform:scale(.86);transform-origin:left top;margin-bottom:-9px}.turnstile-note{font-size:.61rem}}

/* =========================================================
   AI TREND AUTO POSTING 5.6
   ========================================================= */
.status-blue{background:#eaf2ff;color:#175cd3;border-color:#b2ccff}
.ai-preview-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.autopost-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:24px;align-items:start;margin-bottom:24px}
.autopost-actions-panel{position:sticky;top:92px}
.autopost-action-stack{display:grid;gap:14px}
.autopost-action-stack form{display:grid;gap:7px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.autopost-action-stack form:last-child{padding-bottom:0;border-bottom:0}
.autopost-action-stack small,.cron-card small{color:var(--muted);font-size:.66rem;line-height:1.5}
.cron-card,.notice-card{display:grid;gap:9px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe}
.cron-card code{display:block;max-height:100px;overflow:auto;padding:10px;border-radius:10px;background:#172033;color:#d0f4de;font-size:.62rem;line-height:1.5;word-break:break-all;white-space:normal}
.notice-card{border-color:#fed7aa;background:#fff7ed}
.notice-card p,.cron-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}

/* Gambar langkah resep */
.steps-list-with-images .step-copy{min-width:0}
.recipe-step-image{margin:14px 0 2px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#f8fafc}
.recipe-step-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#f3f4f6}
.recipe-step-image figcaption{padding:9px 12px;color:var(--muted);font-size:.64rem;font-weight:750}

@media(max-width:1100px){
    .autopost-layout{grid-template-columns:1fr}
    .autopost-actions-panel{position:static}
}
@media(max-width:760px){
    .autopost-layout{gap:16px}
    .ai-preview-badges{align-items:flex-start}
    .steps-list li{grid-template-columns:42px minmax(0,1fr);gap:12px}
    .steps-list li>span{width:38px;height:38px}
    .recipe-step-image{border-radius:13px}
}
@media(max-width:480px){
    .cron-card,.notice-card{padding:13px}
    .recipe-step-image img{aspect-ratio:4/3}
}

/* AI process popup 5.6.1 */
.process-modal[hidden]{display:none!important}
body.is-process-locked{overflow:hidden}
.process-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.process-modal-backdrop{position:absolute;inset:0;background:rgba(8,15,29,.72);backdrop-filter:blur(10px);animation:process-fade-in .22s ease-out both}
.process-dialog{position:relative;width:min(590px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid rgba(255,255,255,.7);border-radius:30px;padding:34px;box-shadow:0 34px 100px rgba(2,8,23,.38);animation:process-dialog-in .28s cubic-bezier(.2,.8,.2,1) both}
.process-orbit{width:76px;height:76px;position:relative;display:grid;place-items:center;margin-bottom:20px}
.process-orbit-ring{position:absolute;inset:0;border:2px solid #fed7aa;border-top-color:#f97316;border-right-color:#16a34a;border-radius:50%;animation:process-spin 1.15s linear infinite}
.process-orbit-ring:after{content:"";position:absolute;inset:8px;border:1px dashed #dbe3ef;border-radius:50%;animation:process-spin 2.3s linear infinite reverse}
.process-orbit-core{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f97316,#ea580c);color:#fff;font-size:.82rem;font-weight:950;letter-spacing:.08em;box-shadow:0 12px 28px rgba(249,115,22,.3)}
.process-status-row{display:flex;align-items:center;gap:9px;color:#64748b;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.process-status-row time{margin-left:auto;font-variant-numeric:tabular-nums;color:#334155;background:#f1f5f9;border-radius:999px;padding:6px 10px;letter-spacing:.04em}
.process-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12);animation:process-pulse 1.4s ease-in-out infinite}
.process-dialog h2{margin:13px 0 8px;font-size:1.75rem;line-height:1.15;letter-spacing:-.035em;color:#162033}
.process-dialog>p{margin:0;color:#667085;font-size:.9rem;line-height:1.65;min-height:48px}
.process-progress-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;margin-bottom:9px;color:#64748b;font-size:.74rem;font-weight:750}
.process-progress-head strong{color:#172033;font-size:.86rem;font-variant-numeric:tabular-nums}
.process-progress{display:block;width:100%;height:12px;border:0;border-radius:999px;overflow:hidden;background:#e9edf4;appearance:none}
.process-progress::-webkit-progress-bar{background:#e9edf4;border-radius:999px}
.process-progress::-webkit-progress-value{background:linear-gradient(90deg,#f97316,#fb923c 55%,#16a34a);border-radius:999px;transition:width .45s ease}
.process-progress::-moz-progress-bar{background:linear-gradient(90deg,#f97316,#fb923c 55%,#16a34a);border-radius:999px}
.process-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.process-steps li{min-width:0;border:1px solid #e5e9f0;background:#fff;border-radius:16px;padding:12px 10px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:start;transition:border-color .2s,background .2s,transform .2s}
.process-steps li>span{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#f1f5f9;color:#64748b;font-size:.68rem;font-weight:900}
.process-steps li div{min-width:0;display:grid;gap:3px}
.process-steps strong{font-size:.69rem;line-height:1.2;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.process-steps small{font-size:.58rem;line-height:1.35;color:#94a3b8}
.process-steps li.is-active{border-color:#fdba74;background:#fff7ed;transform:translateY(-2px);box-shadow:0 10px 24px rgba(249,115,22,.1)}
.process-steps li.is-active>span{background:#f97316;color:#fff}
.process-steps li.is-active strong{color:#9a3412}
.process-steps li.is-done{border-color:#bbf7d0;background:#f0fdf4}
.process-steps li.is-done>span{background:#16a34a;color:#fff}
.process-steps li.is-done>span:before{content:"✓"}
.process-steps li.is-done>span{font-size:0}
.process-steps li.is-done>span:before{font-size:.76rem}
.process-note{margin-top:22px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:14px 16px;display:grid;gap:4px}
.process-note strong{font-size:.76rem;color:#334155}
.process-note span{font-size:.68rem;line-height:1.5;color:#64748b}
.process-close{width:100%;margin-top:16px}
.process-modal.is-success .process-orbit-ring{border-color:#86efac;border-top-color:#16a34a;animation-duration:2.4s}
.process-modal.is-success .process-orbit-core{background:linear-gradient(145deg,#22c55e,#15803d)}
.process-modal.is-success .process-live-dot{background:#16a34a}
.process-modal.is-error .process-orbit-ring{border-color:#fecdd3;border-top-color:#e11d48;border-right-color:#fb7185;animation:none}
.process-modal.is-error .process-orbit-core{background:linear-gradient(145deg,#f43f5e,#be123c)}
.process-modal.is-error .process-live-dot{background:#e11d48;box-shadow:0 0 0 6px rgba(225,29,72,.12);animation:none}
.process-modal.is-error .process-note{border-color:#fecdd3;background:#fff1f2}
.process-modal.is-error .process-note strong{color:#9f1239}
@keyframes process-spin{to{transform:rotate(360deg)}}
@keyframes process-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}
@keyframes process-fade-in{from{opacity:0}to{opacity:1}}
@keyframes process-dialog-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.process-modal{padding:10px}.process-dialog{border-radius:24px;padding:25px 20px;max-height:calc(100vh - 20px)}.process-dialog h2{font-size:1.45rem}.process-steps{grid-template-columns:1fr 1fr}.process-steps li{padding:10px}.process-orbit{width:66px;height:66px}.process-orbit-core{width:42px;height:42px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.process-modal-backdrop,.process-dialog,.process-orbit-ring,.process-orbit-ring:after,.process-live-dot{animation:none!important}.process-steps li,.process-progress::-webkit-progress-value{transition:none!important}}

/* =========================================================
   TREND AUTO POSTING CONTROL CENTER 5.6.2
   ========================================================= */
.autopost-v2{display:grid;gap:22px;min-width:0}
.autopost-command{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.65fr);gap:28px;overflow:hidden;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:radial-gradient(circle at 88% 12%,rgba(249,115,22,.24),transparent 30%),radial-gradient(circle at 12% 90%,rgba(22,163,74,.16),transparent 34%),linear-gradient(135deg,#111a2d 0%,#18243b 54%,#101827 100%);color:#fff;box-shadow:0 22px 55px rgba(15,23,42,.18)}
.autopost-command:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,#000,transparent)}
.autopost-command-copy,.autopost-command-monitor{position:relative;z-index:1}
.autopost-kicker{display:flex;align-items:center;gap:9px;color:#fdba74;font-size:.68rem;font-weight:900;letter-spacing:.16em}
.autopost-kicker i{width:8px;height:8px;border-radius:50%;background:#fb923c;box-shadow:0 0 0 7px rgba(251,146,60,.13)}
.autopost-command h1{max-width:700px;margin:14px 0 8px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.03;letter-spacing:-.055em}
.autopost-command-copy>p{max-width:720px;margin:0;color:#c7d0df;font-size:.9rem;line-height:1.75}
.autopost-command-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.autopost-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.06);color:#dce3ef;font-size:.65rem;font-weight:750;backdrop-filter:blur(12px)}
.autopost-chip b{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:8px;background:rgba(255,255,255,.1);font-size:.58rem;letter-spacing:.05em}
.autopost-chip.is-ready{border-color:rgba(74,222,128,.24);background:rgba(22,163,74,.13);color:#dcfce7}.autopost-chip.is-ready b{background:#16a34a;color:#fff}
.autopost-chip.is-danger{border-color:rgba(248,113,113,.25);background:rgba(220,38,38,.13);color:#fee2e2}.autopost-chip.is-danger b{background:#dc2626;color:#fff}
.autopost-chip.is-muted b{background:rgba(255,255,255,.12);color:#fff}
.autopost-command-monitor{align-self:stretch;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.075);backdrop-filter:blur(18px)}
.autopost-monitor-head{display:flex;align-items:center;justify-content:space-between;color:#aab6c9;font-size:.6rem;font-weight:900;letter-spacing:.14em}
.autopost-monitor-head i{width:10px;height:10px;border-radius:50%;background:#64748b;box-shadow:0 0 0 7px rgba(100,116,139,.13)}
.autopost-monitor-head i.is-live{background:#4ade80;box-shadow:0 0 0 7px rgba(74,222,128,.13);animation:autopost-live 1.8s ease-in-out infinite}
.autopost-command-monitor>strong{display:block;margin-top:28px;font-size:1.55rem;letter-spacing:-.035em}
.autopost-command-monitor>p{margin:6px 0 20px;color:#bcc7d8;font-size:.72rem;line-height:1.55}
.autopost-command-monitor dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.autopost-command-monitor dl div{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(15,23,42,.25)}
.autopost-command-monitor dt{color:#94a3b8;font-size:.56rem;line-height:1.35}.autopost-command-monitor dd{margin:5px 0 0;color:#fff;font-size:.8rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.autopost-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.autopost-metric{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;border:1px solid #e5e9f0;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.autopost-metric-icon{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff7ed;color:#ea580c;font-size:.72rem;font-weight:950;box-shadow:inset 0 0 0 1px #fed7aa}
.autopost-metric-icon.is-blue{background:#eff6ff;color:#2563eb;box-shadow:inset 0 0 0 1px #bfdbfe}.autopost-metric-icon.is-orange{background:#fff7ed;color:#ea580c}.autopost-metric-icon.is-green{background:#f0fdf4;color:#16a34a;box-shadow:inset 0 0 0 1px #bbf7d0}
.autopost-metric>div{display:grid;min-width:0}.autopost-metric small{color:#667085;font-size:.62rem;font-weight:750}.autopost-metric strong{margin:1px 0;color:#172033;font-size:1.35rem;line-height:1.15;letter-spacing:-.035em}.autopost-metric em{color:#98a2b3;font-size:.56rem;font-style:normal}
.autopost-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.autopost-mode-card{position:relative;overflow:hidden;padding:26px;border:1px solid #e3e8ef;border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.055)}
.autopost-mode-card:after{content:"";position:absolute;right:-44px;top:-44px;width:150px;height:150px;border-radius:50%;background:rgba(249,115,22,.06);pointer-events:none}
.autopost-mode-card.is-auto:after{background:rgba(37,99,235,.065)}
.autopost-mode-card.is-auto.is-enabled{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f7fff9)}
.autopost-mode-top{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:24px}
.autopost-mode-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#172033;color:#fff;font-size:.66rem;font-weight:950}.autopost-mode-card.is-auto .autopost-mode-number{background:#2563eb}
.autopost-mode-label{color:#667085;font-size:.62rem;font-weight:900;letter-spacing:.13em}
.autopost-mode-card h2{position:relative;z-index:1;margin:0;color:#172033;font-size:1.45rem;line-height:1.2;letter-spacing:-.035em}
.autopost-mode-card>p,.autopost-auto-heading p{position:relative;z-index:1;margin:7px 0 0;color:#667085;font-size:.76rem;line-height:1.6}
.autopost-mode-facts{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0}.autopost-mode-facts span{padding:8px 10px;border:1px solid #e7eaf0;border-radius:10px;background:#f8fafc;color:#667085;font-size:.63rem}.autopost-mode-facts b{color:#172033}
.autopost-mode-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;margin-top:19px}.autopost-mode-actions form{min-width:0}
.autopost-primary-action,.autopost-secondary-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:51px;padding:0 14px 0 17px;border-radius:14px;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.autopost-primary-action{border:0;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 13px 28px rgba(249,115,22,.2)}.autopost-primary-action:hover{transform:translateY(-1px);box-shadow:0 17px 31px rgba(249,115,22,.27)}
.autopost-secondary-action{border:1px solid #dfe4eb;background:#fff;color:#344054}.autopost-secondary-action:hover{background:#f8fafc;transform:translateY(-1px)}
.autopost-primary-action b,.autopost-secondary-action b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.16);font-size:.86rem}.autopost-secondary-action b{background:#f1f5f9}
.autopost-primary-action:disabled,.autopost-auto-toggle button:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}
.autopost-mode-warning{display:block;margin-top:10px;color:#b42318;font-size:.62rem;font-weight:750}
.autopost-auto-heading{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.autopost-power{display:grid;place-items:center;min-width:50px;height:30px;border-radius:999px;background:#eef2f6;color:#667085;font-size:.58rem;font-weight:950;letter-spacing:.08em}.autopost-power.is-on{background:#dcfce7;color:#15803d;box-shadow:inset 0 0 0 1px #bbf7d0}
.autopost-auto-toggle{margin-top:18px}.autopost-auto-toggle button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 12px 0 16px;border:0;border-radius:13px;background:#172033;color:#fff;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.autopost-auto-toggle button b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.12);font-size:.68rem}.autopost-mode-card.is-enabled .autopost-auto-toggle button{background:#166534}
.autopost-cron-box{position:relative;z-index:1;display:grid;gap:9px;margin-top:14px;padding:13px;border:1px solid #e4e9f0;border-radius:14px;background:#f8fafc}.autopost-cron-box>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.autopost-cron-box span{color:#475467;font-size:.58rem;font-weight:900;letter-spacing:.1em}.autopost-cron-box small{color:#98a2b3;font-size:.55rem}.autopost-cron-box code{display:block;max-height:60px;overflow:auto;padding:9px;border-radius:9px;background:#172033;color:#d1fae5;font-size:.56rem;line-height:1.45;word-break:break-all;white-space:normal}.autopost-cron-box button{justify-self:start;padding:7px 10px;border:1px solid #dbe2ea;border-radius:9px;background:#fff;color:#344054;font:inherit;font-size:.58rem;font-weight:850;cursor:pointer}.autopost-cron-box button.is-copied{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.autopost-last-run{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#667085;font-size:.61rem}.autopost-last-run strong{color:#344054;font-size:.64rem}
.autopost-config-panel{overflow:hidden;border:1px solid #e3e8ef;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.045)}
.autopost-config-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px;list-style:none;cursor:pointer}.autopost-config-panel>summary::-webkit-details-marker{display:none}.autopost-config-panel>summary>span{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;align-items:center}.autopost-config-panel>summary i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f1f5f9;font-style:normal}.autopost-config-panel>summary b{font-size:.86rem}.autopost-config-panel>summary small{color:#98a2b3;font-size:.6rem}.autopost-config-panel>summary em{color:#f97316;font-size:.62rem;font-style:normal;font-weight:850}.autopost-config-panel[open]>summary{border-bottom:1px solid #edf0f4}.autopost-config-body{padding:22px}.autopost-config-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.autopost-config-wide{grid-column:1/-1}.autopost-config-seed{grid-column:span 2}.autopost-config-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.autopost-queue-panel,.autopost-history-panel{min-width:0;overflow:hidden;border:1px solid #e3e8ef;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.05)}
.autopost-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px 25px 19px}.autopost-section-kicker{color:#f97316;font-size:.6rem;font-weight:950;letter-spacing:.14em}.autopost-section-head h2{margin:5px 0 2px;color:#172033;font-size:1.35rem;letter-spacing:-.035em}.autopost-section-head p{margin:0;color:#667085;font-size:.7rem}.autopost-section-meta{display:grid;justify-items:end}.autopost-section-meta strong{font-size:1.35rem;line-height:1}.autopost-section-meta span{margin-top:5px;color:#98a2b3;font-size:.58rem}
.autopost-queue-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) minmax(150px,220px) auto;gap:10px;align-items:center;padding:14px 24px;border-block:1px solid #edf0f4;background:#fbfcfe}
.autopost-search{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid #dfe4eb;border-radius:12px;background:#fff}.autopost-search>span{color:#98a2b3;font-size:1rem}.autopost-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#172033;font-size:.7rem}.autopost-search input::placeholder{color:#a6afbc}
.autopost-filter{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 11px;border:1px solid #dfe4eb;border-radius:12px;background:#fff}.autopost-filter span{color:#98a2b3;font-size:.58rem;font-weight:800}.autopost-filter select{width:100%;min-width:0;border:0;outline:0;background:#fff;color:#344054;font:inherit;font-size:.66rem;font-weight:750}
.autopost-bulk-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.autopost-bulk-actions>span{color:#667085;font-size:.6rem;white-space:nowrap}.autopost-delete-selected{min-height:38px;padding:0 11px;border:1px solid #fecaca;border-radius:10px;background:#fff;color:#b42318;font:inherit;font-size:.61rem;font-weight:850;cursor:pointer}.autopost-delete-selected:disabled{border-color:#e5e7eb;color:#a7aeb8;cursor:not-allowed}
.autopost-table-wrap{width:100%;overflow:auto}.autopost-keyword-table{width:100%;min-width:1040px;border-collapse:collapse}.autopost-keyword-table th{padding:13px 14px;border-bottom:1px solid #e8ecf1;background:#fff;color:#667085;font-size:.58rem;font-weight:900;letter-spacing:.07em;text-align:left;text-transform:uppercase}.autopost-keyword-table td{padding:14px;border-bottom:1px solid #edf0f4;color:#344054;font-size:.68rem;vertical-align:middle}.autopost-keyword-table tbody tr{transition:background .16s}.autopost-keyword-table tbody tr:hover{background:#fbfcfe}.autopost-keyword-table tbody tr:last-child td{border-bottom:0}.autopost-check-cell{width:42px;text-align:center!important}.autopost-check-cell input{width:16px;height:16px;accent-color:#f97316;cursor:pointer}
.autopost-keyword-name{display:grid;gap:3px;max-width:320px}.autopost-keyword-name strong{color:#172033;font-size:.72rem;line-height:1.35}.autopost-keyword-name small{color:#98a2b3;font-size:.56rem;line-height:1.4}
.autopost-source-badge{display:inline-flex;padding:6px 8px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:.56rem;font-weight:850}.autopost-source-badge.is-trend{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.autopost-traffic{display:block;margin-top:5px;color:#98a2b3;font-size:.54rem}
.autopost-score{display:flex;align-items:center;gap:8px}.autopost-score progress{width:68px;height:6px;border:0;border-radius:999px;overflow:hidden;background:#e9edf3;appearance:none}.autopost-score progress::-webkit-progress-bar{background:#e9edf3}.autopost-score progress::-webkit-progress-value{background:linear-gradient(90deg,#fb923c,#16a34a);border-radius:999px}.autopost-score progress::-moz-progress-bar{background:linear-gradient(90deg,#fb923c,#16a34a);border-radius:999px}.autopost-score b{font-size:.62rem}.autopost-date{display:block;margin-top:5px;color:#98a2b3;font-size:.54rem}
.autopost-row-error{display:block;max-width:180px;margin-top:5px;color:#b42318;font-size:.54rem;line-height:1.35}.autopost-recipe-link{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:210px;padding:7px 9px;border:1px solid #dcfce7;border-radius:9px;background:#f0fdf4;color:#166534;font-size:.58rem;font-weight:800}.autopost-recipe-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autopost-recipe-link b{font-size:.72rem}.autopost-empty-result{color:#98a2b3;font-size:.59rem}
.autopost-row-delete{display:inline-flex;align-items:center;gap:7px;padding:7px 8px 7px 10px;border:1px solid #fecaca;border-radius:9px;background:#fff;color:#b42318;font:inherit;font-size:.58rem;font-weight:850;cursor:pointer}.autopost-row-delete:hover{background:#fff1f2}.autopost-row-delete b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#fee2e2;font-size:.8rem;line-height:1}
.autopost-empty-state{display:grid;justify-items:center;padding:38px 20px;text-align:center}.autopost-empty-state>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f1f5f9;color:#64748b;font-size:.8rem;font-weight:900}.autopost-empty-state strong{margin-top:11px;font-size:.8rem}.autopost-empty-state p{margin:3px 0 0;color:#98a2b3;font-size:.62rem}
.autopost-queue-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 24px;border-top:1px solid #edf0f4;background:#fbfcfe;color:#667085;font-size:.6rem}.autopost-text-action{padding:0;border:0;background:transparent;color:#f97316;font:inherit;font-size:.6rem;font-weight:850;cursor:pointer}
.autopost-history-panel{padding-bottom:8px}.autopost-run-list{display:grid;gap:9px;padding:0 24px 18px}.autopost-run-card{display:grid;grid-template-columns:42px minmax(220px,1fr) auto auto;gap:14px;align-items:center;padding:14px;border:1px solid #e7eaf0;border-radius:15px;background:#fff}.autopost-run-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff7ed;color:#ea580c;font-size:.7rem;font-weight:950}.autopost-run-icon.is-auto{background:#eff6ff;color:#2563eb}.autopost-run-main{min-width:0}.autopost-run-main>div{display:flex;align-items:center;gap:10px}.autopost-run-main strong{font-size:.68rem}.autopost-run-main span{color:#98a2b3;font-size:.55rem}.autopost-run-main p{margin:4px 0 0;color:#667085;font-size:.58rem;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autopost-run-counts{display:flex;gap:6px}.autopost-run-counts span{display:grid;justify-items:center;min-width:62px;padding:7px;border-radius:9px;background:#f8fafc;color:#98a2b3;font-size:.52rem}.autopost-run-counts b{color:#344054;font-size:.65rem}.autopost-run-state{display:grid;justify-items:end;gap:5px}.autopost-run-state small{color:#98a2b3;font-size:.53rem;font-variant-numeric:tabular-nums}
@keyframes autopost-live{50%{box-shadow:0 0 0 11px rgba(74,222,128,0)}}
@media(max-width:1180px){.autopost-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.autopost-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.autopost-config-seed{grid-column:span 2}.autopost-run-card{grid-template-columns:42px minmax(220px,1fr) auto}.autopost-run-state{grid-column:2/4;grid-row:2;display:flex;justify-content:flex-end;align-items:center}.autopost-run-main p{white-space:normal}}
@media(max-width:980px){.autopost-command{grid-template-columns:1fr}.autopost-command-monitor dl{grid-template-columns:repeat(3,minmax(0,1fr))}.autopost-mode-grid{grid-template-columns:1fr}.autopost-queue-toolbar{grid-template-columns:1fr 190px}.autopost-bulk-actions{grid-column:1/-1;justify-content:space-between}.autopost-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.autopost-config-seed{grid-column:span 1}}
@media(max-width:760px){.autopost-v2{gap:16px}.autopost-command{padding:24px;border-radius:22px}.autopost-command h1{font-size:2.25rem}.autopost-command-monitor{padding:18px}.autopost-command-monitor dl{grid-template-columns:1fr}.autopost-command-monitor dl div{display:flex;align-items:center;justify-content:space-between}.autopost-command-monitor dd{margin:0}.autopost-metric-grid{grid-template-columns:1fr 1fr;gap:10px}.autopost-metric{padding:14px}.autopost-mode-card{padding:20px;border-radius:20px}.autopost-mode-actions{grid-template-columns:1fr}.autopost-config-panel>summary{align-items:flex-start;padding:17px}.autopost-config-panel>summary em{display:none}.autopost-config-body{padding:17px}.autopost-config-grid{grid-template-columns:1fr}.autopost-config-wide,.autopost-config-seed{grid-column:auto}.autopost-section-head{padding:20px;flex-direction:column}.autopost-section-meta{justify-items:start}.autopost-queue-toolbar{grid-template-columns:1fr;padding:12px 16px}.autopost-filter{width:100%}.autopost-bulk-actions{grid-column:auto}.autopost-table-wrap{overflow:visible;padding:0 14px 14px}.autopost-keyword-table{display:block;min-width:0}.autopost-keyword-table thead{display:none}.autopost-keyword-table tbody{display:grid;gap:10px}.autopost-keyword-table tr[data-keyword-row]{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);padding:13px;border:1px solid #e5e9f0;border-radius:15px;background:#fff}.autopost-keyword-table tr[data-keyword-row] td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start;padding:7px 0;border:0}.autopost-keyword-table tr[data-keyword-row] td:before{content:attr(data-label);color:#98a2b3;font-size:.54rem;font-weight:850;text-transform:uppercase}.autopost-keyword-table tr[data-keyword-row] .autopost-check-cell{grid-row:1/8;grid-column:1;width:auto;display:block;padding-top:8px}.autopost-keyword-table tr[data-keyword-row] .autopost-check-cell:before{display:none}.autopost-keyword-table tr[data-keyword-row] td:not(.autopost-check-cell){grid-column:2}.autopost-keyword-table tr[data-keyword-row] td.align-right{justify-items:start;text-align:left}.autopost-keyword-name,.autopost-row-error,.autopost-recipe-link{max-width:none}.autopost-keyword-table tbody>tr:not([data-keyword-row]){display:block}.autopost-keyword-table tbody>tr:not([data-keyword-row]) td{display:block}.autopost-queue-footer{align-items:flex-start;flex-direction:column;padding:13px 17px}.autopost-run-list{padding:0 16px 16px}.autopost-run-card{grid-template-columns:38px minmax(0,1fr);gap:11px}.autopost-run-icon{width:38px;height:38px}.autopost-run-counts{grid-column:1/-1}.autopost-run-counts span{flex:1}.autopost-run-state{grid-column:1/-1;grid-row:auto;justify-content:space-between}.autopost-run-main>div{align-items:flex-start;flex-direction:column;gap:2px}}
@media(max-width:520px){.autopost-command{padding:20px}.autopost-command h1{font-size:1.95rem}.autopost-command-copy>p{font-size:.78rem}.autopost-command-badges{gap:6px}.autopost-chip{font-size:.58rem}.autopost-metric-grid{grid-template-columns:1fr}.autopost-metric{min-height:76px}.autopost-auto-heading{align-items:flex-start}.autopost-cron-box>div{align-items:flex-start;flex-direction:column;gap:2px}.autopost-section-head{padding:17px}.autopost-section-head h2{font-size:1.18rem}.autopost-keyword-table tr[data-keyword-row] td{grid-template-columns:72px minmax(0,1fr)}.autopost-run-counts{flex-wrap:wrap}.autopost-run-counts span{min-width:calc(33.333% - 5px)}}
.autopost-copy-helper{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}

/* Recipe Image Studio 5.6.4 */
.page-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recipe-image-heading{align-items:flex-end}.recipe-image-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;margin:0 0 20px;padding:18px 20px;border:1px solid #dfe5ec;border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(15,23,42,.05)}.recipe-image-status.is-ready{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}.recipe-image-status.is-warning{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}.recipe-image-status-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#172033;color:#fff;font-size:.78rem;font-weight:950;box-shadow:0 9px 22px rgba(23,32,51,.18)}.recipe-image-status.is-ready .recipe-image-status-icon{background:#16a34a}.recipe-image-status>div:nth-child(2){display:grid;gap:3px}.recipe-image-status strong{font-size:.92rem}.recipe-image-status p{margin:0;color:#667085;font-size:.76rem}.recipe-image-status>span{padding:7px 10px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:.62rem;font-weight:900;letter-spacing:.08em}.recipe-image-status.is-warning>span{background:#ffedd5;color:#c2410c}.recipe-image-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.recipe-image-stats article{position:relative;overflow:hidden;display:grid;gap:5px;padding:20px;border:1px solid #e2e7ee;border-radius:18px;background:#fff}.recipe-image-stats article:after{content:"";position:absolute;right:-20px;bottom:-28px;width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,rgba(249,115,22,.12),rgba(22,163,74,.05))}.recipe-image-stats span{color:#667085;font-size:.7rem;font-weight:780}.recipe-image-stats strong{font-size:1.9rem;line-height:1;color:#172033}.recipe-image-stats small{color:#98a2b3;font-size:.62rem}.recipe-image-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:20px;align-items:start}.recipe-image-control{padding:28px}.recipe-image-control form{display:grid;gap:24px}.recipe-image-fieldset{margin:0;padding:0;border:0;display:grid;gap:12px}.recipe-image-fieldset legend{margin-bottom:10px;color:#172033;font-size:.78rem;font-weight:900}.recipe-image-choice-grid,.recipe-image-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recipe-image-choice,.recipe-image-toggle{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:92px;padding:16px;border:1px solid #dfe5ec;border-radius:16px;background:#fbfcfd;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.recipe-image-choice:hover,.recipe-image-toggle:hover{border-color:#fdba74;box-shadow:0 10px 28px rgba(249,115,22,.08);transform:translateY(-1px)}.recipe-image-choice input,.recipe-image-toggle input{margin-top:3px;accent-color:#f97316}.recipe-image-choice:has(input:checked),.recipe-image-toggle:has(input:checked){border-color:#f97316;background:#fff7ed;box-shadow:0 0 0 3px rgba(249,115,22,.08)}.recipe-image-choice span:last-child,.recipe-image-toggle span:last-child{display:grid;gap:5px}.recipe-image-choice b,.recipe-image-toggle b{font-size:.8rem;color:#172033}.recipe-image-choice small,.recipe-image-toggle small{color:#667085;font-size:.68rem;line-height:1.55}.recipe-image-toggle-icon{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#172033;color:#fff;font-size:.62rem;font-weight:900}.recipe-image-toggle:has(input:checked) .recipe-image-toggle-icon{background:#f97316}.recipe-image-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-image-estimate{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:17px 18px;border:1px dashed #fdba74;border-radius:16px;background:#fffaf5}.recipe-image-estimate div{display:grid;gap:3px;white-space:nowrap}.recipe-image-estimate span{font-size:.62rem;color:#9a3412;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.recipe-image-estimate strong{font-size:.88rem;color:#7c2d12}.recipe-image-estimate p{margin:0;color:#7c5a46;font-size:.68rem;line-height:1.55}.recipe-image-actions{display:flex;align-items:center;gap:16px;padding-top:4px}.recipe-image-actions p{margin:0;color:#667085;font-size:.68rem;line-height:1.55}.button-large{min-height:50px;padding:0 22px;font-size:.78rem}.recipe-image-guide{display:grid;gap:16px;position:sticky;top:102px}.recipe-image-guide h2{font-size:1.25rem;margin:7px 0 18px}.recipe-image-flow{list-style:none;display:grid;gap:14px;margin:0;padding:0}.recipe-image-flow li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start}.recipe-image-flow li>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#fff7ed;color:#f97316;font-size:.7rem;font-weight:950}.recipe-image-flow div{display:grid;gap:4px;padding-top:1px}.recipe-image-flow b{font-size:.76rem}.recipe-image-flow small{color:#667085;font-size:.65rem;line-height:1.5}.recipe-image-note-card{border-color:#fed7aa;background:linear-gradient(145deg,#fff7ed,#fff)}.recipe-image-note-card strong,.recipe-image-safety-card strong{font-size:.84rem}.recipe-image-note-card p{margin:8px 0 0;color:#7c5a46;font-size:.7rem;line-height:1.6}.recipe-image-safety-card ul{margin:10px 0 0;padding-left:18px;display:grid;gap:8px;color:#667085;font-size:.67rem;line-height:1.45}.image-placeholder-ai{display:grid!important;place-items:center;align-content:center;gap:1px;font-size:.65rem!important}.image-placeholder-ai small{font-size:.44rem!important;color:#98a2b3;font-weight:700}
@media(max-width:1150px){.recipe-image-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-image-layout{grid-template-columns:1fr}.recipe-image-guide{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-image-guide .panel{height:100%}}
@media(max-width:820px){.recipe-image-heading{align-items:flex-start}.recipe-image-choice-grid,.recipe-image-toggle-grid,.recipe-image-form-grid{grid-template-columns:1fr}.recipe-image-guide{grid-template-columns:1fr}.recipe-image-estimate{grid-template-columns:1fr}.recipe-image-actions{align-items:flex-start;flex-direction:column}.recipe-image-actions .button{width:100%}.recipe-image-status{grid-template-columns:auto minmax(0,1fr)}.recipe-image-status>span{grid-column:1/-1;width:max-content;margin-left:61px}}
@media(max-width:520px){.page-heading-actions{width:100%;display:grid;grid-template-columns:1fr}.page-heading-actions .button{width:100%}.recipe-image-stats{grid-template-columns:1fr}.recipe-image-control{padding:19px}.recipe-image-choice,.recipe-image-toggle{min-height:0;padding:14px}.recipe-image-status{padding:15px}.recipe-image-status>span{margin-left:0}.recipe-image-estimate div{white-space:normal}}