:root{--bg-color:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--primary:#0ea5e9;--primary-hover:#0284c7;--border:#e2e8f0;--radius:8px}body{background-color:var(--bg-color);color:var(--text-main);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.app-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1rem}.app-header h1{color:var(--primary);margin:0;font-size:2.5rem}.app-header p{color:var(--text-muted);margin:.5rem 0 0}.app-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.app-layout{grid-template-columns:2fr 1fr}}.sidebar{flex-direction:column;gap:2rem;display:flex}section{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:0 1px 3px #0000000d}section h2{border-bottom:2px solid var(--border);margin-top:0;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.25rem}.recipe-grid{flex-direction:column;gap:1.5rem;display:flex}.recipe-card{background:var(--bg-color);border-radius:var(--radius);border:1px solid var(--border);padding:1rem}.recipe-card h3{color:var(--text-main);margin-top:0;margin-bottom:.5rem}.recipe-text{margin:.5rem 0;font-size:.95rem}.recipe-meta{color:var(--text-muted);margin-top:1rem;display:block}.recipe-meta span{color:var(--text-main);font-weight:500}.styled-form{gap:1fr;flex-direction:column;display:flex}.styled-form input,.styled-form textarea,.styled-form select{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-color);box-sizing:border-box;width:100%;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.9rem}.styled-form textarea{resize:vertical;min-height:80px}.styled-form input:focus,.styled-form textarea:focus,.styled-form select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0ea5e926}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem;font-weight:600;transition:background .2s}.btn-primary:hover{background-color:var(--primary-hover)}.list-grid{flex-direction:column;gap:.5rem;display:flex}.list-item{background:var(--bg-color);border-radius:var(--radius);justify-content:space-between;padding:.5rem .75rem;font-size:.9rem;display:flex}.subtext{color:var(--text-muted)}.tag-cloud{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--border);border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.app-header>div{align-items:center;gap:12px;display:flex}.app-header img{object-fit:contain;width:auto;height:40px}.delete-btn{color:#ff3b30;cursor:pointer;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem;font-weight:700}.delete-btn:hover{opacity:.8}