.nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--border);height:var(--nav-height)}.nav-inner{padding:0 var(--sp-6);height:100%;display:flex;align-items:center;gap:var(--sp-4)}.nav-logo{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.nav-logo-chicken{display:block;height:44px;width:auto;object-fit:contain;flex-shrink:0}.nav-logo-text{display:flex;flex-direction:column;line-height:1;gap:1px}.nav-logo-top{font-family:var(--font-body);font-size:.6rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.nav-logo-poule{font-family:var(--font-display);font-style:italic;font-size:1.35rem;font-weight:700;color:var(--navy)}.nav-search{flex:1;min-width:0;max-width:460px;margin:0 var(--sp-4);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);border-radius:999px;font-family:var(--font-body);font-size:.9rem;color:var(--text);background:var(--off-white);outline:none;transition:border-color .15s,background .15s}.nav-search:focus{border-color:var(--navy);background:var(--white)}.nav-search::placeholder{color:var(--text-muted)}.nav-profile-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--white);font-size:.85rem;font-weight:700;flex-shrink:0;transition:opacity .15s}.nav-profile-btn:hover{opacity:.8}.nav-profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.nav-user{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0;margin-left:auto}.nav-signout-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-3);font-size:.8rem;font-family:var(--font-body);color:var(--text-mid);cursor:pointer;transition:border-color .15s,color .15s}.nav-signout-btn:hover{border-color:var(--navy);color:var(--navy)}@media(max-width:560px){.nav-search{display:none}}.friend-search{position:relative}.friend-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);max-height:240px;overflow-y:auto;box-shadow:0 4px 16px #00000014}.friend-search-result{width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:none;border:none;text-align:left;font-size:.85rem;color:var(--text);cursor:pointer}.friend-search-result:hover{background:var(--off-white)}.friend-search-avatar{width:24px;height:24px;border-radius:50%;background:var(--navy-faint);color:var(--navy);font-size:.7rem;font-weight:700;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.friend-search-avatar img{width:100%;height:100%;object-fit:cover}.filter-panel{width:var(--sidebar-width);flex-shrink:0;position:relative}.filter-body{background:var(--white);border-radius:var(--radius-md);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5);border:1.5px solid var(--border)}.filter-hero-text{font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.3;color:var(--navy)}.filter-hero-accent{color:var(--navy-mid);font-style:italic}.filter-section{display:flex;flex-direction:column;gap:var(--sp-2)}.filter-section--disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.filter-label{font-size:.72rem;font-weight:700;color:var(--text-mid);letter-spacing:.04em;text-transform:uppercase}.filter-label-hint{font-weight:400;text-transform:none;letter-spacing:0;font-size:.72rem}.filter-coming-soon-badge{display:inline-flex;align-items:center;gap:4px;background:var(--navy-faint);color:var(--navy);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-pill);width:fit-content}.filter-ingredient-row{display:flex;gap:var(--sp-2)}.filter-input{flex:1;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:.85rem;background:var(--off-white);color:var(--text);font-family:var(--font-body);outline:none}.filter-add-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--white);border-radius:50%;border:none;cursor:pointer;flex-shrink:0}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.filter-select-group{display:flex;flex-direction:column;gap:var(--sp-1)}.filter-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:.83rem;font-family:var(--font-body);background:var(--off-white);color:var(--text);outline:none;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;transition:border-color .15s}.filter-select:not(:disabled):focus{border-color:var(--navy)}.filter-select--full{width:100%}.filter-tag-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.filter-tag{font-size:.75rem;font-weight:400;color:var(--text-mid);background:var(--off-white);border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:4px 12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.filter-tag:hover{border-color:var(--navy-mid);color:var(--navy)}.filter-tag--on{background:var(--navy);border-color:var(--navy);color:var(--white)}.filter-tag--on:hover{background:var(--navy-mid);border-color:var(--navy-mid);color:var(--white)}.filter-clear-btn{width:100%;padding:var(--sp-2) var(--sp-4);background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.83rem;font-family:var(--font-body);cursor:pointer;transition:color .15s,border-color .15s}.filter-clear-btn:hover{color:var(--navy);border-color:var(--navy)}@media(max-width:900px){.filter-panel{width:100%;order:2}}.placeholder-img{width:100%;height:100%;background:var(--placeholder);display:flex;align-items:center;justify-content:center}.placeholder-img svg{width:40%;max-width:80px;opacity:.6}.recipe-card-wrap{position:relative;display:flex}.recipe-card{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--white);color:inherit;transition:border-color .15s}.recipe-card:hover{border-color:var(--navy-mid)}.card-image{position:relative;aspect-ratio:4 / 3;width:100%;overflow:hidden;flex-shrink:0}.card-like{position:absolute;bottom:var(--sp-3);right:var(--sp-3);display:inline-flex;align-items:center;gap:4px;padding:2px;border:none;border-radius:999px;background:none;color:var(--text-muted);font-size:.78rem;font-weight:700;line-height:1;cursor:pointer;transition:color .15s,transform .1s}.card-like:hover{color:#e0245e}.card-like:active{transform:scale(.9)}.card-like--on{color:#e0245e}.card-like-count{font-variant-numeric:tabular-nums}.card-photo{width:100%;height:100%;object-fit:cover}.card-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--navy);line-height:1.3}.card-author{font-size:.78rem;color:var(--text-mid)}.card-meta{font-size:.8rem;color:var(--text-muted)}.card-dot{color:var(--border)}.home{padding:var(--sp-8) var(--sp-6) var(--sp-12)}.home-inner{display:flex;flex-direction:row;gap:var(--sp-8);align-items:flex-start}.home-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-8)}.home-section{display:flex;flex-direction:column;gap:var(--sp-5)}.home-section-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--navy)}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.home-empty{color:var(--text-muted);font-size:.9rem}.home-loadmore-row{display:flex;justify-content:center;padding-top:var(--sp-2)}.home-loadmore-btn{padding:var(--sp-3) var(--sp-8);background:none;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-weight:700;color:var(--navy);cursor:pointer;transition:border-color .15s,background .15s}.home-loadmore-btn:hover{border-color:var(--navy);background:var(--navy-faint)}@media(max-width:900px){.home-inner{flex-direction:column}.home-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.home{padding:var(--sp-6) var(--sp-4) var(--sp-10)}.home-grid{grid-template-columns:1fr}}.landing{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--navy-faint) 0%,var(--white) 100%);padding:var(--sp-8) var(--sp-6)}.landing-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;gap:var(--sp-3)}.landing-logo{width:120px;height:auto;object-fit:contain;margin-bottom:var(--sp-2)}.landing-title{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--navy);margin:0}.landing-title-accent{font-style:italic;color:var(--navy-mid)}.landing-tagline{font-family:var(--font-display);font-size:1.15rem;font-style:italic;color:var(--navy-mid);margin:0}.landing-desc{font-size:.95rem;color:var(--text-mid);line-height:1.6;margin:0}.landing-signin-btn{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-10);background:var(--navy);color:var(--white);border-radius:var(--radius-pill);font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s}.landing-signin-btn:hover{background:var(--navy-mid);transform:translateY(-1px)}.landing-hint{font-size:.8rem;color:var(--text-muted);margin:0}:root{--navy: #1B2E4B;--navy-mid: #2D4A73;--navy-faint: #EEF2F8;--white: #FFFFFF;--off-white: #F7F9FC;--placeholder: #DDE5F0;--border: #D4DCE9;--text: #1B2E4B;--text-mid: #4A6080;--text-muted: #8A99B0;--font-display: "Playfair Display", Georgia, serif;--font-body: "Lato", system-ui, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 4px;--radius-md: 8px;--nav-height: 60px;--content-max: 1100px;--sidebar-width: 260px;--radius-pill: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--white);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;color:var(--navy)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}ul,ol{list-style:none}#root{min-height:100vh;display:flex;flex-direction:column}