/* Poly Yum V8.0 — THE FOOD FESTIVAL. A reversible presentation layer.
   Built on V7.19. No authentication, database, payment, permissions, or ordering changes. */
:root,html[data-theme="light"]{
 color-scheme:light;--bg:#fffaf2;--white:#fff;--text:#272037;--muted:#695f70;
 --dark:#e84f68;--dark2:#bd3056;--accent:#f58335;--peach:#fff0e1;--mint:#f5f0ff;
 --line:#eaddeb;--shadow:0 20px 52px rgba(81,31,62,.11);
 --pop-text:#272037;--pop-muted:#665d6e;--pop-surface:#ffffff;--pop-soft:#fff1e7;
 --pop-line:#f1dfe3;--pop-rose:#f95a77;--pop-orange:#fd9747;--pop-purple:#7041a0;
 --pop-deep:#352448;--pop-field:#fff6f3;--pop-lift:0 19px 45px rgba(108,45,70,.10);
}
html[data-theme="dark"]{
 color-scheme:dark;--bg:#161325;--white:#251d35;--text:#fff4fa;--muted:#c8bdcf;
 --dark:#ff8195;--dark2:#ffa75d;--accent:#ffa75d;--peach:#302437;--mint:#322844;
 --line:#51435b;--shadow:0 19px 47px rgba(0,0,0,.28);
 --pop-text:#fff5fa;--pop-muted:#d4c8db;--pop-surface:#282038;--pop-soft:#32253c;
 --pop-line:#50405c;--pop-rose:#ff8da1;--pop-orange:#ffb875;--pop-purple:#bf9bf5;
 --pop-deep:#20172d;--pop-field:#362a46;--pop-lift:0 20px 45px rgba(0,0,0,.22);
}
html{scroll-padding-top:95px}html body{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
html[data-theme="light"] body,html[data-theme="light"] .app-shell,html[data-theme="light"] main{
 color:var(--pop-text);background:radial-gradient(circle at 6% 20%,#ffefd9 0,transparent 27%),radial-gradient(circle at 98% 39%,#fbe5f0 0,transparent 28%),#fffaf2!important}
html[data-theme="dark"] body,html[data-theme="dark"] .app-shell,html[data-theme="dark"] main{
 color:var(--pop-text)!important;background:radial-gradient(circle at 10% 16%,#382441 0,transparent 31%),radial-gradient(circle at 90% 37%,#292544 0,transparent 29%),#161325!important}
body{min-height:100vh}
/* Fresh, floating candy-glass header, all original action IDs retained. */
html .site-header{height:auto;min-height:98px;padding:14px 38px!important;gap:14px;position:relative;background:transparent!important}
html .brand-logo{height:68px;width:68px;object-fit:contain;background:#fff;border:4px solid #fff;border-radius:22px;box-shadow:0 9px 26px rgba(87,41,65,.17);transform:rotate(-5deg);transition:transform .35s cubic-bezier(.2,.8,.25,1)}
.brand:hover .brand-logo{transform:rotate(2deg) scale(1.06)}
html .desktop-nav{background:var(--pop-surface)!important;border:1px solid var(--pop-line)!important;border-radius:22px;padding:7px;box-shadow:0 9px 29px rgba(92,54,81,.07)}
html .nav-link{color:var(--pop-muted)!important;border-radius:15px;padding:12px 15px;font-size:13px}
html .nav-link:hover{background:var(--pop-soft)!important;color:var(--pop-text)!important}
html .nav-link.active{background:var(--pop-rose)!important;color:#fff!important;box-shadow:0 5px 16px rgba(235,68,109,.19)!important}
html .header-actions{gap:7px;flex-wrap:wrap}
html .merchant-shortcut{background:var(--pop-surface)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important;border-radius:14px;padding:10px 13px;min-height:43px;box-shadow:0 4px 13px rgba(69,45,61,.035)}
html .merchant-shortcut:hover{border-color:var(--pop-rose)!important;background:var(--pop-soft)!important;transform:translateY(-2px)}
html #themeToggle{min-height:44px!important;min-width:119px!important;padding:9px 12px!important;border:1px solid var(--pop-line)!important;border-radius:15px!important;display:inline-flex!important;justify-content:center;align-items:center;gap:7px;color:var(--pop-text)!important;font-size:21px!important;background:var(--pop-surface)!important;box-shadow:0 6px 16px rgba(69,30,54,.06)!important}
#themeToggle:after{content:'نهاري'!important;font-weight:850;font-size:12px}
html[data-theme="dark"] #themeToggle:after{content:'ليلي'!important}
html[lang="en"] #themeToggle:after{content:'Day mode'!important}
html[lang="en"][data-theme="dark"] #themeToggle:after{content:'Night mode'!important}
html .cart-trigger{background:var(--pop-rose);color:white;box-shadow:0 9px 20px rgba(231,70,108,.25)}
/* Food festival ticker: one duplicated row for a seamless, optional decorative loop. */
.py-ticker{position:relative;overflow:hidden;width:calc(100% - 92px);margin:1px auto 21px;border-radius:18px;background:#ffdb73;border:1px solid #f6c660;color:#61373c;box-shadow:0 8px 22px rgba(164,103,55,.09);direction:ltr;isolation:isolate}
html[data-theme="dark"] .py-ticker{background:#4a334d;color:#ffedce;border-color:#71516d}
.py-ticker-track{display:flex;width:max-content;align-items:center;animation:pyTicker 36s linear infinite}
.py-ticker-group{display:flex;align-items:center;white-space:nowrap;gap:30px;padding:12px 22px;font-size:12px;font-weight:950;letter-spacing:.55px}
.py-ticker-group span{display:inline-flex;align-items:center;gap:9px}.py-ticker-group b{font-size:19px;display:inline-block}
@keyframes pyTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(hover:hover){.py-ticker:hover .py-ticker-track{animation-play-state:paused}}
/* Hero goes from a quiet gradient block to a high-energy illustrated food poster. */
html .hero{margin:5px 45px 0!important;min-height:540px!important;border-radius:40px!important;overflow:hidden;isolation:isolate;grid-template-columns:1.05fr .95fr;background:linear-gradient(117deg,#ffb84b 0%,#ffa65b 40%,#fa7384 100%)!important;box-shadow:0 27px 55px rgba(226,93,86,.16)!important;border:1px solid rgba(254,240,217,.56)!important}
html[data-theme="dark"] .hero{background:linear-gradient(120deg,#48305d 0%,#67344f 45%,#90485b 100%)!important;border-color:#835264!important;box-shadow:0 24px 55px rgba(0,0,0,.25)!important}
html .hero:before{content:''!important;position:absolute;inset:-50%;background:repeating-radial-gradient(circle at center,transparent 0 43px,rgba(255,255,255,.12) 45px 46px,transparent 48px 100px);opacity:.4;animation:pyHaloSpin 80s linear infinite;pointer-events:none}
@keyframes pyHaloSpin{to{transform:rotate(360deg)}}
html .hero-copy{padding:74px 62px 55px 28px!important;align-self:center;max-width:650px;z-index:3}
html .eyebrow{color:#6a2e45!important;background:rgba(255,250,239,.72);padding:8px 14px;border-radius:999px;border:1px solid rgba(255,248,230,.65);font-size:11px;letter-spacing:1.2px;font-weight:950}
html[data-theme="dark"] .eyebrow{color:#ffdfd5!important;background:#432841}
html .hero h1{color:#39233b!important;font-size:clamp(38px,4.65vw,71px)!important;line-height:1.25!important;letter-spacing:-2.5px!important;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.1)}
html .hero h1 span{color:#fffaf0!important;text-shadow:0 4px 13px rgba(152,46,68,.19)}
html[data-theme="dark"] .hero h1{color:#fff6f8!important}
html[data-theme="dark"] .hero h1 span{color:#ffc978!important;text-shadow:none}
html .hero-copy>p{color:#522e40!important;font-size:17px;line-height:1.9;font-weight:630;max-width:500px}
html[data-theme="dark"] .hero-copy>p{color:#f9e2ea!important}
html .hero-actions{margin-top:30px}
html .hero .btn{border-radius:17px!important;min-height:56px;padding:15px 27px!important;font-size:14px;box-shadow:0 9px 18px rgba(100,40,62,.11)}
html .hero .btn-dark{background:#352448!important;color:white!important}
html .hero .btn-light{background:#fff6ec!important;color:#562a49!important;border-color:#fff6ec!important}
html .hero-facts{margin-top:33px;gap:10px!important}
html .hero-facts span{padding:8px 12px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#532d43!important;font-size:11px}
html[data-theme="dark"] .hero-facts span{color:#fff1e5!important;background:rgba(27,19,36,.28)}
html .hero-art{min-height:510px;position:relative;isolation:isolate;overflow:visible}
.hero-halo{width:425px!important;height:425px!important;max-width:94%;background:radial-gradient(circle at 42% 35%,#ffefc4,#fbe7f0 70%)!important;border-radius:42% 58% 54% 46%/44% 49% 51% 56%!important;box-shadow:0 0 0 18px rgba(255,255,255,.15),0 0 0 50px rgba(255,255,255,.08)!important;animation:pyBlob 9s ease-in-out infinite!important;transform:translate(50%,-50%)}
html[data-theme="dark"] .hero-halo{background:radial-gradient(circle at 35% 30%,#8d6a93,#5c3c70 72%)!important;box-shadow:0 0 0 18px rgba(254,181,193,.09),0 0 0 48px rgba(255,255,255,.05)!important}
@keyframes pyBlob{0%,100%{border-radius:42% 58% 54% 46%/44% 49% 51% 56%;transform:translate(50%,-50%) rotate(-5deg)}50%{border-radius:55% 45% 40% 60%/53% 41% 59% 47%;transform:translate(50%,-50%) rotate(6deg)}}
.py-dish{position:absolute;z-index:3;display:block;width:min(84%,410px);max-width:none;object-fit:contain;will-change:transform;filter:drop-shadow(6px 20px 8px rgba(101,47,44,.18));pointer-events:none}
.py-dish--burger{top:19%;left:7%;width:85%;animation:pyBurgerDance 5.7s ease-in-out infinite}
.py-dish--fries{width:39%;left:-5%;bottom:3%;animation:pyFriesBounce 5.2s ease-in-out infinite .5s}
.py-dish--drink{width:38%;right:0%;top:-1%;animation:pyDrinkWiggle 6.5s ease-in-out infinite .9s}
.py-dish--donut{width:31%;right:0%;bottom:4%;animation:pyDonutSpin 10s ease-in-out infinite}
@keyframes pyBurgerDance{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-17px) rotate(-3deg)}}
@keyframes pyFriesBounce{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-14px) rotate(-4deg)}}
@keyframes pyDrinkWiggle{0%,100%{transform:translateY(0) rotate(12deg)}45%{transform:translateY(-11px) rotate(7deg)}}
@keyframes pyDonutSpin{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-17px)}}
html .hero-splash{font-size:44px;color:#fff!important;animation:pySpark 4.2s ease-in-out infinite;z-index:4;pointer-events:none}
@keyframes pySpark{0%,100%{transform:scale(.8) rotate(0);opacity:.63}50%{transform:scale(1.19) rotate(22deg);opacity:1}}
html .floating-tag{background:rgba(255,255,255,.94)!important;color:#4d2b48!important;border:1px solid #ffe8ce!important;box-shadow:0 15px 28px rgba(123,47,66,.15)!important;border-radius:15px!important;font-size:11px;padding:10px 12px!important;backdrop-filter:blur(8px);z-index:5}
html[data-theme="dark"] .floating-tag{background:#f8e8e6!important;color:#492d47!important}
html .tag-price{top:19%;left:-3%}.tag-location{top:16%;right:5%}.tag-pickup{bottom:17%;left:15%}
/* The rest of the product looks like one complete food brand, not just a hero skin. */
html .discovery,html .how-it-works{margin-top:78px}
html .section-heading h2,html .page-intro h1,.py-section-head h2{color:var(--pop-text)!important;letter-spacing:-1.2px}
html .section-kicker{color:var(--pop-rose)!important;font-size:12px;font-weight:950}
html .section-heading p,html .page-intro p,html .step p,html .restaurant-info p{color:var(--pop-muted)!important}
html .menu-count{background:#ffe3ab!important;border:1px solid #ffd188;color:#733c49!important;border-radius:13px;font-weight:900}
html[data-theme="dark"] .menu-count{background:#433453!important;color:#ffdfaf!important;border-color:#66506f!important}
html .filter-panel{background:var(--pop-surface)!important;border:1px solid var(--pop-line)!important;border-radius:27px!important;padding:27px!important;box-shadow:var(--pop-lift)!important}
html .search-field{background:var(--pop-field)!important;border:1px solid var(--pop-line)!important;border-radius:18px!important}
html .money-input{background:var(--pop-field)!important;color:var(--pop-text)!important}
html .budget-area{border-color:var(--pop-line)!important}
html :is(.search-field input,.money-input input){color:var(--pop-text)!important;background:transparent!important}
html input[type="range"]{accent-color:var(--pop-rose)!important}
html .quick-budgets button{background:var(--pop-field)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important;border-radius:12px;padding:9px 12px}
html .quick-budgets button.selected{background:var(--pop-rose)!important;color:#fff!important;border-color:var(--pop-rose)!important;box-shadow:0 5px 14px rgba(215,62,110,.16)}
html .results-top h3 span{background:var(--pop-soft)!important;color:var(--pop-rose)!important}
html .filter-dot{background:var(--pop-orange)!important}
html .meal-grid{gap:21px}
html .meal-card{background:var(--pop-surface)!important;border:1px solid var(--pop-line)!important;border-radius:26px!important;overflow:hidden;box-shadow:0 11px 25px rgba(80,39,74,.06)!important;position:relative;transform:translateZ(0)}
html .meal-card:hover{box-shadow:0 24px 48px rgba(132,48,85,.16)!important;border-color:var(--pop-rose)!important}
html .meal-picture{height:180px;isolation:isolate}
html .meal-picture:before{width:155px;height:155px;background:rgba(255,255,255,.28)!important;border:2px dashed rgba(255,255,255,.48);animation:pySlowCircle 28s linear infinite}
@keyframes pySlowCircle{to{transform:rotate(360deg)}}
html .food-emoji{font-size:85px;filter:drop-shadow(1px 13px 7px rgba(89,41,55,.15))}
html .meal-photo,html .menu-photo{object-fit:cover;transition:transform .55s cubic-bezier(.18,.67,.2,1)!important}
html .meal-badge{border-radius:13px!important;background:#fff5ee!important;color:#aa3c69!important;padding:9px 12px}
html .meal-info h3,html .restaurant-info h3{color:var(--pop-text)!important;font-weight:900}
html .meal-info small,html .restaurant-info small{color:var(--pop-muted)!important}
html .meal-price{color:var(--pop-rose)!important;font-size:21px;font-weight:950}
html .meal-price small{color:var(--pop-muted)}
html .round-add{height:42px;width:42px;border-radius:14px!important;background:var(--pop-rose)!important;color:white!important;box-shadow:0 6px 16px rgba(244,89,119,.2)}
html .round-add:active{transform:scale(.91)!important}
html .btn-dark{background:var(--pop-rose)!important;color:white!important}
html .btn-light,html .outline-btn{background:var(--pop-surface)!important;color:var(--pop-text)!important;border:1px solid var(--pop-line)!important}
html .btn,html .outline-btn{border-radius:14px;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,background-color .22s ease!important}
html .btn:hover,html .outline-btn:hover{box-shadow:0 10px 24px rgba(222,71,113,.13)}
html .steps-grid{gap:23px}
html .step{position:relative;background:var(--pop-surface)!important;border:1px solid var(--pop-line)!important;border-radius:27px!important;padding:34px 28px;box-shadow:var(--pop-lift)!important;overflow:hidden}
html .step:nth-child(1){border-top:6px solid #fc9570!important}
html .step:nth-child(2){border-top:6px solid #ad91e4!important}
html .step:nth-child(3){border-top:6px solid #f4b84d!important}
html .step-icon{font-size:28px;color:var(--pop-rose)!important}
html .step h3{color:var(--pop-text)!important}
html .restaurant-card{background:var(--pop-surface)!important;border:1px solid var(--pop-line)!important;border-radius:29px!important;box-shadow:var(--pop-lift)!important}
html .restaurant-icon{border-radius:21px!important;overflow:hidden}
html .restaurant-icon :is(img,.food-emoji){transition:transform .5s cubic-bezier(.18,.7,.2,1)!important}
html .restaurant-meta span{color:var(--pop-muted)!important}
html .page-intro .section-kicker{color:var(--pop-rose)!important}
html .py-about-card,html .py-contact-card{background:var(--pop-surface)!important;border:1px solid var(--pop-line)!important;box-shadow:var(--pop-lift)!important;border-radius:28px}
html .py-about-content p,html .py-contact-copy p{color:var(--pop-muted)!important}
html .py-about-art{background:linear-gradient(140deg,#ffdd98,#ff9da8)!important}
html .py-email{color:var(--pop-rose)!important}
html .site-footer,html .site-footer-simple{border-color:var(--pop-line)!important}
html :is(.settings-card,.editor-card,.owner-section,.order-card,.detail-hero,.detail-menu,.detail-menu-item,.map-restaurant,.cart-drawer,.auth-modal-card,.extra-modal-card,.success-modal,.payment-editor,.owner-rest-row,.no-orders,.owner-line,.editor-item,.merchant-stats>div,.orders-list,.merchant-orders,.owner-data-list){background:var(--pop-surface)!important;border-color:var(--pop-line)!important;color:var(--pop-text)!important}
html :is(.detail-menu-item,.order-card,.owner-rest-row,.map-restaurant,.settings-card,.editor-card){border-radius:19px}
html :is(.auth-form input,.search-field input,.money-input input,textarea,select,.auth-tab,.pay-option,.location-choice){border-color:var(--pop-line)!important;color:var(--pop-text)!important}
html[data-theme="dark"] :is(.auth-form input,textarea,select,.auth-tab,.pay-option,.location-choice){background:var(--pop-field)!important}
html[data-theme="dark"] :is(.site-footer p,.site-footer small,.section-heading p,.order-card small,.order-card p,.step p,.profile-details span,.hint,.owner-line p,.owner-line small,.merchant-order-controls select,.py-about-content p,.py-contact-copy p){color:var(--pop-muted)!important}
html .oauth-btn{border-color:var(--pop-line)!important;background:var(--pop-surface)!important;color:var(--pop-text)!important;border-radius:14px!important}
html .cart-count{background:#ffcc62!important;color:#4a2444!important}
html .mobile-nav{background:var(--pop-surface)!important;border-top:1px solid var(--pop-line)!important;box-shadow:0 -7px 28px rgba(62,25,58,.08)!important}
html .mobile-nav a{color:var(--pop-muted)!important}
html .mobile-nav a.active{background:var(--pop-rose)!important;color:#fff!important;border-radius:13px!important}
html :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--pop-orange)!important;outline-offset:3px}
/* Slight interaction on real customer actions — not on raw text entry. */
@media(hover:hover) and (pointer:fine){
 html :is(.meal-card,.restaurant-card,.step):hover{transform:translateY(-8px) rotate(.2deg)!important}
 html .meal-card:hover :is(.meal-photo,.food-emoji){transform:scale(1.13) rotate(-4deg)!important}
 html .restaurant-card:hover .restaurant-icon :is(img,.food-emoji){transform:scale(1.09) rotate(5deg)!important}
 html :is(.round-add,.btn,.outline-btn):not(:disabled):hover{transform:translateY(-3px)!important}
}
/* Scroll reveals use additive animation class; no element is hidden if JS fails. */
@keyframes pyReveal{from{opacity:.5;transform:translateY(21px)}to{opacity:1;transform:translateY(0)}}
html .py-pop-enter{animation:pyReveal .65s cubic-bezier(.2,.74,.2,1) both}
html .py-pop-enter:nth-child(3n+1){animation-delay:.07s}html .py-pop-enter:nth-child(3n+2){animation-delay:.14s}
html #pyPageProgress{background:linear-gradient(90deg,#feac5b,#fc577a,#9e72ee)!important;height:4px}
html #pyBackTop{background:var(--pop-rose)!important;color:white!important;border-color:transparent!important;box-shadow:0 8px 24px rgba(228,65,106,.25)!important}
/* Accessible low-distraction device behavior. */
@media(max-width:1200px){html .site-header{padding:14px 24px!important}html .hero{margin-inline:24px!important}.py-ticker{width:calc(100% - 48px)}html .hero-copy{padding:48px 30px!important}.py-dish--burger{left:3%;width:92%}}
@media(max-width:850px){html .site-header{min-height:84px!important;padding:9px 17px!important}html .brand-logo{height:54px;width:54px;border-radius:16px}html .hero{margin-inline:17px!important}.py-ticker{width:calc(100% - 34px)}html .hero-art{min-height:375px}.py-dish--burger{width:76%;left:12%;top:12%}.py-dish--fries{left:4%;bottom:6%;width:32%}.py-dish--drink{right:8%;width:31%}.py-dish--donut{width:25%;right:6%}html #themeToggle{width:44px!important;min-width:44px!important;padding:7px!important}html #themeToggle::after{display:none!important}}
@media(max-width:700px){html .hero{grid-template-columns:1fr!important;border-radius:27px!important;min-height:0!important;margin-top:2px!important}html .hero-copy{padding:34px 25px 10px!important}html .hero h1{font-size:clamp(35px,9vw,50px)!important;line-height:1.3!important}html .hero-copy>p{font-size:14px;line-height:1.85}html .hero-facts{margin-top:22px;gap:6px!important}html .hero-facts span{font-size:9px;padding:6px 8px}html .hero-art{min-height:320px!important}.hero-halo{width:255px!important;height:255px!important}.py-dish--burger{width:255px;max-width:68%;top:10%;left:18%}.py-dish--fries{width:130px;max-width:34%;left:6%;bottom:7%}.py-dish--drink{width:130px;max-width:35%;right:6%;top:0}.py-dish--donut{width:107px;max-width:28%;right:8%;bottom:6%}html .floating-tag{font-size:9px!important;padding:7px!important}html .floating-tag span{font-size:14px}html .tag-price{top:7%;left:0}html .tag-location{top:9%;right:0}html .tag-pickup{bottom:10%;left:17%}html .discovery,html .how-it-works{margin-top:53px}html .meal-picture{height:154px}html .meal-grid{gap:12px}html .meal-card{border-radius:18px!important}html .filter-panel{padding:16px!important;border-radius:21px!important}html .step{padding:21px!important;border-radius:19px!important}.py-ticker-group{padding:9px 18px;font-size:10px;gap:19px}}
@media(max-width:420px){html .hero h1{font-size:34px!important}html .hero-copy{padding:27px 18px 4px!important}html .hero-art{min-height:282px!important}.py-dish--burger{width:235px}.py-dish--fries{width:115px}.py-dish--drink{width:116px}.py-dish--donut{width:95px}html .hero .btn{padding:11px 16px!important;min-height:46px!important;font-size:12px}html .meal-picture{height:132px}html .food-emoji{font-size:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.py-ticker-track{transform:none!important}.py-pop-enter{opacity:1!important;transform:none!important}}
/* Specificity guard against legacy V7 dark-green !important rules. */
html[data-theme="dark"] .site-header{background:transparent!important}
html[data-theme="dark"] .desktop-nav{background:var(--pop-surface)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .desktop-nav a{background:transparent!important;color:var(--pop-muted)!important;border-color:transparent!important}
html[data-theme="dark"] .desktop-nav a.active{background:var(--pop-rose)!important;color:#301b2b!important;border-color:transparent!important}
html[data-theme="dark"] .desktop-nav a:hover:not(.active){background:var(--pop-field)!important;color:var(--pop-text)!important}
html[data-theme="dark"] .header-actions .merchant-shortcut,
html[data-theme="dark"] .header-actions .tool-switch{background:var(--pop-surface)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .discovery,
html[data-theme="dark"] .how-it-works,
html[data-theme="dark"] .results-top,
html[data-theme="dark"] .page-intro,
html[data-theme="dark"] .map-side,
html[data-theme="dark"] .campus-map{background:transparent!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .meal-info,
html[data-theme="dark"] .meal-bottom,
html[data-theme="dark"] .restaurant-info,
html[data-theme="dark"] .restaurant-meta span{background:var(--pop-surface)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .restaurant-meta span{background:transparent!important;color:var(--pop-muted)!important}
html[data-theme="dark"] .menu-count,
html[data-theme="dark"] .results-top h3 span{background:var(--pop-field)!important;color:var(--pop-orange)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .search-field,
html[data-theme="dark"] .money-input,
html[data-theme="dark"] .search-field input,
html[data-theme="dark"] .money-input input,
html[data-theme="dark"] .quick-budgets button,
html[data-theme="dark"] .detail-info-tags>span,
html[data-theme="dark"] .pay-option,
html[data-theme="dark"] .location-choice{background:var(--pop-field)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .search-field input,html[data-theme="dark"] .money-input input{background:transparent!important}
html[data-theme="dark"] .quick-budgets button.selected{background:var(--pop-rose)!important;color:#2d182b!important;border-color:var(--pop-rose)!important}
html[data-theme="dark"] .filter-panel,
html[data-theme="dark"] .meal-card,
html[data-theme="dark"] .restaurant-card,
html[data-theme="dark"] .step,
html[data-theme="dark"] .owner-section,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .editor-card,
html[data-theme="dark"] .order-card,
html[data-theme="dark"] .detail-hero,
html[data-theme="dark"] .detail-menu,
html[data-theme="dark"] .detail-menu-item,
html[data-theme="dark"] .map-restaurant,
html[data-theme="dark"] .payment-editor,
html[data-theme="dark"] .merchant-selector,
html[data-theme="dark"] .merchant-publish,
html[data-theme="dark"] .auth-modal-card,
html[data-theme="dark"] .cart-drawer,
html[data-theme="dark"] .success-modal,
html[data-theme="dark"] .extra-modal-card,
html[data-theme="dark"] .owner-rest-row,
html[data-theme="dark"] .owner-line,
html[data-theme="dark"] .no-orders,
html[data-theme="dark"] .editor-item,
html[data-theme="dark"] .merchant-stats>div,
html[data-theme="dark"] .orders-list,
html[data-theme="dark"] .merchant-orders,
html[data-theme="dark"] .owner-data-list,
html[data-theme="dark"] .order-toolbar,
html[data-theme="dark"] .notice-box,
html[data-theme="dark"] .equal-buttons{background:var(--pop-surface)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .py-about-card,
html[data-theme="dark"] .py-contact-card{background:var(--pop-surface)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] :is(.section-heading h2,.page-intro h1,.results-top h3,.restaurant-info h3,.meal-info h3,.step h3,.detail-hero h1,.detail-menu h2){color:var(--pop-text)!important}
html[data-theme="dark"] .section-kicker,html[data-theme="dark"] .page-intro .section-kicker{color:var(--pop-rose)!important}
html[data-theme="dark"] .meal-price,html[data-theme="dark"] .meal-card .meal-price{color:var(--pop-rose)!important}
html[data-theme="dark"] .round-add{background:var(--pop-rose)!important;color:#321a2e!important}
html[data-theme="dark"] .btn-dark{background:var(--pop-rose)!important;color:#301a29!important;border-color:var(--pop-rose)!important}
html[data-theme="dark"] .btn-light,html[data-theme="dark"] .outline-btn{background:var(--pop-field)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .mobile-nav{background:var(--pop-surface)!important;border-color:var(--pop-line)!important}
html[data-theme="dark"] .mobile-nav a{background:transparent!important;color:var(--pop-muted)!important}
html[data-theme="dark"] .mobile-nav a.active{background:var(--pop-rose)!important;color:#361d2c!important}
html[data-theme="dark"] .meal-card .meal-picture{filter:none!important}
html[data-theme="dark"] .auth-modal-card .oauth-divider span{background:var(--pop-surface)!important;color:var(--pop-muted)!important}
html[data-theme="dark"] .oauth-btn{background:var(--pop-field)!important;color:var(--pop-text)!important;border-color:var(--pop-line)!important}