:root{color:#1f2937;background-color:#f8f9fa;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}nav{z-index:1001;background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}nav h2{margin:0}nav ul{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}nav a{color:#1f2937;font-weight:500;text-decoration:none}nav a:hover{color:#2563eb}.nav-links{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#1f2937;font-weight:500;text-decoration:none}.nav-links a:hover{color:#2563eb}.logout-button{color:#1f2937;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.logout-button:hover{color:#2563eb}.user-greeting{color:#6b7280}.menu-button{cursor:pointer;background:0 0;border:none;font-size:1.75rem;display:none}main{max-width:1000px;margin:auto;padding:2rem}section{margin-bottom:4rem}.site-title{color:#1f2937;font-size:1.5rem;font-weight:700;text-decoration:none}.site-title:hover{color:#2563eb}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature-card{color:inherit;background:#fff;border:1px solid #ddd;border-radius:12px;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.feature-card h2{margin-top:0}.recipe-card{background:#fff;border:1px solid #ddd;border-radius:12px;overflow:hidden}.recipe-image-placeholder{color:#6b7280;background:#e5e7eb;justify-content:center;align-items:center;height:180px;display:flex}.recipe-card h2,.recipe-card p{padding-left:1rem;padding-right:1rem}.recipe-card p{padding-bottom:1rem}.recipe-card-link{color:inherit;text-decoration:none}.recipe-card-link:hover .recipe-card{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.recipe-card{transition:transform .2s,box-shadow .2s;position:relative}.story-card{background:#fff;border:1px solid #ddd;border-radius:12px;position:relative;overflow:hidden}.story-image-placeholder{color:#1e40af;background:#dbeafe;justify-content:center;align-items:center;height:180px;display:flex}.story-card h2,.story-card p,.story-meta{padding-left:1rem;padding-right:1rem}.story-meta{color:#6b7280;justify-content:space-between;padding-bottom:1rem;font-size:.9rem;display:flex}.private-badge{color:#fff;background:#ef4444;border-radius:999px;padding:.25rem .5rem;font-size:.8rem;position:absolute;top:.75rem;right:.75rem}.story-card-link{color:inherit;text-decoration:none}.story-card-link:hover .story-card{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.story-card{transition:transform .2s,box-shadow .2s}.story-hero-image{background:#dbeafe;border-radius:12px;justify-content:center;align-items:center;height:250px;margin-bottom:2rem;font-size:6rem;display:flex}.hero{text-align:center;padding:4rem 0}.hero h1{margin-bottom:1rem;font-size:3rem}.hero p{color:#6b7280;max-width:700px;margin:0 auto;font-size:1.2rem}footer{text-align:center;color:#6b7280;border-top:1px solid #ddd;margin-top:4rem;padding:2rem}@media (width<=768px){.menu-button{display:block}.nav-links{z-index:1000;background:#fff;border-bottom:1px solid #ddd;flex-direction:column;padding:1rem 2rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.site-title{font-size:1.2rem}}.story-image,.recipe-image{object-fit:cover;width:100%;height:180px;display:block}.hero-image{object-fit:cover;border-radius:12px;width:100%;max-height:450px;margin-bottom:2rem}form textarea{width:100%;max-width:800px}.field-help{color:#6b7280;margin:.25rem 0 .5rem;font-size:.9rem}textarea::placeholder{color:#9ca3af}.action-button{color:#fff;background:#2563eb;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:inline-block}.action-button:hover{background:#1d4ed8}