@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--bg: #f6f3ee;--bg-soft: #f2ede4;--surface: #ffffff;--surface-soft: #fcfaf7;--text: #1f2a2e;--muted: #6a7478;--line: #e3ddd2;--line-strong: #d5ccbd;--primary: #e56a2a;--primary-press: #cb5b20;--accent: #2f7d4f;--danger: #c83a3a;--ok-bg: #eaf8ef;--ok-text: #1c6b3f;--error-bg: #fdeeee;--error-text: #9d2b2b;--info-bg: #eef5ff;--info-text: #235181;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--shadow-soft: 0 10px 24px rgba(41, 32, 19, .06);--shadow-card: 0 18px 36px rgba(41, 32, 19, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 6% -10%,#ffe7cf,transparent 34%),radial-gradient(circle at 96% 0%,#ffe9d6,transparent 30%),var(--bg)}a{color:inherit}h1,h2,h3{margin:0;font-family:Fraunces,Georgia,serif;letter-spacing:.01em;line-height:1.12}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.35rem,2.5vw,1.9rem)}h3{font-size:clamp(1.1rem,2vw,1.3rem)}p{margin:0}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;top:0;z-index:30;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar-inner{width:min(1120px,100%);margin:0 auto;padding:.85rem 1rem;display:grid;gap:.8rem}.brand-group{display:grid;gap:.1rem}.logo-link{width:fit-content;text-decoration:none}.logo-mark{display:inline-flex;color:#1b2e36;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.72rem}.tagline{color:var(--muted);font-size:.86rem}.main-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.38rem}.nav-link{text-decoration:none;font-weight:700;font-size:.86rem;padding:.48rem .72rem;border-radius:999px;color:#364248;border:1px solid transparent}.nav-link:hover{background:#f5f0e8;border-color:#ece3d4}.nav-link-active{background:#f8ede5;color:#5d2d10;border-color:#f0dacb}.nav-link-utility{color:#4f5a60}.topbar-actions{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.avatar-button{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #e1d7c8;border-radius:999px;background:#fff;color:#3e4d54;padding:.32rem .48rem .32rem .34rem;cursor:pointer;font:inherit}.avatar-button:hover{background:#fbf6ef}.avatar-circle{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#e56a2a,#cc4e16)}.avatar-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700}.user-menu{position:absolute;right:0;top:calc(100% + .45rem);min-width:180px;border:1px solid #eadfce;border-radius:14px;background:#fff;box-shadow:var(--shadow-card);padding:.35rem;display:grid;gap:.2rem;z-index:40}.user-menu-item{display:block;text-align:left;width:100%;text-decoration:none;border:none;border-radius:10px;background:transparent;color:#37474f;padding:.5rem .58rem;font:inherit;font-size:.84rem;font-weight:600}.user-menu-item:hover{background:#f9f2e9}.user-menu-item-button{cursor:pointer}.topbar-user-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #e8e0d2;background:#faf7f2;color:#5b6469;padding:.34rem .62rem;font-size:.8rem}.page-container{width:min(1120px,100%);margin:0 auto;padding:1rem;display:grid;gap:1rem}.content-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);padding:1rem;display:grid;gap:.9rem}.home-page{display:grid;gap:1rem}.hero-card{display:grid;gap:1rem;align-items:start}.hero-content{display:grid;gap:.85rem}.hero-form{display:grid;gap:.62rem}.hero-kicker{width:fit-content;border-radius:999px;padding:.24rem .58rem;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#66351a;background:#f9e9dd}.hero-lead{max-width:58ch;color:#465257;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:.55rem}.hero-primary-cta{padding-inline:1.2rem;font-size:.96rem}.hero-tags{display:flex;flex-wrap:wrap;gap:.45rem}.chip-chip,.hero-tags span{appearance:none;border-radius:999px;border:1px solid #e8e0d2;background:#faf7f2;color:#6a5f4f;font-size:.78rem;font-weight:600;padding:.3rem .58rem}.chip-chip{cursor:pointer}.chip-chip:hover{background:#f2e8dc}.hero-side{border:1px solid #efe5d8;border-radius:var(--radius-md);background:var(--surface-soft);padding:.9rem;display:grid;gap:.6rem}.benefit-list{list-style:none;margin:0;padding:0;display:grid;gap:.68rem}.benefit-item{display:grid;grid-template-columns:auto 1fr;gap:.52rem;align-items:start}.benefit-icon{width:1.6rem;height:1.6rem;border-radius:10px;margin-top:.05rem;background:linear-gradient(140deg,#ffe8d6,#f8d9c4);border:1px solid #f0cdb4;position:relative}.benefit-icon:after{content:"";position:absolute;width:.45rem;height:.45rem;border-radius:999px;background:#de6222;left:50%;top:50%;transform:translate(-50%,-50%)}.benefit-title{font-size:.92rem;font-weight:800;margin-bottom:.2rem}.how-grid{display:grid;gap:.8rem}.how-card{transition:transform .14s ease,box-shadow .14s ease;gap:.55rem}.how-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.how-top{display:flex;align-items:center;justify-content:space-between}.how-icon{width:1.65rem;height:1.65rem;border-radius:10px;border:1px solid #efd7c4;background:linear-gradient(140deg,#fff2e8,#fee6d5)}.how-number{color:#b08a6b;font-weight:800;font-size:.84rem;letter-spacing:.08em}.two-column{display:grid;gap:.9rem}.generate-layout{align-items:start}.form-card{align-self:start}.elevated-form{border-color:#e9dfcf}.panel-heading{display:grid;gap:.55rem}.quick-tags{display:flex;flex-wrap:wrap;gap:.4rem}.quick-tags span{border-radius:999px;border:1px solid #efe5d8;background:#fcf8f2;color:#7c694f;font-size:.76rem;font-weight:700;padding:.25rem .52rem}.form-block{border:1px solid #ebe2d4;background:#fcfaf7;border-radius:var(--radius-md);padding:.8rem;display:grid;gap:.62rem}.form-block-title{font-size:1.02rem}.field{display:grid;gap:.45rem}.field span,.field legend{color:#415056;font-size:.88rem;font-weight:700}fieldset.field{margin:0;padding:0;border:none}.field input,.field select,.field textarea{width:100%;border-radius:var(--radius-sm);border:1px solid #dcd2c2;background:#fff;color:var(--text);font:inherit;padding:.68rem .78rem;transition:border-color .14s ease,box-shadow .14s ease}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.chip-input input:focus-visible{outline:none;border-color:#df8b58;box-shadow:0 0 0 4px #e56a2a24}.field-row{display:grid;gap:.62rem}.form-actions{display:flex;align-items:center;gap:.5rem}.checkbox-grid{display:grid;gap:.44rem}.checkbox-row{display:inline-flex;align-items:center;gap:.56rem;border-radius:var(--radius-sm);border:1px solid #e3d9c9;background:#fff;padding:.52rem .6rem;font-size:.92rem}.checkbox-row input{width:1rem;height:1rem}.chip-input{display:flex;flex-wrap:wrap;gap:.42rem;border-radius:var(--radius-sm);border:1px solid #dcd2c2;background:#fff;padding:.45rem}.chip-input input{flex:1;min-width:140px;border:none;background:transparent;font:inherit;padding:.38rem .42rem}.chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;border:1px solid #ecd9c9;background:#fef6f0;color:#6d3b1f;padding:.3rem .58rem;font-size:.84rem}.chip-remove{border:none;background:transparent;cursor:pointer;color:inherit;padding:0;font-weight:700}.primary-button,.ghost-button,.danger-button{width:fit-content;text-decoration:none;border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-size:.9rem;font-weight:700;padding:.58rem .92rem;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,background-color .13s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:var(--primary);box-shadow:0 10px 22px #e56a2a40}.primary-button:hover{background:var(--primary-press)}.primary-button-compact,.ghost-button-compact{padding-top:.48rem;padding-bottom:.48rem}.ghost-button{color:#3a4b52;background:#fff;border-color:#ddd3c4}.ghost-button:hover{border-color:#cfbda8;background:#faf5ee}.danger-button{color:#fff;background:var(--danger)}.danger-button:hover{background:#af2f2f}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.status{border-radius:var(--radius-sm);border:1px solid transparent;font-size:.9rem;font-weight:600;padding:.7rem .82rem}.status.success{color:var(--ok-text);background:var(--ok-bg);border-color:#cce9d7}.status.error{color:var(--error-text);background:var(--error-bg);border-color:#f5d0d0}.status.info{color:var(--info-text);background:var(--info-bg);border-color:#d1e2fa}.muted-text{color:var(--muted)}.results-pane{display:grid;gap:.8rem}.results-card{border-style:dashed}.placeholder-card{min-height:220px;align-content:center}.recipe-card{gap:.95rem}.recipe-header{display:grid;gap:.7rem}.recipe-intro{display:grid;gap:.4rem}.recipe-description{color:#465257;max-width:62ch;line-height:1.55}.recipe-actions{display:flex;flex-wrap:wrap;gap:.45rem}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.meta-grid p{margin:0;border:1px solid #e5dbcc;border-radius:var(--radius-sm);background:#fcfaf7;padding:.6rem;font-size:.88rem}.meta-grid span{display:block;color:#6c757b;text-transform:uppercase;letter-spacing:.03em;font-size:.74rem;font-weight:700}.recipe-section-grid{display:grid;gap:.7rem}.recipe-panel{border:1px solid #e9dfd0;border-radius:var(--radius-md);background:#fefcf9;padding:.8rem;display:grid;gap:.5rem}.recipe-panel h3{font-size:1rem}.recipe-steps ol li{line-height:1.5}.nutrition{border-top-style:dashed}.plain-list{margin:0;padding-left:1.1rem;display:grid;gap:.34rem}.plain-list.ordered{padding-left:1.3rem}.saved-page{gap:.85rem}.saved-grid{display:grid;gap:.75rem}.saved-item{border-radius:var(--radius-md);border:1px solid #e8dfd1;background:#fff;padding:.9rem;display:grid;gap:.6rem}.saved-item-modern p{color:#4a575d}.filter-grid,.settings-form{display:grid;gap:.68rem}.filter-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.section-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.62rem}.section-header-tight{padding-bottom:.2rem;border-bottom:1px solid #eee5d8}.inline-actions{display:flex;flex-wrap:wrap;gap:.45rem}.recipe-detail-page{display:grid;gap:.85rem}.auth-shell{max-width:560px;margin:0 auto}.auth-card{width:100%}.skeleton-wrap{display:grid;gap:.5rem}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#e9e1d5,#f8f4ec,#e9e1d5);background-size:180% 100%;animation:shimmer 1.3s linear infinite}.footer{margin-top:.6rem;border-top:1px solid var(--line);background:#f9f6f1;color:#5f696e;padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.84rem}.footer a{color:#6d3b1f;font-weight:700;text-decoration:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:760px){.topbar-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.hero-card{grid-template-columns:1.3fr .9fr}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1.06fr .94fr}.recipe-header{grid-template-columns:1.1fr auto;align-items:start}.recipe-section-grid,.saved-grid,.saved-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}}@media(min-width:1040px){.page-container{padding-top:1.2rem;padding-bottom:1.2rem}.content-card{padding:1.2rem}.results-pane{position:sticky;top:92px}}@media print{.topbar,.footer,.recipe-actions,.section-header .inline-actions,.status.info{display:none!important}.page-container{width:100%;padding:0}.content-card{border:none;box-shadow:none;background:#fff}}