:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0}#root{min-height:100vh}.page{max-width:880px;margin:0 auto;padding:32px 16px 48px}.header{margin-bottom:24px}.header h1{margin:0 0 8px}.header p{color:#4b5563;margin:0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.auth-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-card p{margin:0}.recipe-form{gap:12px;display:grid}label{color:#111827;gap:6px;font-weight:600;display:grid}input,textarea{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}button{font:inherit;cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:8px;padding:10px 12px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.6}.secondary{color:#111827;background:#e5e7eb}.danger{background:#dc2626}.list-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.list-title h2{margin:0}.recipe-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.recipe-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.recipe-item h3{margin:0}.recipe-item p{color:#374151;margin:8px 0 0}.item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.error{color:#b91c1c;margin:0 0 8px}@media (width<=640px){.auth-card{flex-direction:column;align-items:flex-start}}