@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #eef2f4;--surface: #ffffff;--surface-2: #f8fafb;--line: #d5dde3;--line-strong: #bcc8d1;--text: #14212b;--muted: #5f7282;--brand: #0c8f6d;--brand-strong: #08775b;--brand-soft: #e5f6f1;--accent: #1f5f9a;--danger: #c54343;--danger-soft: #feecec;--warning-soft: #fff4df;--ok-soft: #e9f9f3;--shadow-sm: 0 10px 24px -18px rgba(11, 29, 42, .28);--shadow-md: 0 24px 50px -34px rgba(11, 29, 42, .32);--radius-xl: 18px;--radius-lg: 14px;--radius-md: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Barlow,Segoe UI,sans-serif;background:linear-gradient(180deg,#d0dce473,#eef2f4f2),repeating-linear-gradient(90deg,#ffffff3d 0 2px,#00000004 2px 8px),var(--bg)}a{color:var(--accent)}.layout{width:min(1240px,calc(100% - 1.2rem));margin:1rem auto 7rem}.topbar{position:sticky;top:.65rem;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:.9rem;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);margin-bottom:1rem}.brand-title{display:flex;align-items:center;gap:.75rem}.brand-home-link{text-decoration:none;color:inherit}.brand-icon{width:46px;height:46px;border-radius:12px;border:1px solid var(--line-strong);background:#fff}.brand-kicker{margin:0;color:var(--muted);font-weight:700;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;font-family:Space Grotesk,sans-serif}.topbar h1{margin:0;font-size:clamp(1.08rem,2vw,1.34rem);font-family:Space Grotesk,sans-serif;letter-spacing:.01em}.topbar-actions{display:flex;align-items:center;gap:.5rem}.mobile-menu-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);padding:.45rem .72rem;font:inherit;font-weight:700;cursor:pointer}.main-nav{display:inline-flex;flex-wrap:wrap;gap:.42rem}.nav-link{text-decoration:none;color:var(--muted);border:1px solid var(--line);background:#fff;padding:.5rem .82rem;border-radius:999px;font-weight:700;font-size:.9rem;transition:all .16s ease}.nav-link:hover{color:#1f3342;border-color:var(--line-strong)}.nav-link.is-active{background:#1f3342;color:#fff;border-color:#1f3342}.nav-button{cursor:pointer}.lang-switch{border:1px solid var(--line);border-radius:999px;padding:.18rem;background:#fff;display:inline-flex;gap:.2rem}.lang-pill{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:.34rem .54rem;font-size:.78rem;font-weight:800;cursor:pointer}.lang-pill.is-active{background:#1f3342;color:#fff}.support-link{color:#114269;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.4rem .72rem;background:#fff;font-size:.82rem;font-weight:700;white-space:nowrap}.support-link:hover{border-color:var(--line-strong)}.page,.screen{display:grid;gap:.88rem}.hero,.panel,.panel-card,.hero-card,.empty-state,.recipe-row-static,.recipe-row,.recipe-card,.preview-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.hero,.panel,.panel-card,.hero-card,.empty-state,.recipe-row-static,.recipe-card{padding:1rem}.hero h2,.hero-card h2,.panel h3,.panel-card h3,.empty-state h3,.recipe-row-static h3,h4{margin:0 0 .35rem;line-height:1.2;font-family:Space Grotesk,sans-serif}.hero p,.panel p,.panel-card p,.empty-state p,.recipe-row-static p{margin:0;color:var(--muted)}.hero-actions,.toolbar-row,.recipe-expanded-actions,.recipe-actions-inline,.preview-actions{margin-top:.75rem;display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}input,textarea,select{width:100%;margin-top:.52rem;padding:.72rem .8rem;border:1px solid var(--line);border-radius:var(--radius-md);font:inherit;color:var(--text);background:#fff}input::placeholder,textarea::placeholder{color:#8ca0af}input:focus,textarea:focus,select:focus{outline:2px solid rgba(12,143,109,.45);outline-offset:1px}.search-grid{margin-top:.62rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.search-grid-wide{grid-template-columns:repeat(5,minmax(0,1fr))}.recipe-list{display:grid;gap:.72rem}.recipe-list-fullwidth{width:100%}.recipe-row{overflow:hidden}.recipe-row summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:.8rem;padding:.92rem 1rem}.recipe-row summary::-webkit-details-marker{display:none}.recipe-row summary h3,.recipe-row-static h3,.recipe-card h3{margin:0}.recipe-row summary p,.recipe-row-static p{margin:.15rem 0 0;color:var(--muted)}.recipe-row-meta{display:flex;flex-direction:column;gap:.24rem;align-items:flex-end;color:#21435a;font-weight:700;font-size:.9rem}.recipe-expanded{border-top:1px solid var(--line);padding:.92rem 1rem 1rem}.recipe-expanded p{margin:.35rem 0}.expanded-grid,.detail-columns{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.expanded-grid ul,.detail-columns ul{margin:0;padding-left:1rem}.recipe-row-static .recipe-row-head{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.recipe-card-compact{border-left:4px solid var(--brand)}.chip,.chip-button,.back-link,.jump-nav a{border:1px solid #c8d5de;background:#f5f9fb;color:#244760;border-radius:999px;padding:.35rem .72rem;font:inherit;font-size:.84rem;font-weight:700;text-decoration:none}.chip-row{display:flex;gap:.42rem;flex-wrap:wrap;margin-top:.62rem}.chip-button{cursor:pointer}.chip-soft{background:#edf3f7}.recent-searches{margin-top:.35rem}.jump-nav{margin-top:.72rem;display:flex;gap:.4rem;flex-wrap:wrap}.similar-list{list-style:none;margin:0;padding:0;display:grid;gap:.46rem}.similar-list li{border:1px solid var(--line);border-radius:10px;padding:.55rem .66rem;display:flex;justify-content:space-between;gap:.7rem;background:var(--surface-2)}.similar-list a,.recipe-link,.recipe-title-link{color:#17507f;font-weight:800;text-decoration:none}.recipe-title-link{border-bottom:1px solid transparent}.recipe-title-link:hover{color:#0e3c62;border-color:#9cb8cc}.recipe-table{margin-top:.4rem;border:1px solid var(--line);border-radius:10px;overflow:hidden}.recipe-table-head,.recipe-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.55rem;padding:.5rem .62rem}.recipe-table-head{background:#edf3f7;color:#2f4d61;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.recipe-table-head-2,.recipe-table-row-2{grid-template-columns:2fr 1fr}.recipe-table-row{background:#fff;border-top:1px solid var(--line);font-size:.96rem;align-items:center}.recipe-table-row:nth-child(2n){background:#f9fcfd}.recipe-cell{min-width:0}.back-link{display:inline-flex;align-items:center;gap:.35rem}.back-link:before{content:"←"}.preview-header{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.preview-summary{margin-top:.62rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.preview-summary p{margin:0;border:1px solid var(--line);border-radius:10px;padding:.5rem .56rem;background:var(--surface-2);color:#285068;font-weight:700;font-size:.88rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin:.56rem 0 0}.stats div{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:.45rem .56rem}.stats dt{font-size:.75rem;color:var(--muted)}.stats dd{margin:.12rem 0 0;font-weight:700}.upload-progress{margin-top:.72rem}.upload-progress-track{width:100%;height:10px;border-radius:999px;background:#e4ecef;overflow:hidden;border:1px solid var(--line)}.upload-progress-bar{display:block;height:100%;background:linear-gradient(90deg,#0f9b74,#37bd99);transition:width .22s ease}.stepper{margin-top:.62rem;display:flex;gap:.42rem;flex-wrap:wrap}.step{border-radius:999px;border:1px solid var(--line);padding:.24rem .54rem;color:var(--muted);background:#fff;font-size:.82rem;font-weight:700}.step.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.preview-grid{margin-top:.75rem;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.preview-card{padding:.84rem}.preview-card.is-selected{border-color:#8bc8b7;box-shadow:0 0 0 2px #0c8f6d26}.preview-select{display:flex;gap:.44rem;align-items:center;font-weight:700}.preview-warning,.preview-error,.preview-ok,.owner-badge,.recipe-comment,.recipe-notes{border-radius:10px;padding:.38rem .55rem;margin-top:.55rem;font-size:.9rem}.preview-warning{color:#8f5f1f;background:var(--warning-soft);border:1px solid #e8cd9f}.preview-error{color:#8c2d2d;background:var(--danger-soft);border:1px solid #f2bebe}.preview-ok,.owner-badge{color:#15674f;background:var(--ok-soft);border:1px solid #bee8d9}.recipe-comment,.recipe-notes{background:#f6faf8;border:1px solid var(--line)}.preview-details{margin-top:.55rem}.preview-details summary{cursor:pointer;font-weight:700}.health-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.health-item{border:1px solid var(--line);border-radius:10px;padding:.56rem .62rem;background:var(--surface-2);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.health-item span{font-size:.84rem;color:var(--muted);text-align:right}.health-item-ok{border-color:#bde7d9;background:var(--ok-soft)}.health-item-fail{border-color:#f0b6b6;background:var(--danger-soft)}.auth-panel{max-width:580px}.tabs{display:inline-flex;gap:.3rem;border:1px solid var(--line);border-radius:999px;padding:.22rem;margin-bottom:.62rem;background:var(--surface-2)}.tab{border:0;border-radius:999px;background:transparent;color:var(--muted);padding:.45rem .76rem;font:inherit;font-weight:700;cursor:pointer}.tab.is-active{background:#1f3342;color:#fff}.form-grid{display:grid;gap:.45rem}.muted{color:var(--muted);font-size:.9rem}.status-text{color:var(--muted);padding:.5rem .2rem}.banner{border-radius:12px;border:1px solid var(--line);background:#fff;padding:.72rem .85rem}.banner-error{background:var(--danger-soft);border-color:#f0b6b6;color:#8d2e2e}.btn{border:1px solid transparent;border-radius:11px;background:var(--brand);color:#fff;padding:.58rem .9rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.38rem;transition:transform .12s ease,filter .15s ease}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff}.btn-ghost{background:#f3f7fa;color:#285068;border-color:var(--line)}.btn-like{background:#e9f4fb;color:#1f5f9a;border-color:#c3d7e8}.btn-like.is-active{background:#1f5f9a;color:#fff;border-color:#1f5f9a}.btn-danger{background:var(--danger);color:#fff}.view-mode-toggle .btn.is-active{background:#1f3342;color:#fff}.toast{position:fixed;right:1rem;bottom:1rem;border-radius:11px;padding:.66rem .82rem;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.6rem;z-index:60}.toast-success{background:#e9f9f3;border-color:#bde7d9;color:#15674f}.toast-error{background:var(--danger-soft);border-color:#f0b6b6;color:#8d2e2e}.toast-action{padding:.35rem .62rem}.sticky-action-bar{position:sticky;bottom:.6rem;z-index:20;background:#fffffff2;border:1px solid var(--line);border-radius:14px;padding:.55rem;box-shadow:var(--shadow-sm);display:flex;gap:.45rem;justify-content:flex-end;flex-wrap:wrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.comment-list{list-style:none;padding:0;margin:0 0 .7rem;display:grid;gap:.5rem}.comment-list li{border:1px solid var(--line);border-radius:10px;padding:.55rem .62rem;background:var(--surface-2)}.comment-list li p{margin:0}.comment-list li p+p{margin-top:.32rem}.skeleton{border-radius:12px;border:1px solid var(--line);background:linear-gradient(90deg,#edf3f7,#f7fbfd,#edf3f7);background-size:200% 100%;animation:skeleton-shimmer 1.1s linear infinite}.skeleton-card{height:126px}.skeleton-md{height:160px}.skeleton-lg{height:220px}.reveal-up{animation:reveal-up .26s ease both}@keyframes reveal-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1080px){.search-grid,.search-grid-wide,.preview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.topbar{position:static}.topbar-actions{width:100%;flex-direction:column;align-items:stretch}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end}.main-nav{width:100%;display:none;grid-template-columns:1fr;gap:.35rem}.main-nav.is-open{display:grid}.main-nav .nav-link,.main-nav .nav-button{text-align:center;width:100%}.lang-switch,.support-link{align-self:flex-end}.recipe-row summary,.recipe-row-static .recipe-row-head,.similar-list li,.preview-header{flex-direction:column}.recipe-table-head,.recipe-table-head-2,.recipe-table-row,.recipe-table-row-2{grid-template-columns:1fr;gap:.16rem}.recipe-table-head,.recipe-table-head-2{display:none}.recipe-table-row,.recipe-table-row-2{padding:.6rem .62rem}.recipe-cell{display:flex;justify-content:space-between;gap:.5rem;padding:.12rem 0}.recipe-cell:before{content:attr(data-label);color:var(--muted);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;flex:0 0 auto}.recipe-row-meta{align-items:flex-start}}@media(max-width:680px){.layout{width:min(1240px,calc(100% - .8rem));margin-bottom:8.2rem}.search-grid,.search-grid-wide,.preview-summary,.stats{grid-template-columns:1fr}.sticky-action-bar{position:fixed;left:.5rem;right:.5rem;bottom:.5rem}.preview-actions:not(.preview-actions-sticky){display:none}.toast{left:.5rem;right:.5rem;bottom:.5rem}}