@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,600;6..72,700&display=swap";:root{--bg-base: #f4f8fc;--bg-spot-a: rgba(24, 171, 180, .2);--bg-spot-b: rgba(255, 152, 89, .25);--bg-spot-c: rgba(42, 112, 228, .14);--surface: rgba(255, 255, 255, .84);--surface-strong: #ffffff;--text: #12223a;--muted: #5f7288;--line: rgba(15, 47, 79, .12);--line-strong: rgba(15, 47, 79, .19);--primary: #f25f3a;--primary-press: #d64c2a;--accent: #189ea5;--accent-press: #0f8287;--danger: #be2f43;--ok-bg: rgba(34, 159, 84, .17);--ok-text: #16663b;--info-bg: rgba(20, 134, 194, .16);--info-text: #105278;--error-bg: rgba(201, 46, 73, .14);--error-text: #8c1e34;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--shadow-soft: 0 12px 34px rgba(12, 40, 70, .1);--shadow-card: 0 18px 48px rgba(12, 40, 70, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text);font-family:Plus Jakarta Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 14% 12%,var(--bg-spot-a),transparent 38%),radial-gradient(circle at 80% 2%,var(--bg-spot-b),transparent 33%),radial-gradient(circle at 82% 70%,var(--bg-spot-c),transparent 38%),linear-gradient(160deg,#f8fbff,var(--bg-base))}a{color:inherit}h1,h2,h3{margin:0;font-family:Newsreader,Georgia,serif;letter-spacing:.01em;line-height:1.14}h1{font-size:clamp(2rem,6vw,3.5rem)}h2{font-size:clamp(1.35rem,3.8vw,2rem)}h3{font-size:clamp(1.06rem,2.5vw,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:50;padding:.85rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7fcffb8;border-bottom:1px solid rgba(22,43,67,.08)}.topbar-inner{width:min(1220px,100%);margin:0 auto;display:grid;gap:.85rem}.brand-group{display:grid;gap:.2rem}.logo-link{width:fit-content;text-decoration:none}.logo-mark{display:inline-flex;align-items:center;font-family:Newsreader,Georgia,serif;font-size:1.72rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(128deg,#f25f3a,#189ea5 66%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:floatMark 6s ease-in-out infinite}.tagline{color:var(--muted);font-size:.92rem}.main-nav{display:flex;flex-wrap:wrap;gap:.48rem}.nav-link{padding:.48rem .86rem;border-radius:999px;border:1px solid transparent;text-decoration:none;font-size:.92rem;font-weight:600;transition:all .18s ease}.nav-link:hover{background:#0f7e891a;border-color:#0f7e8938}.nav-link-active{color:#083f49;background:#0f9aa72e;border-color:#0f9aa752}.topbar-cta,.topbar-user{display:flex;align-items:center}.topbar-user span{color:var(--muted);font-size:.9rem;font-weight:600}.page-container{width:min(1220px,100%);margin:0 auto;padding:1rem;display:grid;gap:1rem}.hero{display:grid;gap:1rem}.hero-copy{display:grid;gap:1rem;border-radius:var(--radius-lg);padding:1.2rem;border:1px solid rgba(15,47,79,.1);background:linear-gradient(150deg,#ffffffd1,#f1fdffe6),linear-gradient(25deg,#189ea51f,#f25f3a0f);box-shadow:var(--shadow-card);animation:riseIn .42s ease}.eyebrow{width:fit-content;border-radius:999px;padding:.28rem .72rem;color:#094f56;font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#189ea526}.hero-copy>p{font-size:1.03rem;line-height:1.58;color:#30445e}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem}.hero-kpis{display:grid;gap:.6rem}.hero-kpi{border-radius:var(--radius-md);border:1px solid rgba(15,47,79,.09);background:#ffffffe0;padding:.8rem .86rem;display:grid;gap:.22rem}.hero-kpi strong{font-size:1rem}.hero-kpi span{color:var(--muted);font-size:.86rem}.hero-panel{border-radius:var(--radius-lg);border:1px solid rgba(15,47,79,.1);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);padding:1.1rem;display:grid;gap:.9rem;animation:riseIn .5s ease}.hero-stack{display:grid;gap:.6rem}.mini-card{border:1px solid rgba(15,47,79,.08);border-radius:var(--radius-md);padding:.78rem .85rem;background:#ffffffed;display:grid;gap:.25rem}.mini-card p{color:var(--muted);font-size:.92rem}.two-column{display:grid;gap:1rem}.generate-layout{align-items:start}.content-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);padding:1rem;display:grid;gap:.95rem;animation:riseIn .42s ease}.content-card:hover{border-color:var(--line-strong)}.form-card{align-self:start}.elevated-form{position:relative;isolation:isolate}.elevated-form:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(130deg,#189ea540,#f25f3a38,#189ea51a);filter:blur(14px);opacity:.42}.panel-heading{display:grid;gap:.62rem}.panel-heading p{max-width:58ch}.quick-tags{display:flex;flex-wrap:wrap;gap:.44rem}.quick-tags span{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .58rem;border:1px solid rgba(15,47,79,.13);color:#315370;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:#ffffffd1}.field{display:grid;gap:.46rem}.field span,.field legend{font-size:.9rem;font-weight:700;color:#2e445e}fieldset.field{border:none;margin:0;padding:0}.field input,.field select,.field textarea{width:100%;border-radius:var(--radius-sm);border:1px solid rgba(15,47,79,.16);background:#fffffff0;padding:.72rem .84rem;color:var(--text);font:inherit;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:#0f2f4f45}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.chip-input input:focus-visible{outline:none;border-color:#189ea5b8;box-shadow:0 0 0 4px #189ea521}.field-row{display:grid;gap:.72rem}.form-actions{display:flex;gap:.5rem;align-items:center}.chip-input{display:flex;flex-wrap:wrap;gap:.45rem;border-radius:var(--radius-sm);border:1px solid rgba(15,47,79,.16);background:#fffffff0;padding:.46rem}.chip-input input{min-width:130px;flex:1;border:none;font:inherit;padding:.4rem .44rem;background:transparent}.chip{display:inline-flex;align-items:center;gap:.34rem;border-radius:999px;padding:.31rem .62rem;color:#093f48;font-size:.86rem;background:#189ea526;border:1px solid rgba(24,158,165,.19)}.chip-remove{border:none;background:transparent;cursor:pointer;color:inherit;font-weight:700;padding:0}.checkbox-grid{display:grid;gap:.44rem}.checkbox-row{display:inline-flex;align-items:center;gap:.56rem;border-radius:var(--radius-sm);border:1px solid rgba(15,47,79,.12);background:#ffffffd1;padding:.56rem .62rem;font-size:.93rem}.checkbox-row input{width:1rem;height:1rem}.primary-button,.ghost-button,.danger-button{border:1px solid transparent;border-radius:var(--radius-sm);padding:.62rem .96rem;display:inline-flex;align-items:center;justify-content:center;width:fit-content;text-decoration:none;cursor:pointer;font:inherit;font-size:.92rem;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(132deg,var(--primary),#ff7a57);box-shadow:0 10px 24px #f25f3a4f}.primary-button:hover{background:linear-gradient(132deg,var(--primary-press),#f46644)}.ghost-button{color:#184360;border-color:#0f2f4f2b;background:#ffffffb8}.ghost-button:hover{background:#189ea51a;border-color:#189ea540}.ghost-button-compact{padding-block:.5rem}.danger-button{color:#fff;background:var(--danger)}.danger-button:hover{background:#a92537}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.62;transform:none;cursor:not-allowed}.status{border-radius:var(--radius-sm);padding:.7rem .84rem;border:1px solid transparent;font-size:.92rem;font-weight:600}.status.success{color:var(--ok-text);border-color:#16663b2e;background:var(--ok-bg)}.status.error{color:var(--error-text);border-color:#8c1e3429;background:var(--error-bg)}.status.info{color:var(--info-text);border-color:#1052782b;background:var(--info-bg)}.muted-text{color:var(--muted)}.plain-list{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}.plain-list.ordered{padding-left:1.4rem}.recipe-card{gap:1rem}.recipe-header{display:grid;gap:.72rem}.recipe-header p{color:#3a5069}.recipe-intro{display:grid;gap:.36rem}.recipe-description{line-height:1.55;max-width:64ch}.recipe-actions{display:flex;flex-wrap:wrap;gap:.45rem}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.48rem}.meta-grid p{margin:0;padding:.62rem;border-radius:var(--radius-sm);border:1px solid rgba(15,47,79,.12);background:var(--surface-strong);font-size:.9rem}.recipe-meta-grid p{background:linear-gradient(150deg,#fffffff0,#f4fcffe6)}.meta-grid span{color:#5d7188;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;display:block}.recipe-section-grid{display:grid;gap:.82rem}.recipe-card article{border-radius:var(--radius-md);border:1px solid rgba(15,47,79,.1);background:#ffffffd9;padding:.84rem;display:grid;gap:.54rem}.recipe-panel h3{display:inline-flex;width:fit-content;border-radius:999px;padding:.2rem .55rem;font-size:1.03rem;background:#189ea51c}.recipe-steps ol li{line-height:1.5}.nutrition{border-top:1px dashed rgba(15,47,79,.2)}.placeholder-card{min-height:240px;align-content:center}.results-pane{display:grid;gap:.8rem}.results-card{border-style:dashed}.saved-grid{display:grid;gap:.82rem}.saved-page{position:relative;overflow:hidden}.saved-page:after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-180px;border-radius:50%;background:radial-gradient(circle at center,rgba(24,158,165,.14),transparent 70%);pointer-events:none}.saved-item{display:grid;gap:.62rem;border-radius:var(--radius-md);border:1px solid rgba(15,47,79,.1);background:#ffffffdb;padding:.95rem;transition:transform .16s ease,box-shadow .16s ease}.saved-item:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f2f4f1f}.saved-item-modern h2{line-height:1.2}.saved-item-modern p{color:#3f5870}.filter-grid,.settings-form{display:grid;gap:.72rem}.section-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.62rem}.section-header-tight{padding-bottom:.18rem;border-bottom:1px solid rgba(15,47,79,.08)}.inline-actions{display:flex;flex-wrap:wrap;gap:.44rem}.recipe-detail-page{display:grid;gap:.85rem}.auth-shell{max-width:560px;margin:0 auto}.auth-card{width:100%}.skeleton-wrap{display:grid;gap:.52rem}.skeleton-line{height:13px;border-radius:999px;background:linear-gradient(90deg,#b8d0e080,#ebf7fff2,#b8d0e080);background-size:190% 100%;animation:shimmer 1.25s linear infinite}.footer{margin-top:.8rem;padding:1rem;border-top:1px solid rgba(15,47,79,.1);color:#54697e;font-size:.88rem;background:#f8fcffbf}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes floatMark{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(min-width:760px){.topbar-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem}.main-nav{justify-content:center}.hero{grid-template-columns:1.25fr 1fr;align-items:stretch}.hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.two-column{grid-template-columns:1fr 1fr}.generate-layout{grid-template-columns:1.08fr .92fr}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-header{grid-template-columns:1.15fr 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}.filter-grid-enhanced{align-items:end}}@media(min-width:1100px){.page-container{padding-top:1.25rem;padding-bottom:1.25rem}.hero-copy,.hero-panel,.content-card{padding:1.25rem}}@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}}