:root{--orange:#f77838;--orange-deep:#b7471b;--ink:#302c29;--muted:#8c8580;--cream:#faf7f2;--line:#ede7e0;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0;background:#f2f3f5;color:var(--ink);font-family:'DM Sans','Segoe UI',sans-serif;font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb481f;outline-offset:4px}button{border:0}svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}.app-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;background:var(--cream);box-shadow:0 0 80px #392b1a05}.sidebar{background:#fff;padding:41px 21px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;border-right:1px solid #f2ece6;z-index:2}.brand{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-2.5px;font-size:45px;color:#f77942;font-weight:800;line-height:1;margin:0 22px 52px}.brand-dot{color:#e65825}.brand small{display:block;letter-spacing:.35px;font:9px 'DM Sans',sans-serif;color:#aaa09a;margin-top:9px}.sidebar nav{display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;gap:15px;padding:13px 18px;background:none;color:#8a817b;text-align:left;border-radius:13px;min-height:47px;font-size:13px;position:relative;transition:background .2s,color .2s}.nav-item:hover{background:#fff5ee;color:var(--orange-deep)}.nav-item.active{background:#fff0e8;color:#ae4925;font-weight:700}.nav-item.active i{width:5px;height:5px;background:#f77942;border-radius:50%;margin-left:auto}.nav-item svg{width:19px;height:19px}.sidebar-note{margin:auto 19px 38px;padding-top:45px}.tiny-flower{font-size:36px;color:#f69963;display:block;margin-bottom:14px}.sidebar-note strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;letter-spacing:-.8px;line-height:1.45;font-weight:750}.sidebar-note p{font-size:12px;color:#ada39b;line-height:1.75}.sidebar-footer{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding:24px 7px 0}.ff-mark{font-family:Georgia,serif;letter-spacing:-5px;font-weight:bold;font-style:italic;font-size:28px;display:grid;place-content:center;width:35px;height:35px;border-radius:50%;background:#f4f0e9;padding-right:4px}.sidebar-footer strong{font-size:13px;letter-spacing:-.5px}.sidebar-footer small{display:block;font-size:8px;color:#a69b92;margin-top:3px}main{min-width:0}.hero{position:relative;color:white;padding:28px 38px 30px;background:#ff783e;background:linear-gradient(112deg,#fb6b37 0%,#ff8c40 100%);border-radius:0 0 30px 30px;overflow:hidden;min-height:336px}.hero:before{content:'';position:absolute;width:310px;height:310px;border:1px solid #ffffff12;border-radius:50%;right:24px;top:-110px}.hero-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.location{display:flex;align-items:center;gap:9px;background:#ffffff20;border:1px solid #ffffff25;padding:8px 12px;border-radius:999px;color:white;font-size:11px;font-weight:600}.location svg{width:14px;height:14px}.location>span:last-child svg{width:12px}.demo-label{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.3px;color:#ffe7d3}.demo-label>span{width:5px;height:5px;border-radius:50%;background:#ffe6b6}.eyebrow{display:block;font-size:8px;letter-spacing:1.6px;font-weight:600;color:#ffdfc8;margin-bottom:13px}.hero-copy{margin-top:29px;position:relative;z-index:1}.hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:35px;line-height:1.28;letter-spacing:-1.5px;margin:0;font-weight:800}.hero h1>span{color:#ffd79d}.hero-copy p{font-size:12px;color:#ffeddd;margin:12px 0 26px}.hero-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.hero-shortcuts button{background:#ffffff1a;border:1px solid #ffffff30;border-radius:11px;padding:12px 18px;color:white;display:flex;gap:9px;align-items:center;font-size:11px;font-weight:650;transition:background .2s}.hero-shortcuts button:hover{background:#ffffff30}.hero-shortcuts svg{width:15px;height:15px}.hero-shortcuts button>span:last-child{margin-left:auto;opacity:.8}.hero-mascot{position:absolute;width:285px;height:245px;right:35px;top:37px;pointer-events:none}.hero-ring{position:absolute;inset:0 23px;border-radius:50%;background:#ffffff09;border:1px solid #ffffff10;box-shadow:0 0 0 20px #ffffff05,0 0 0 40px #ffffff03}.hero-mascot .opet-art{position:absolute;width:188px;height:210px;left:48px;top:-7px;transform:rotate(8deg);filter:drop-shadow(0 15px 9px #bf481c23)}.hero-hello{position:absolute;right:-8px;top:152px;background:#fffaf1;color:#a64c27;box-shadow:0 5px 15px #b64a2820;border-radius:10px 10px 10px 0;padding:10px 13px;font-size:10px;font-weight:700;transform:rotate(-5deg)}.hero-hello span{font-size:12px;margin-left:4px}.hero-spark{position:absolute;color:#ffddaa;font-size:26px}.spark-one{left:18px;top:30px}.spark-two{right:13px;top:72px;font-size:35px}.page-body{padding:0 30px 26px}.search-wrap{display:flex;align-items:center;gap:13px;background:white;border:1px solid #e9e4df;border-radius:15px;box-shadow:0 8px 20px #4d342709;margin:-19px 0 0;padding:10px 12px 10px 18px;position:relative;z-index:1}.search-wrap>span:first-child{color:#827a73}.search-wrap>span:first-child svg{width:19px}.search-wrap input{border:0;outline:none;background:transparent;flex:1;min-width:0;color:#4e4841;font-size:12px;padding:9px 0}.search-wrap input::placeholder{color:#9d958e}.search-wrap button{border:1px solid var(--line);background:#fff;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;color:#82796e}.search-wrap button svg{width:17px}.search-hint{font-size:9px;color:#b4aaa0}.category-section{padding:25px 0 22px}.categories{display:flex;gap:12px}.category{background:transparent;border:1px solid var(--line);border-radius:100px;padding:8px 15px 8px 9px;display:flex;align-items:center;gap:9px;color:#8d8178;white-space:nowrap;transition:all .2s;font-size:11px}.category .category-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f0eae2;font-size:17px}.category.active{background:#fff0e5;border-color:#ffc6a5;color:#b65328;font-weight:700}.category.active .category-icon{background:white}.category:hover{border-color:#eda985}.promo-banner{position:relative;background:#f2e7d4;border:1px solid #eadec9;min-height:257px;border-radius:18px;overflow:hidden;display:flex;align-items:center}.promo-copy{padding:27px 32px;position:relative;z-index:1}.small-label{font-size:8px;letter-spacing:1.5px;color:#a99378;font-weight:650}.promo-copy .small-label{color:#ac906b;font-size:7px;letter-spacing:1.1px}.promo-copy h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;letter-spacing:-1px;line-height:1.38;margin:13px 0 9px;font-weight:800;color:#5d4934}.promo-copy h2 em{font-family:Georgia,serif;font-weight:normal;color:#b9783c}.promo-copy p{font-size:10px;color:#a28c72;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;gap:11px;background:none;color:#bd5f32;font-size:11px;font-weight:700;padding:0}.text-link svg{width:15px;height:15px}.promo-visual{position:absolute;right:20px;top:-10px;bottom:0;width:45%;pointer-events:none}.promo-circle{position:absolute;right:0;bottom:-118px;background:#e4ccaa;width:315px;height:315px;border-radius:50%;box-shadow:0 0 0 32px #e9d7bc}.promo-visual>img{position:absolute;width:236px;height:236px;object-fit:cover;border-radius:50%;right:20px;top:25px;border:9px solid #fffaf1;box-shadow:0 12px 25px #65411c1f;transform:rotate(-8deg)}.promo-sticker{position:absolute;left:12px;top:47px;width:98px;height:98px;background:#9a4930;color:#fff2d5;border:4px solid #fff0cf;outline:1px dashed #b76441;outline-offset:-9px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1px;transform:rotate(-13deg)}.promo-sticker b{font-size:13px}.promo-sticker>span{font-size:17px}.banner-dots{position:absolute;bottom:17px;left:32px;display:flex;gap:5px}.banner-dots i{height:4px;width:4px;background:#bda48266;border-radius:10px}.banner-dots i:first-child{width:16px;background:#b78853}.sample-mark{position:absolute;bottom:9px;right:13px;color:#897152;font-size:8px}.menu-section{padding-top:32px;scroll-margin-top:25px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-title h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;letter-spacing:-.7px;margin:7px 0 0;font-weight:800}.section-title h2 span{font-weight:500;color:#b1a397}.section-title .small-label{font-size:7px;letter-spacing:1.4px}.section-title>.text-link{margin-bottom:4px}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.food-card{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .25s,box-shadow .25s}.food-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #4426060b}.food-image{position:relative;aspect-ratio:1.28;overflow:hidden;background:#e9ddcc}.food-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.food-card:hover img{transform:scale(1.05)}.food-label{position:absolute;top:10px;left:10px;font-size:8px;background:#fffcf1;color:#906549;border-radius:6px;padding:5px 7px;font-weight:600;box-shadow:0 3px 10px #00000008}.food-info{padding:12px 13px}.restaurant-name{display:flex;align-items:center;gap:4px;color:#b1a195;font-size:8px}.restaurant-name svg{width:10px;height:10px}.food-info h3{font-size:12px;letter-spacing:-.2px;margin:7px 0 6px;font-weight:700}.food-description{font-size:9px;color:#a5978d;margin:0 0 13px;line-height:1.5}.food-bottom{display:flex;align-items:center;justify-content:space-between}.food-price{font-size:12px;font-weight:750;color:#955535}.food-price small{font-size:8px;font-weight:500}.add-food{background:#fff0e6;color:#c36d3c;border:1px solid #f7d6c1;border-radius:8px;width:27px;height:27px;display:grid;place-items:center}.add-food svg{width:14px;height:14px}.add-food:hover{background:#f77838;color:#fff}.help-strip{display:flex;align-items:center;gap:14px;padding:22px 0;margin-top:23px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.strip-icon{width:37px;height:37px;display:grid;place-items:center;background:#f0e9df;border-radius:12px;color:#b19377}.strip-icon svg{width:17px}.help-strip strong{font-size:11px}.help-strip p{font-size:9px;color:#b0a296;margin:5px 0 0}.help-strip button{margin-left:auto;display:flex;align-items:center;gap:15px;background:none;font-size:10px;color:#a58667;font-weight:600}.help-strip button svg{width:15px}.page-footer{display:flex;align-items:center;padding:22px 0 0;gap:10px;color:#b8ab9e}.page-footer strong{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-1px;font-size:19px;color:#d2bba6}.page-footer p{font-size:8px}.page-footer>span{font-size:7px;margin-left:auto}.cart-count{background:#f77838;color:white;border-radius:20px;min-width:16px;height:16px;display:grid;place-items:center;font-size:9px;margin-left:auto}.mobile-brand,.mobile-nav{display:none}.primary-button{background:#f77b3c;color:white;padding:12px 16px;border-radius:11px;font-weight:700;font-size:12px;display:flex;justify-content:center;align-items:center;gap:8px}.primary-button:hover{background:#e66b2c}.primary-button svg{width:16px;height:16px}.empty-search{text-align:center;padding:45px 15px;color:#93816f}.empty-search>span{display:grid;place-items:center}.empty-search h3{font-size:16px}.empty-search p{font-size:12px}.empty-search .primary-button{margin:20px auto 0}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);max-width:calc(100vw - 40px);width:max-content;padding:13px 20px;border-radius:12px;background:#3d342c;color:#fff7ee;box-shadow:0 8px 30px #3c24182b;font-size:12px;z-index:11000;opacity:0;pointer-events:none;transition:opacity .2s,transform .3s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.app-shell{max-width:1440px}.hero{min-height:360px}.hero-copy{margin-top:35px}.hero h1{font-size:39px}.hero-mascot{right:70px;top:43px}.page-body{padding-left:38px;padding-right:38px}.promo-banner{min-height:275px}.promo-copy{padding:30px 35px}.promo-copy h2{font-size:32px}.promo-visual{right:40px}.promo-visual>img{width:256px;height:256px}.food-image{aspect-ratio:1.45}}
@media(max-width:1150px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.brand{margin-left:16px}.nav-item{padding-left:13px;font-size:12px}.hero{padding-left:28px;padding-right:28px}.hero-mascot{right:12px;transform:scale(.9);transform-origin:right center}.hero h1{font-size:31px}.search-hint{display:none}.page-body{padding-left:24px;padding-right:24px}.categories{gap:8px}.category{font-size:10px;padding-right:11px}.promo-visual{right:0;opacity:.92}.promo-visual>img{right:-20px}.promo-sticker{left:0}.promo-copy{padding:26px}.promo-copy p{max-width:235px;line-height:1.7}.food-grid{gap:10px}.food-description{font-size:8px}.food-info{padding:10px}.food-info h3{font-size:11px}.page-footer>span{max-width:160px;line-height:1.6}.hero-copy p{max-width:60%}}
@media(max-width:760px){body{background:var(--cream)}.app-shell{display:block;max-width:100%}.sidebar{display:none}.hero{border-radius:0 0 25px 25px;padding:20px 22px 29px;min-height:320px}.demo-label{display:none}.mobile-brand{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:25px;letter-spacing:-1.3px;font-weight:800}.hero-top .location{font-size:10px;padding:7px 10px}.hero-copy{margin-top:30px}.eyebrow{font-size:6px;letter-spacing:1.25px;margin-bottom:12px}.hero h1{font-size:29px;letter-spacing:-1.2px}.hero-copy p{font-size:10px;line-height:1.7;max-width:195px;margin-top:11px;margin-bottom:24px}.hero-mascot{width:160px;right:12px;top:71px;height:190px;transform:none}.hero-ring{inset:17px 0 20px}.hero-mascot .opet-art{width:132px;height:156px;left:12px;top:-5px}.hero-hello{top:143px;right:0;font-size:8px;padding:8px 10px}.hero-hello>span{font-size:9px}.hero-spark{font-size:17px}.spark-one{left:-2px;top:22px}.spark-two{right:0;top:49px;font-size:23px}.hero-shortcuts{gap:6px}.hero-shortcuts button{font-size:9px;justify-content:center;gap:7px;padding:12px 5px}.hero-shortcuts button>span:last-child{display:none}.hero-shortcuts svg{width:13px;height:13px}.page-body{padding:0 19px 90px}.search-wrap{border-radius:13px;padding-left:13px;gap:8px}.search-wrap input{font-size:11px}.search-wrap button{width:31px;height:31px}.category-section{padding:21px 0 20px;margin-right:-19px;overflow:auto;scrollbar-width:none}.categories{gap:8px;padding-right:19px}.category{font-size:10px;padding:6px 12px 6px 6px;gap:7px}.category .category-icon{width:24px;height:24px;font-size:15px}.promo-banner{min-height:227px;border-radius:15px}.promo-copy{padding:22px 20px;max-width:72%}.promo-copy .small-label{font-size:5px;letter-spacing:1px}.promo-copy h2{font-size:23px;margin-top:12px;line-height:1.4}.promo-copy p{font-size:8px;max-width:150px;line-height:1.75;margin-bottom:21px}.promo-copy .text-link{font-size:9px}.promo-visual{width:45%;right:0;opacity:1}.promo-circle{width:200px;height:200px;right:-80px;bottom:-45px;box-shadow:0 0 0 18px #e9d7bc}.promo-visual>img{width:166px;height:166px;right:-69px;top:50px;border:6px solid #fff8ee}.promo-sticker{width:65px;height:65px;font-size:6px;left:9px;top:52px;border-width:3px;letter-spacing:.5px;outline-offset:-6px}.promo-sticker b{font-size:8px}.promo-sticker>span{font-size:10px}.banner-dots{left:20px;bottom:13px}.sample-mark{font-size:6px}.menu-section{padding-top:27px}.section-title{margin-bottom:16px}.section-title h2{font-size:18px}.section-title .small-label{font-size:6px;letter-spacing:1px}.section-title .text-link{font-size:9px;gap:6px}.section-title .text-link svg{width:12px}.food-grid{grid-template-columns:repeat(2,1fr);gap:12px}.food-card{border-radius:13px}.food-image{aspect-ratio:1.35}.food-info{padding:11px}.food-info h3{font-size:11px;margin:7px 0}.restaurant-name{font-size:7px}.food-description{font-size:8px;margin-bottom:12px}.food-price{font-size:11px}.food-label{font-size:7px;left:8px;top:8px;padding:4px 6px}.help-strip{padding:17px 0;gap:9px}.help-strip strong{font-size:10px}.help-strip p{font-size:8px;max-width:200px;line-height:1.7}.help-strip button{font-size:8px;max-width:90px;gap:5px;line-height:1.6;text-align:left}.help-strip button svg{flex-shrink:0}.strip-icon{width:30px;height:33px;flex-shrink:0}.strip-icon svg{width:14px}.page-footer{flex-wrap:wrap;padding:18px 0;gap:8px}.page-footer p{font-size:7px}.page-footer>span{max-width:none;margin:0;width:100%;font-size:7px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid var(--line);display:flex;padding:11px 10px calc(10px + env(safe-area-inset-bottom));z-index:30;backdrop-filter:blur(16px);box-shadow:0 -5px 25px #5f3a1705}.mobile-nav>button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;background:none;font-size:8px;color:#b3a397}.mobile-nav svg{width:18px;height:18px}.mobile-nav .active{color:#d37540}.mobile-nav .cart-count{position:absolute;top:-3px;right:calc(50% - 21px);font-size:7px;width:13px;height:13px;min-width:13px}#toast{bottom:85px;font-size:10px}.hero-copy{z-index:0}.hero-top{z-index:1}}
@media(max-width:360px){.hero h1{font-size:26px}.hero-mascot{right:-3px;transform:scale(.85);transform-origin:right center}.hero-copy p{max-width:170px}.promo-copy h2{font-size:21px}.promo-copy{max-width:75%;padding-left:17px}.promo-visual>img{right:-80px}.promo-sticker{left:14px}.section-title h2{font-size:16px}.food-grid{gap:9px}.hero-shortcuts button{font-size:8px}.hero{padding-left:19px;padding-right:19px}}
@media(max-width:760px){.hero h1{font-size:25px;max-width:245px}.hero-mascot{width:112px;height:155px;right:8px;top:100px;transform:none}.hero-mascot .opet-art{width:105px;height:125px;left:1px;top:0}.hero-ring{inset:0 0 25px}.hero-hello{top:118px;right:-1px;font-size:7px;padding:7px 8px}.spark-one{left:0;top:-7px;font-size:14px}.spark-two{right:0;top:32px;font-size:17px}.hero-copy p{max-width:195px}}
@media(max-width:360px){.hero h1{font-size:23px;max-width:220px}.hero-mascot{width:101px;right:2px;top:104px;transform:scale(.94);transform-origin:right center}.hero-copy p{max-width:166px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}