@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@500;700;900&display=swap";:root{--bg: #0A0014;--surface: #1A0028;--primary: #00F5FF;--primary-dark: #00C2D1;--accent: #FF006E;--text: #F0F0FF;--text-muted: #A8A8C8;--border: #2A1845;--success: #10B981;--warning: #F59E0B;--danger: #FF006E;--radius: 4px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #00F5FF26;--shadow-hover: 0 0 32px rgba(0, 245, 255, .4), 0 0 16px rgba(255, 0, 110, .3)}body{margin:0;box-sizing:border-box;background:linear-gradient(135deg,#0a0014,#1a0028),repeating-linear-gradient(0deg,transparent,transparent 39px,#00F5FF11 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#FF006E08 40px),var(--bg);color:var(--text);font-family:JetBrains Mono,SF Mono,Consolas,monospace;line-height:1.6;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px;overflow-y:auto}.app-container{display:flex;flex-direction:column;gap:20px;max-width:900px;width:100%;padding:20px;background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;z-index:1}.app-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:1.2em;color:var(--primary);z-index:1000;font-family:Orbitron,monospace;text-shadow:0 0 10px var(--primary)}.cloud-status{position:absolute;top:15px;right:20px;display:flex;align-items:center;gap:5px;font-size:.85em;color:var(--text-muted);z-index:10}.app-header{text-align:center;padding:20px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:10px}.app-title{font-family:Orbitron,monospace;font-size:2.5em;color:var(--primary);margin:0;font-weight:700;text-shadow:0 0 20px var(--primary);animation:neon-glow 1.5s ease-in-out infinite alternate}@keyframes neon-glow{0%{text-shadow:0 0 10px var(--primary),0 0 20px var(--primary),0 0 30px var(--primary),0 0 40px var(--accent),0 0 70px var(--accent),0 0 80px var(--accent),0 0 100px var(--accent),0 0 150px var(--accent)}to{text-shadow:0 0 5px var(--primary),0 0 10px var(--primary),0 0 15px var(--primary),0 0 20px var(--accent),0 0 35px var(--accent),0 0 40px var(--accent),0 0 50px var(--accent),0 0 75px var(--accent)}}.app-header .subtitle{font-size:1.1em;color:var(--text-muted);margin:0}.chef-hat-icon{color:var(--accent);filter:drop-shadow(0 0 8px var(--accent))}.main-content{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.main-content{grid-template-columns:1fr 1fr}}.card{background:#1a0028d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px;display:flex;flex-direction:column;gap:15px;border:1px solid var(--border)}.input-label{display:flex;align-items:center;gap:8px;font-size:1.1em;color:var(--primary);font-weight:600;text-shadow:0 0 5px rgba(0,245,255,.3)}.ingredients-input{width:calc(100% - 20px);padding:10px;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:1em;color:var(--text);background-color:var(--surface);resize:vertical;min-height:80px;transition:border-color .3s ease,box-shadow .3s ease}.ingredients-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 0 10px var(--primary)}.generate-button,.generate-more-button,.clear-history-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;color:var(--text);border:none;border-radius:var(--radius);font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;text-shadow:0 0 5px rgba(0,0,0,.5)}.generate-button{background-color:var(--primary);box-shadow:0 0 15px var(--primary)}.generate-button:hover{background-color:var(--primary-dark);box-shadow:0 0 25px var(--primary);transform:translateY(-2px)}.generate-more-button{background-color:var(--accent);box-shadow:0 0 15px var(--accent);margin-top:10px}.generate-more-button:hover{background-color:var(--danger);box-shadow:0 0 25px var(--accent);transform:translateY(-2px)}.generate-button:disabled,.generate-more-button:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.error-message{color:var(--danger);font-size:.9em;text-align:center;margin-top:10px;text-shadow:0 0 5px var(--danger)}.recipe-section h2,.history-section h2{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:1.5em;margin-top:0;margin-bottom:10px;font-family:Orbitron,monospace;text-shadow:0 0 10px var(--primary)}.recipe-output{white-space:pre-wrap;background-color:var(--bg);padding:15px;border-radius:var(--radius);border:1px solid var(--border);font-size:.95em;color:var(--text);line-height:1.8;max-height:400px;overflow-y:auto;box-shadow:inset 0 0 8px #00f5ff1a}.placeholder-text{color:var(--text-muted);text-align:center;padding:20px;font-style:italic;font-size:.95em}.loading-container{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 0;color:var(--primary);text-shadow:0 0 10px var(--primary)}.loading-spinner{animation:spin 1s linear infinite;color:var(--primary)}.loading-spinner.large{width:40px;height:40px;font-size:2.5em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-section{grid-column:1 / -1}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.clear-history-button{background:none;color:var(--text-muted);box-shadow:none;font-weight:400}.clear-history-button:hover{color:var(--danger);transform:translateY(-2px);text-shadow:0 0 8px var(--danger)}.clear-history-button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6;transform:none;text-shadow:none}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.history-item{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 15px;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 0 10px #00f5ff0d}.history-item:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.history-item-content{display:flex;flex-direction:column;gap:5px}.history-ingredients{font-weight:600;color:var(--primary);font-size:.95em;text-shadow:0 0 5px rgba(0,245,255,.3)}.history-preview{font-size:.85em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;border:2px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}