@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}a{-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}#root{width:100%}:root{--bg-velvet:#0f0a15;--bg-velvet-light:#191023;--panel-velvet:#251b32;--panel-velvet-glow:#2d1e4173;--accent-rose:#eb9970;--accent-rose-rgb:240, 150, 115;--accent-lilac:#cf86f9;--accent-lilac-rgb:220, 130, 250;--accent-copper:#cc7333;--text-cream:#f6f4ee;--text-muted:#b2a7be;--text-dark:#1e122b;--border-glow:#f0967326;--border-glow-hover:#dc82fa66;--shadow-orchid:0 8px 30px #dc82fa26;--shadow-rose:0 8px 30px #f096731a;--shadow-inset:inset 0 2px 4px #00000080;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .4s cubic-bezier(.25, .8, .25, 1);--transition-spring:all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--accent-rose) var(--bg-velvet);margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-velvet)}::-webkit-scrollbar-thumb{background:var(--accent-rose);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-lilac)}body{background-color:var(--bg-velvet);color:var(--text-cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--panel-velvet-glow);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glow);box-shadow:var(--shadow-rose);transition:var(--transition-smooth);border-radius:20px}.glass-panel:hover{border-color:var(--border-glow-hover);box-shadow:var(--shadow-orchid)}.btn-primary{font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(135deg, var(--accent-rose) 0%, var(--accent-copper) 100%);color:var(--text-dark);cursor:pointer;transition:var(--transition-spring);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #f0967366}.btn-primary:before{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.btn-primary:hover{color:#fff;transform:translateY(-3px)scale(1.03);box-shadow:0 8px 25px #f0967399}.btn-primary:hover:before{transition:all .75s;left:150%}.btn-primary:active{transform:translateY(-1px)scale(.98)}.btn-secondary{font-family:var(--font-display);color:var(--accent-rose);border:1px solid var(--accent-rose);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-lilac);color:var(--accent-lilac);background:#f096731a;transform:translateY(-2px)}@keyframes floatUpFade{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-10px)scale(1.2)}to{opacity:0;transform:translateY(-40px)scale(.9)}}.bubble-plus-one{color:var(--accent-lilac);font-weight:700;font-family:var(--font-display);pointer-events:none;z-index:100;text-shadow:0 0 10px #dc82facc;font-size:1.2rem;animation:.8s ease-out forwards floatUpFade;position:absolute}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--panel-velvet) 25%, #372749 50%, var(--panel-velvet) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.slider-container{scroll-behavior:smooth;gap:20px;padding:10px 0 25px;display:flex;overflow-x:auto}.slider-container::-webkit-scrollbar{height:4px}.slider-item{cursor:pointer;transition:var(--transition-spring);flex:none}.slider-item:hover{transform:scale(1.1)translateY(-5px)}.cuisine-card{text-align:center;width:100px}.cuisine-image{object-fit:cover;border:2px solid var(--accent-rose);width:80px;height:80px;box-shadow:var(--shadow-rose);transition:var(--transition-spring);border-radius:50%;margin:0 auto 10px}.cuisine-card:hover .cuisine-image{border-color:var(--accent-lilac);box-shadow:var(--shadow-orchid)}.cuisine-name{font-family:var(--font-display);color:var(--text-cream);font-size:.9rem;font-weight:500}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.glow-text{text-shadow:0 0 15px #f0967366}.glow-orchid-text{text-shadow:0 0 15px #dc82fa66}@keyframes dash{to{stroke-dashoffset:-40px}}.animated-dash-line{stroke-dasharray:8 4;animation:2s linear infinite dash}.glow-filter{filter:drop-shadow(0 0 5px #f09673cc)}.profile-btn{border:2px solid var(--border-glow);cursor:pointer;width:42px;height:42px;transition:var(--transition-spring);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative;overflow:hidden}.profile-btn:before{content:"";opacity:0;background:radial-gradient(circle,#dc82fa26,#0000);border-radius:50%;transition:opacity .4s;position:absolute;inset:0}.profile-btn:hover{border-color:var(--accent-lilac);transform:scale(1.1);box-shadow:0 0 20px #dc82fa4d}.profile-btn:hover:before{opacity:1}.profile-btn.logged-in{border-color:var(--accent-rose);background:linear-gradient(135deg,#f0967326,#dc82fa1a);box-shadow:0 0 12px #f0967333}.profile-btn .profile-dot{background:var(--accent-rose);width:8px;height:8px;box-shadow:0 0 6px var(--accent-rose);border-radius:50%;animation:2s infinite pulse;position:absolute;top:2px;right:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes formAppear{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes inputFocusGlow{0%{box-shadow:0 0 #dc82fa66}70%{box-shadow:0 0 0 8px #dc82fa00}to{box-shadow:0 0 #dc82fa00}}@keyframes successPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmerAuth{0%{background-position:-200% 0}to{background-position:200% 0}}.auth-container{max-width:520px;margin:0 auto;animation:.6s cubic-bezier(.25,.8,.25,1) forwards formAppear}.auth-input-group{opacity:0;margin-bottom:20px;animation:.5s ease-out forwards slideUp}.auth-input-group:first-child{animation-delay:.1s}.auth-input-group:nth-child(2){animation-delay:.15s}.auth-input-group:nth-child(3){animation-delay:.2s}.auth-input-group:nth-child(4){animation-delay:.25s}.auth-input-group:nth-child(5){animation-delay:.3s}.auth-input-group:nth-child(6){animation-delay:.35s}.auth-input-group:nth-child(7){animation-delay:.4s}.auth-input-group:nth-child(8){animation-delay:.45s}.auth-input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-family:var(--font-display);margin-bottom:6px;font-weight:500;display:block}.auth-input{border:1px solid var(--border-glow);color:#fff;width:100%;font-size:.95rem;font-family:var(--font-body);transition:var(--transition-smooth);background:#190f23b3;border-radius:12px;outline:none;padding:14px 16px}.auth-input:focus{border-color:var(--accent-lilac);background:#1e122ad9;box-shadow:0 0 15px #dc82fa26}.auth-input::placeholder{color:#ffffff40}.auth-input.error{border-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b26}.auth-address-grid{grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}@media (width<=600px){.auth-address-grid{grid-template-columns:1fr}}.auth-tab-switcher{border:1px solid var(--border-glow);border-radius:14px;margin-bottom:30px;display:flex;overflow:hidden}.auth-tab{text-align:center;cursor:pointer;font-family:var(--font-display);color:var(--text-muted);transition:var(--transition-smooth);background:0 0;border:none;flex:1;padding:14px;font-size:.95rem;font-weight:600;position:relative}.auth-tab.active{color:var(--text-cream);background:#dc82fa1f}.auth-tab.active:after{content:"";background:linear-gradient(90deg, var(--accent-rose), var(--accent-lilac));border-radius:3px 3px 0 0;width:60%;height:3px;position:absolute;bottom:0;left:20%}.auth-tab:hover:not(.active){color:var(--accent-rose);background:#f096730d}.auth-success-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0f0819d9;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.auth-success-card{text-align:center;padding:50px 40px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards successPop}.profile-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glow);z-index:95;background:#1e142df2;border-radius:16px;min-width:220px;padding:12px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards scaleUp;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 15px 40px #00000080}.profile-dropdown-item{cursor:pointer;color:var(--text-cream);width:100%;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-smooth);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.profile-dropdown-item:hover{color:var(--accent-lilac);background:#ffffff0d}.profile-dropdown-divider{background:#ffffff0f;height:1px;margin:6px 0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
