@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600&display=swap";:root{--bg:#faf8f5;--surface:#fff;--text:#2d2a25;--text-muted:#7a756d;--accent-soup:#c0532c;--accent-ferment:#5a7a3a;--border:#e8e4df;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{background:var(--bg);z-index:100;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0}.site-logo{font-family:DM Serif Display,serif;font-size:1.3rem}.header-user{align-items:center;gap:.5rem;display:flex}.header-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.header-name{color:var(--text-muted);font-size:.8rem}.header-sign-out{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:999px;padding:.25rem .75rem;font-family:inherit;font-size:.75rem;transition:all .2s}.header-sign-out:hover{color:var(--text);border-color:var(--text)}.hero{text-align:center;padding:4rem 1rem 2rem}.hero h1{margin-bottom:.25rem;font-family:DM Serif Display,serif;font-size:3rem}.hero p{color:var(--text-muted);font-size:1.1rem}.filters{justify-content:center;gap:.5rem;padding:0 1rem 2rem;display:flex}.filters button{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:.5rem 1.2rem;font-family:inherit;font-size:.9rem;transition:all .2s}.filters button.active,.filters button:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.sort-bar{justify-content:flex-end;max-width:960px;margin:0 auto;padding:0 1.5rem 1rem;display:flex}.sort-bar button{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-muted);border-radius:999px;padding:.4rem 1rem;font-family:inherit;font-size:.85rem;transition:all .2s}.sort-bar button:hover{color:var(--text);border-color:var(--text)}.post-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;max-width:960px;margin:0 auto;padding:0 1.5rem 4rem;display:grid}.post-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.post-card img{object-fit:cover;width:100%;height:320px}.post-card-body{padding:1.2rem}.post-card-body h3{margin:.4rem 0 .2rem;font-family:DM Serif Display,serif;font-size:1.25rem}.post-card-body .date{color:var(--text-muted);font-size:.8rem}.post-card-body .summary{color:var(--text-muted);margin-top:.5rem;font-size:.9rem}.post-card-body .rating{color:#e6a117;letter-spacing:2px;margin-top:.5rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.badge.kitchen{color:var(--accent-soup);background:#fce8e2}.badge.museums{color:#2c5ea0;background:#e2ecfc}.badge.life{color:#6b5b95;background:#e8e4f0}.post-detail{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.post-detail .back{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;display:inline-block}.post-detail .back:hover{color:var(--text)}.post-detail>img{object-fit:contain;border-radius:var(--radius);width:100%;max-height:560px}.post-detail-content{margin-top:1.5rem}.post-detail-content h1{margin:.5rem 0 .25rem;font-family:DM Serif Display,serif;font-size:2.2rem}.post-detail-content .date{color:var(--text-muted);font-size:.9rem}.post-detail-content .rating{color:#e6a117;letter-spacing:2px;margin:.5rem 0 1.5rem;font-size:1.2rem}.post-detail-content p{margin-bottom:1rem;font-size:1.05rem}.not-found{text-align:center;padding:4rem 1rem}.not-found a{color:var(--text-muted);margin-top:1rem;display:inline-block}.kudos{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.kudos-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.kudos-btn:hover{border-color:var(--text)}.kudos-btn.active{background:#fce8e8;border-color:#e8a0a0}.kudos-avatars{gap:-.25rem;display:flex}.kudos-avatar{border:2px solid var(--surface);object-fit:cover;border-radius:50%;width:28px;height:28px;margin-left:-6px}.kudos-avatar:first-child{margin-left:0}.comments-section{border-top:1px solid var(--border);width:100%;margin-top:2rem;padding-top:1.5rem}.comments-section h3{margin-bottom:1rem;font-family:DM Serif Display,serif;font-size:1.3rem}.no-comments{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.comments-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.comment{align-items:flex-start;gap:.75rem;width:100%;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;min-width:36px;height:36px}.comment-body{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);flex:1;min-width:0;padding:.75rem 1rem}.comment-header{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}.comment-name{font-size:.85rem;font-weight:600}.comment-date{color:var(--text-muted);font-size:.75rem}.comment-text{margin:0;font-size:.95rem}.comment-actions{gap:.5rem;margin-top:.4rem;display:flex}.comment-actions button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem}.comment-actions button:hover{color:var(--text);text-decoration:underline}.comment-edit-form{flex-direction:column;gap:.4rem;display:flex}.comment-edit-form input{border:1.5px solid var(--border);border-radius:var(--radius);outline:none;padding:.4rem .6rem;font-family:inherit;font-size:.9rem}.comment-edit-form input:focus{border-color:var(--text)}.comment-edit-actions{gap:.4rem;display:flex}.comment-edit-actions button{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);background:0 0;padding:.25rem .7rem;font-family:inherit;font-size:.75rem}.comment-edit-actions button:hover{border-color:var(--text)}.comment-form{align-items:center;gap:.75rem;width:100%;display:flex}.comment-form input{border:1.5px solid var(--border);border-radius:999px;outline:none;flex:1;min-width:0;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.comment-form input:focus{border-color:var(--text)}.comment-form button{border:1.5px solid var(--text);background:var(--text);color:var(--bg);cursor:pointer;border-radius:999px;padding:.5rem 1.2rem;font-family:inherit;font-size:.85rem;transition:opacity .2s}.comment-form button:disabled{opacity:.4;cursor:not-allowed}.comment-sign-in{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-muted);border-radius:999px;width:100%;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;transition:all .2s}.comment-sign-in:hover{color:var(--text);border-color:var(--text)}