:root{--purple-50:#f6f2fb;--purple-100:#efe6fb;--purple-200:#e1cfff;--purple-300:#c69cf2;--purple-400:#a96be8;--purple-500:#8a3ee0;--purple-600:#6f2db8;--purple-700:#532086;--purple-800:#381554;--purple-900:#1f0b31;--bg:var(--purple-50);--card-bg:#fff;--muted:#6b617a;--accent:var(--purple-500);--accent-contrast:#fff;--radius:10px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(180deg, var(--bg), #fff);color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}a{color:var(--accent);text-decoration:none}nav{background:linear-gradient(90deg,var(--purple-600),var(--purple-400));color:var(--accent-contrast);padding:12px 20px;position:relative}nav h2{color:var(--accent-contrast);margin:0}nav a{color:var(--accent-contrast);margin-right:16px}nav button{color:var(--accent-contrast);background:0 0;border:1px solid #ffffff2e;border-radius:6px;padding:8px 10px}.navbar .nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto;display:flex}.nav-links{align-items:center;gap:14px;display:flex}.nav-links a{color:var(--accent-contrast)}.nav-links .user-chip{background:#ffffff14;border-radius:8px;padding:6px 10px;font-weight:600}.mobile-toggle{display:none}@media (width<=720px){.nav-links{background:linear-gradient(180deg,var(--purple-600),var(--purple-400));z-index:40;border-radius:8px;flex-direction:column;width:200px;padding:12px;display:none;position:absolute;top:calc(100% + 8px);right:12px}.nav-links.open{display:flex}.mobile-toggle{display:inline-block}}.hero{text-align:center;padding:60px}.hero h1{margin:0 0 12px;font-size:48px}.hero p{color:var(--purple-700);margin:0 0 18px;font-size:20px}.hero img{border-radius:12px;width:100%;max-width:600px}@media (width<=720px){.hero{padding:20px}.hero h1{font-size:36px}}.card{background:var(--card-bg);border-radius:var(--radius);padding:18px;box-shadow:0 6px 18px #1e0e320f}.recipe-img{object-fit:cover;border-radius:8px;width:100%;height:200px;margin-bottom:12px}.btn{cursor:pointer;border:0;border-radius:8px;padding:8px 12px;font-weight:600}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 6px 14px #8a3ee01f}.btn-ghost{background:0 0;border:1px solid #0000000f}.btn-outline{color:var(--purple-700);background:0 0;border:1px solid #00000014}.btn-danger{color:#fff;background:#ff6b6b;border:0;border-radius:8px;padding:8px 12px}.btn-sm{border-radius:6px;padding:6px 8px;font-size:.9rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus{outline:3px solid #8a3ee02e}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.recipe-title{color:var(--purple-600)}.small-muted{color:var(--muted);font-size:.95rem}@media (width<=720px){nav{padding:10px}.recipes-grid{grid-template-columns:1fr}}.spinner{background:var(--accent);border-radius:50%;width:12px;height:12px;display:inline-block}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.toast-container{z-index:60;flex-direction:column;gap:10px;display:flex;position:fixed;top:18px;right:18px}.toast{color:#111;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:220px;padding:10px 12px;display:flex;box-shadow:0 10px 18px #140a281f}.toast-info{background:#eef2ff;border:1px solid #d6dbff}.toast-success{background:#e6ffef;border:1px solid #a9f5c9}.toast-error{background:#ffecec;border:1px solid #ffbcbc}.toast-close{cursor:pointer;background:0 0;border:0;padding:4px;font-size:14px}