@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--google-blue: #8ab4f8;--google-red: #f28b82;--google-yellow: #fdd663;--google-green: #81c995;--glass-bg: rgba(20, 20, 25, .6);--glass-border: rgba(255, 255, 255, .1);--text-light: #e8eaed;--text-muted: #9aa0a6}body{margin:0;font-family:Inter,sans-serif;background-color:#0a0b10;background-image:radial-gradient(at 0% 0%,rgba(66,133,244,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(52,168,83,.1) 0,transparent 50%);background-attachment:fixed;color:var(--text-light);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4rem 1rem;overflow-x:hidden;overflow-y:auto}#root{width:100%;display:flex;flex-direction:column;align-items:center}.video-bg-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;background-color:#0a0b10}.video-bg{width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(8px) brightness(.8);transform:scale(1.05)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#0a0b1066,#0a0b10d9);z-index:-1}.container{width:90%;max-width:700px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid var(--glass-border);border-radius:40px;padding:3.5rem;box-shadow:0 20px 50px #00000080;position:relative;z-index:10;margin:0 auto}h1{font-weight:600;font-size:2.5rem;margin-bottom:.75rem;text-align:center;letter-spacing:-.02em;background:linear-gradient(90deg,var(--google-blue),var(--google-green),var(--google-yellow),var(--google-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);text-align:center;margin-bottom:3.5rem;font-size:1.1rem}.input-group{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:8px 12px 8px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:550px;margin:0 auto 3rem}.input-group:focus-within{background:#ffffff1a;border-color:var(--google-blue);box-shadow:0 0 20px #8ab4f833}input{flex:1;border:none;background:transparent;padding:14px 0;font-size:1.15rem;color:#fff;outline:none}.search-btn{background:var(--google-blue);color:#0a0b10;border:none;border-radius:50%;width:52px;height:52px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s}.search-btn:hover{transform:scale(1.05)}.recipe-preview{margin-top:2rem;background:#ffffff08;border-radius:30px;padding:2.5rem;border:1px solid rgba(255,255,255,.05);animation:slideUp .8s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;font-size:1rem;color:#fff;outline:none;cursor:pointer}.list-container{background:#ffffff05;border-radius:20px;padding:1.5rem;margin:1.5rem 0}.sync-button{width:100%;background:linear-gradient(135deg,var(--google-blue) 0%,#669df6 100%);color:#0a0b10;border:none;border-radius:100px;padding:1.25rem;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s}.sync-button:hover{filter:brightness(1.1);box-shadow:0 8px 25px #8ab4f866}.status{text-align:center;margin-top:1.5rem;padding:1rem;border-radius:16px;font-size:.95rem}.status.success{background:#81c9951a;color:var(--google-green)}.status.error{background:#f28b821a;color:var(--google-red)}@media(max-width:600px){body{padding:1.5rem 0;width:100%;overflow-x:hidden}.container{width:auto;margin:0 12px;padding:2rem 1rem;border-radius:24px;max-width:calc(100% - 24px);word-break:break-word}h1{font-size:1.6rem;line-height:1.2;margin-bottom:.5rem}.subtitle{font-size:.9rem;margin-bottom:1.5rem;padding:0 .5rem}.input-group{width:100%;max-width:100%;padding:4px 6px 4px 14px;margin-bottom:1.5rem;border-radius:20px}input{font-size:.95rem;padding:8px 0;min-width:0}.search-btn{width:40px;height:40px}.recipe-preview{padding:1.25rem .75rem;border-radius:16px;margin-top:1.5rem}.list-container{padding:.75rem;font-size:.85rem}.sync-button{padding:.85rem;font-size:1rem}}