@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&family=Comfortaa:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;color:#383838;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow:hidden}#root,body{height:auto}#root{width:100%}:root{--papaya-red:#ff5450;--papaya-orange:#fdb72e;--papaya-yellow:#f8d128;--coral-orange:#fc8255;--peach:#fea389;--light-orange:#ffa066;--lime-green:#a6e13f;--charcoal:#383838;--white:#fff;--light-gray:#f9fafb;--border-gray:#e5e7eb;--disabled-gray:#d1d5db;--text-gray:#6b7280;--text-light:#9ca3af;--success:#a6e13f;--error:#ff5450;--warning:#fdb72e;--info:#f8d128;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem}.app-container{align-items:flex-start;overflow:hidden;padding:40px 20px 20px}.app-container,.loading-screen{background:linear-gradient(135deg,#ff5450,#fdb72e);display:flex;justify-content:center;min-height:100vh}.loading-screen{-webkit-overflow-scrolling:touch;align-items:center;padding:1.5rem;padding:var(--space-6);transform:translateZ(0)}.loading-content{animation:fadeInUp .6s ease-out;color:#fff;color:var(--white);text-align:center}.logo-container{margin-bottom:2rem;margin-bottom:var(--space-8)}.logo-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.logo-text{font-size:2.5rem;font-weight:700;letter-spacing:-.025em}.loading-spinner{height:60px;margin:0 auto 1.5rem;margin:0 auto var(--space-6);position:relative;width:60px}.spinner-ring{animation:spin 1.2s linear infinite;-webkit-animation:spin 1.2s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#fff;border-top:3px solid var(--white);height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:0s}.spinner-ring:nth-child(2){animation-delay:.2s;height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:.4s;height:60%;left:20%;top:20%;width:60%}.loading-text{font-size:1.125rem;font-weight:500;opacity:.9}.error-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.error-icon{font-size:64px;margin-bottom:20px}.error-title{color:#333;font-size:28px;font-weight:700;margin-bottom:15px}.error-message{color:#666;font-size:16px;line-height:1.5;margin-bottom:25px}.error-help{background:#f8f9fa;border-radius:12px;margin-bottom:25px;padding:20px;text-align:left}.error-help p{color:#333;font-weight:600;margin-bottom:10px}.error-help ul{list-style:none;margin:0;padding:0}.error-help li{color:#666;margin-bottom:8px;padding-left:20px;position:relative}.error-help li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.error-content .primary-button{margin-bottom:15px;width:100%}.error-content .secondary-button{background:#0000;border:2px solid #667eea;color:#667eea;width:100%}.error-content .secondary-button:hover{background:#667eea;color:#fff}.app-opening-screen{align-items:center;background:linear-gradient(135deg,#ff5450,#fdb72e);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--space-6)}.app-opening-content{animation:fadeInUp .6s ease-out;color:#fff;color:var(--white);max-width:400px;text-align:center}.success-animation{margin-bottom:2rem;margin-bottom:var(--space-8)}.checkmark{animation:checkmarkAppear .6s ease-out;font-size:4rem;font-weight:700}.opening-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.opening-subtitle{font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-8);opacity:.9}.no-data-screen{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--light-gray) 0,#fff 100%);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--space-6)}.no-data-content{animation:fadeInUp .6s ease-out;max-width:400px;text-align:center}.no-data-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-6);opacity:.6}.no-data-title{color:#383838;color:var(--charcoal);font-size:1.875rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.no-data-message{color:#6b7280;color:var(--text-gray);font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-8)}.primary-button{align-items:center;background:linear-gradient(135deg,#ff5450,#fc8255);background:linear-gradient(135deg,var(--papaya-red) 0,var(--coral-orange) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #ff54504d;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-bottom:32px;margin-top:32px;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.primary-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.primary-button:active:not(:disabled){transform:translateY(0)}.button-icon{font-size:1.125rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{opacity:1;transform:scale(1.2) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.primary-button:focus,.secondary-button:focus{outline:2px solid #ff5450;outline:2px solid var(--papaya-red);outline-offset:2px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media print{.app-container{background:#fff}.primary-button,.secondary-button{display:none}}.new-recommendation-container{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px 20px;position:relative;transform:translateZ(0);width:100%}.background-gradient{background:linear-gradient(180deg,#ffeab5,#ff9494 30%,#fffa94 68%,#ffb094);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.main-card{background:linear-gradient(180deg,#fcfcfc,#f8f8f8);border-radius:50px;box-shadow:0 20px 40px #0000001a;flex-direction:column;height:auto;max-width:1123px;padding:60px;position:relative;transform:translateZ(0);z-index:2}.donut-boss-container,.main-card{align-items:center;display:flex;width:100%}.donut-boss-container{height:120px;justify-content:center;max-width:300px}.donut-boss-image{background:none;height:100%;object-fit:contain;position:relative;width:100%;z-index:10}.donut-boss-image:not([src]),.donut-boss-image[src*=null],.donut-boss-image[src*=undefined],.donut-boss-image[src=""]{display:none}.restaurant-info-container{align-items:flex-start;display:flex;gap:20px;margin-bottom:15px;width:100%}.restaurant-image-container{border-radius:15px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:108px;overflow:hidden;width:108px}.restaurant-image{height:100%;object-fit:cover;width:100%}.recommendation-text{align-items:center;display:flex;justify-content:flex-start;margin-bottom:0;width:100%}.user-recommendation{color:#000;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;line-height:1.2;text-align:left}.restaurant-name-container{align-items:center;display:flex;justify-content:flex-start;width:100%}.restaurant-name{color:#000;font-family:Poppins,sans-serif;font-size:40px;font-weight:600;line-height:1.2;text-align:left}.restaurant-details{flex:1 1;flex-direction:column;gap:5px}.rating-container,.restaurant-details{display:flex;justify-content:flex-start}.rating-container{align-items:center;gap:6px;width:100%}.rating-star-icon{display:inline-block;height:14px;object-fit:contain;width:14px}.rating-text{color:#000;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:1.2}.address-container{align-items:flex-start;display:flex;justify-content:flex-start;max-height:60px;overflow:hidden;width:100%}.address-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:1.2;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:normal}.success-message-container{background:linear-gradient(90deg,#ffdb79,#ffc34c);border-radius:50px;height:50px;margin-bottom:15px;position:relative;width:100%}.success-message-container,.wishlist-icon{align-items:center;display:flex;justify-content:center}.wishlist-icon{height:20px;margin-right:10px;width:20px}.wishlist-image{filter:drop-shadow(2px 2px 2px rgba(0,0,0,.15));height:100%;object-fit:contain;width:100%}.success-message{align-items:center;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;justify-content:center;line-height:1.2}.checkin-header-text{margin:0 -120px 15px;width:100%}.checkin-header{align-items:center;background:linear-gradient(90deg,#33de08,#22c206);border-radius:50px;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;gap:12px;justify-content:center;line-height:1.2;margin:0;padding:15px 0}.checkin-icon{flex-shrink:0;height:24px;width:24px}.checkin-icon img{height:100%;object-fit:contain;width:100%}.view-menu-container{align-items:center;display:flex;justify-content:center;margin-bottom:15px;width:100%}.view-menu-button{background:linear-gradient(180deg,#fff,#fdfdfd);border:none;border-radius:50px;box-shadow:2px 2px 8px #00000026;color:#000;cursor:pointer;font-family:Poppins,sans-serif;font-size:22px;font-weight:600;height:60px;line-height:1.2;transition:all .3s ease;width:100%}.view-menu-button:hover{box-shadow:3px 3px 12px #0003;transform:translateY(-2px)}.points-component{align-items:flex-start;background:linear-gradient(90deg,#ffdc6b,#ff9c9c);border-radius:25px;display:flex;flex-direction:column;gap:0;margin-bottom:7.5px;padding:12px 25px;width:100%}.points-header{gap:20px;width:100%}.points-header,.points-icon{align-items:center;display:flex}.points-icon{maxHeight:50px;border-radius:50%;flex-shrink:0;height:60px;justify-content:left;overflow:hidden;width:60px}.points-image{border-radius:50%;height:50px;object-fit:cover;width:50px}.points-text{flex:1 1}.points-title{font-size:28px;margin:0}.points-subtitle,.points-title{color:#fff;font-family:Comfortaa,sans-serif;font-weight:700;line-height:1.115}.points-subtitle{font-size:19px;margin:0 0 8px}.points-balance{align-items:center;display:flex;gap:0;max-height:50px}.points-value{color:#fff;font-family:Poppins,sans-serif;font-size:48px;font-weight:700;line-height:1.1;max-height:50px;overflow:hidden}.app-features-section{align-items:flex-start;background:linear-gradient(180deg,#fff,#fdfdfd);border-radius:25px;flex-direction:column;padding:25px}.app-features-section,.features-title{display:flex;justify-content:flex-start;width:100%}.features-title{align-items:center;color:#000;font-family:Poppins,sans-serif;font-size:25px;font-weight:700;line-height:1.2;margin-bottom:15px;text-align:left}.features-list{display:flex;flex-direction:column;gap:15px;width:100%}.feature-item{color:#000;font-family:Comfortaa,sans-serif;font-size:22px;font-weight:400;line-height:1.2;text-align:left}.feature-item .collect-loyalty-text{color:#f8d128!important}.feature-item .collect-loyalty-text,.feature-item .restaurant-name-text{font-family:Poppins,sans-serif!important;font-weight:700!important}.donut-boss-bubble{justify-content:center;max-width:320px;width:auto}.bubble-content,.donut-boss-bubble{align-items:center;display:flex;position:relative}.bubble-content{justify-content:flex-end;max-width:280px;width:100%;z-index:2}.bubble-text{background:#fff;border-radius:30px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;color:#000;font-family:Poppins,sans-serif;font-size:20px;font-weight:400;line-height:1.2;min-width:250px;padding:15px 20px;position:relative;text-align:center;width:100%}.bubble-text:before{border-bottom:10px solid #0000;border-right:10px solid #fff;border-top:10px solid #0000;content:"";height:0;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:0}.bubble-image{height:200px;max-width:250px;object-fit:contain;width:100%;z-index:1}.donut-boss-row{align-items:center;display:none;gap:30px;justify-content:flex-start;margin-bottom:15px;width:100%}.download-button-container{align-items:center;display:none;height:60px;justify-content:center;width:100%}.download-button{background:linear-gradient(90deg,#ffdb79,#ff9477 71%,#f77);border:none;border-radius:50px;box-shadow:0 4px 12px #ff77774d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:32px;font-weight:700;height:60px;line-height:1.2;transition:all .3s ease;width:100%}.download-button:hover{box-shadow:0 8px 20px #f776;transform:translateY(-2px)}.download-button:active{transform:translateY(0)}@media (max-width:1284px){.main-card{padding:50px}.user-recommendation{font-size:18px;font-weight:500}.restaurant-name{font-size:32px}.features-title{font-size:22px}.feature-item{font-family:Comfortaa,sans-serif;font-size:20px}.bubble-text{font-size:18px}.address-text,.rating-text{font-size:17px}.download-button{font-size:32px;height:60px}.download-button-container{height:60px}}@media (max-width:1024px){.main-card{padding:40px}.user-recommendation{font-size:16px;font-weight:500}.restaurant-name{font-size:28px}.features-title{font-size:20px}.feature-item{font-family:Comfortaa,sans-serif;font-size:18px}.bubble-text,.rating-text{font-size:16px}.download-button{font-size:28px;height:55px}.download-button-container{height:55px}.app-features-section{padding:18px}}@media (max-width:768px){.app-container{min-height:100vh;overflow:hidden}.app-container,.new-recommendation-container{padding-top:20px}.main-card{border-radius:50px;padding:30px}.user-recommendation{font-size:14px;font-weight:500}.restaurant-name{font-size:24px}.features-title{font-size:18px}.feature-item{font-family:Comfortaa,sans-serif;font-size:16px}.address-text,.bubble-text,.rating-text{font-size:14px}.download-button{font-size:24px;height:50px}.download-button-container{display:flex;height:50px}.app-features-section{padding:25px}.restaurant-image-container{height:90px;width:90px}.address-container{max-height:48px}.success-message-container{height:45px}.success-message{font-size:14px}.wishlist-icon{height:18px;width:18px}.donut-boss-bubble{max-width:280px;width:auto}.bubble-content{max-width:250px}.bubble-text{min-width:200px}.checkin-header-text{margin:0 -60px 15px}.checkin-header{font-size:16px;padding:12px 0}.points-title{font-size:24px}.points-subtitle{font-size:18px}.points-value{font-size:40px}.view-menu-button{font-size:18px;height:55px}}@media (max-width:480px){.app-container{min-height:100vh;overflow:hidden}.app-container,.new-recommendation-container{padding-top:15px}.main-card{border-radius:30px;padding:22px}.user-recommendation{font-size:12px;font-weight:500}.restaurant-name{font-size:22px}.features-title{font-size:16px}.feature-item{font-family:Comfortaa,sans-serif;font-size:14px}.address-text,.bubble-text,.rating-text{font-size:12px}.download-button{font-size:20px;height:45px}.download-button-container{display:flex;height:45px}.app-features-section{padding:20px}.restaurant-image-container{height:80px;width:80px}.address-container{max-height:42px}.success-message-container{height:40px}.success-message{font-size:12px}.wishlist-icon{height:16px;width:16px}.donut-boss-row{display:flex;gap:15px}.donut-boss-container{height:90px;max-width:225px}.donut-boss-bubble{max-width:240px;width:auto}.bubble-content{max-width:220px}.bubble-text{min-width:160px}.checkin-header-text{margin:0 -45px 15px}.checkin-header{font-size:14px;padding:10px 0}.points-title{font-size:20px}.points-subtitle{font-size:15px}.points-value{font-size:32px}.view-menu-button{font-size:16px;height:50px}.points-component{padding:10px 20px}.points-icon{height:70px;width:70px}.points-image{height:50px;width:50px}}@supports (-webkit-touch-callout:none){.new-recommendation-container{-webkit-overflow-scrolling:touch;transform:translateZ(0)}.main-card{backface-visibility:hidden;transform:translateZ(0)}}@media (max-width:768px){.download-button{-webkit-tap-highlight-color:transparent}.download-button,.restaurant-image-container{touch-action:manipulation}.new-recommendation-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.restaurant-info-container{gap:15px}.donut-boss-row{display:flex;gap:15px}}
/*# sourceMappingURL=main.86b7568c.css.map*/