/* v7.8: theme identity owns composition; stored options own navigation and controls. */
body[data-theme-system="8"]{font-family:var(--body-font);--identity-border:1px;--identity-radius:var(--v4-radius,12px);--identity-shadow:none}
body[data-theme-system="8"] :is(h1,h2,h3,h4){font-family:var(--heading-font)!important}
body[data-theme-system="8"] .logo{font-family:var(--heading-font)!important;font-style:normal;letter-spacing:-.04em;overflow-wrap:anywhere}
body[data-theme-system="8"] :is(.hero,.item,.home-product,.club-reward-card,.comm-card,.panel){min-width:0}
body[data-theme-system="8"] :is(.item,.home-product,.club-reward-card,.comm-card,.panel){--primary-text:var(--surface-primary);color:var(--surface-ink);border-color:var(--surface-line)}
body[data-theme-system="8"] .item-body{min-width:0}
body[data-theme-system="8"] .item h4{overflow-wrap:anywhere;line-height:1.25}
body[data-theme-system="8"] .price{font-variant-numeric:tabular-nums}
body[data-theme-system="8"] :is(.item p,.home-product small,.comm-card p){color:var(--surface-muted)}
body[data-theme-system="8"] .hero h2{font-weight:650;line-height:1.06;text-wrap:balance}
body[data-theme-system="8"] :is(.hero-eyebrow,.section-kicker){font-family:var(--body-font);color:var(--accent-text)}
body[data-theme-system="8"] :is(.home-product,.review-prompt,.home-communication button,.comm-card:not(.style-immersive),.panel){border-radius:var(--identity-radius);box-shadow:var(--identity-shadow)}
body[data-theme-system="8"] .comm-card:not(.style-immersive){border-width:var(--identity-border);border-style:solid;background:var(--white)}
body[data-theme-system="8"] :is(input,textarea,select){font-family:var(--body-font);color:var(--surface-ink);background:var(--white);border-color:var(--surface-line)}
body[data-theme-system="8"] :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--primary-text);outline-offset:3px}
body[data-theme-system="8"] .home-product-visual{aspect-ratio:4/3}
body[data-theme-system="8"] #menuScreen .item-thumb img{height:100%;width:100%;object-fit:cover}
/* Every category option has a real, consistent rendering in Home and Menu. */
body[data-theme][data-theme-system="8"] :is(#homeCategoryPreview .home-cat,#menuScreen .chip){font-family:var(--body-font)!important;min-height:44px;padding:10px 15px!important;box-shadow:none!important;line-height:1.35;font-size:13px;letter-spacing:0;text-transform:none}
body[data-theme][data-theme-system="8"][data-v4-categories="text"] :is(#homeCategoryPreview .home-cat,#menuScreen .chip){background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:var(--muted)!important;padding-inline:6px!important}
body[data-theme][data-theme-system="8"][data-v4-categories="text"] :is(#homeCategoryPreview .home-cat.on,#menuScreen .chip.on){color:var(--primary-text)!important;border-bottom-color:var(--primary-text)!important}
body[data-theme][data-theme-system="8"][data-v4-categories="pills"] :is(#homeCategoryPreview .home-cat,#menuScreen .chip){border-radius:999px!important}
body[data-theme][data-theme-system="8"][data-v4-categories="cards"] :is(#homeCategoryPreview .home-cat,#menuScreen .chip){border-radius:var(--identity-radius)!important;min-height:56px;padding:13px 20px!important;box-shadow:var(--identity-shadow)!important}
/* The navigation preference now controls the same actual dock on all screens. */
body[data-theme][data-theme-system="8"] .app-dock{background:var(--white)!important;color:var(--surface-ink);border:1px solid var(--surface-line);backdrop-filter:none;padding:6px;gap:4px}
body[data-theme][data-theme-system="8"] .app-dock button{color:var(--surface-muted)!important;min-height:48px;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;font-family:var(--body-font)}
body[data-theme][data-theme-system="8"][data-v4-nav="tabs"] .app-dock{border-radius:14px}
body[data-theme][data-theme-system="8"][data-v4-nav="tabs"] .app-dock button.on{background:color-mix(in srgb,var(--olive) 12%,var(--white))!important;color:var(--surface-primary)!important;border-radius:9px!important}
body[data-theme][data-theme-system="8"][data-v4-nav="pills"] .app-dock{border-radius:999px}
body[data-theme][data-theme-system="8"][data-v4-nav="pills"] .app-dock button.on{background:var(--olive)!important;color:var(--on-primary)!important;border-radius:999px!important}
body[data-theme][data-theme-system="8"][data-v4-nav="underline"] .app-dock{border-radius:0;border-inline:0;border-bottom:0}
body[data-theme][data-theme-system="8"][data-v4-nav="underline"] .app-dock button.on{border-bottom:3px solid var(--surface-primary)!important;color:var(--surface-primary)!important}
/* Button customization, including newly added Club controls. */
body[data-theme][data-theme-system="8"] :is(#openMenu,.primary,.cta,.club-reward-action){font-family:var(--body-font);border-radius:var(--v4-radius)!important}
body[data-theme][data-theme-system="8"][data-v4-buttons="pill"] :is(#openMenu,.primary,.cta,.club-reward-action){border-radius:999px!important}
body[data-theme][data-theme-system="8"][data-v4-buttons="outline"] :is(#openMenu,.primary,.cta,.club-reward-action){background:transparent!important;color:var(--primary-text)!important;border:1px solid currentColor!important}
body[data-theme][data-theme-system="8"][data-v4-buttons="outline"] #openMenu:after{color:inherit!important}
body[data-theme][data-theme-system="8"][data-v4-density="compact"] #menuScreen .item{padding:12px!important;min-height:92px}
body[data-theme][data-theme-system="8"][data-v4-density="spacious"] #menuScreen .item{padding:24px!important;min-height:146px}
/* Stable Club footprint, different internal compositions. */
body[data-theme-system="8"] #rewardsScreen .club-reward-card{grid-template-columns:minmax(0,1fr);grid-template-areas:'head' 'art' 'title' 'distance' 'progress' 'action';border-radius:var(--identity-radius)}
body[data-theme-system="8"] .club-card-head{grid-area:head}
body[data-theme-system="8"] .club-reward-art{grid-area:art}
body[data-theme-system="8"] .club-reward-card h2{grid-area:title}
body[data-theme-system="8"] .club-reward-distance{grid-area:distance}
body[data-theme-system="8"] :is(.club-progress,.club-earned-ticket,.club-start-copy:not(.club-action-feedback)){grid-area:progress}
body[data-theme-system="8"] #rewardsScreen .club-reward-card>.club-start-copy:not(.club-action-feedback){width:100%;max-width:none;min-width:0;margin:0;align-self:center}
body[data-theme-system="8"] .club-reward-action{grid-area:action}
/* GOOGLE — useful, compact, list-oriented. */
body[data-theme="google"][data-theme-system="8"]{--identity-radius:10px}
body[data-theme="google"][data-theme-system="8"] .experience-top{padding:22px 0 16px}
body[data-theme="google"][data-theme-system="8"] .logo{font-size:28px;font-weight:650}
body[data-theme="google"][data-theme-system="8"] .hero{padding:24px 0;background:none!important;border:0!important}
body[data-theme="google"][data-theme-system="8"] .hero h2{font-size:clamp(30px,6vw,44px);max-width:580px}
body[data-theme="google"][data-theme-system="8"] .hero-actions{grid-template-columns:1fr}
body[data-theme="google"][data-theme-system="8"] .hero-benefit{border:0!important;background:transparent!important;padding:10px 4px;min-height:44px}
body[data-theme="google"][data-theme-system="8"] .hero-benefit small{display:none}
body[data-theme="google"][data-theme-system="8"] .home-product{box-shadow:none!important;border-radius:10px!important}
body[data-theme="google"][data-theme-system="8"] #menuScreen .item{border:0!important;border-bottom:1px solid var(--surface-line)!important;border-radius:0!important;box-shadow:none!important;margin:0;background:var(--white)!important}
body[data-theme="google"][data-theme-system="8"] #menuScreen .item-thumb{width:64px!important;height:64px!important;flex:0 0 64px!important;border-radius:8px!important}
body[data-theme="google"][data-theme-system="8"] #rewardsScreen .club-reward-card{grid-template-columns:78px minmax(0,1fr);grid-template-areas:'head head' 'art title' 'art distance' 'progress progress' 'action action';grid-template-rows:28px 82px 32px 124px 46px;gap:6px;background:var(--white)!important;box-shadow:none!important}
body[data-theme="google"][data-theme-system="8"] #rewardsScreen .club-reward-card h2{font-size:25px;text-align:left}
body[data-theme="google"][data-theme-system="8"] #rewardsScreen .club-reward-distance{text-align:left}
/* APPLE — quiet, image-led, generous. */
body[data-theme="apple"][data-theme-system="8"]{--identity-radius:24px;--identity-shadow:0 12px 36px #00000008}
body[data-theme="apple"][data-theme-system="8"] .experience-top{padding:28px 0 12px;border:0!important;justify-content:center}
body[data-theme="apple"][data-theme-system="8"] .logo{font-size:28px;letter-spacing:-.055em}
body[data-theme="apple"][data-theme-system="8"] .hero{padding:26px 0 36px;text-align:center;background:none!important}
body[data-theme="apple"][data-theme-system="8"] .hero h2{font-size:clamp(38px,8vw,64px);font-weight:650;max-width:640px;margin-inline:auto}
body[data-theme="apple"][data-theme-system="8"] .hero p{max-width:460px;margin-inline:auto}
body[data-theme="apple"][data-theme-system="8"] .hero-actions{grid-template-columns:1fr;max-width:420px;margin:auto}
body[data-theme="apple"][data-theme-system="8"] .hero-benefit{background:transparent!important;border:0!important;align-items:center;min-height:44px}
body[data-theme="apple"][data-theme-system="8"] .home-product-visual{aspect-ratio:1.2}
body[data-theme="apple"][data-theme-system="8"] #menuScreen .item{display:flex!important;flex-direction:column;gap:12px!important;padding:18px!important;border:0!important;background:var(--white)!important;border-radius:24px!important}
body[data-theme="apple"][data-theme-system="8"] #menuScreen .item-main{display:flex;flex-direction:column;align-items:stretch;width:100%}
body[data-theme="apple"][data-theme-system="8"] #menuScreen .item-thumb{width:100%!important;height:auto!important;aspect-ratio:16/10;flex:auto!important;border-radius:18px!important}
body[data-theme="apple"][data-theme-system="8"] .item h4{font-size:22px;margin-top:10px}
body[data-theme="apple"][data-theme-system="8"] #rewardsScreen .club-reward-card{border:0!important;border-radius:28px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--olive) 6%,var(--white)),var(--white))!important;box-shadow:inset 0 0 0 1px var(--surface-line)!important}
body[data-theme="apple"][data-theme-system="8"] #rewardsScreen .club-card-head b{letter-spacing:.13em;font-size:9px}
body[data-theme="apple"][data-theme-system="8"] #rewardsScreen .club-earned-ticket{background:transparent!important}
/* MODERN — modular bento, balanced data and imagery. */
body[data-theme="modern"][data-theme-system="8"]{--identity-radius:18px}
body[data-theme="modern"][data-theme-system="8"] .experience-top{padding:24px 0;border:0!important}
body[data-theme="modern"][data-theme-system="8"] .logo{font-size:32px}
body[data-theme="modern"][data-theme-system="8"] .hero{display:grid;grid-template-columns:1fr;gap:4px;border:0!important;padding:26px!important}
body[data-theme="modern"][data-theme-system="8"] .hero h2{font-size:clamp(34px,6vw,50px)}
body[data-theme="modern"][data-theme-system="8"] .home-product:first-child{border-top:4px solid var(--olive)!important}
body[data-theme="modern"][data-theme-system="8"] .home-product:not(:first-child){border-top:4px solid var(--accent)!important}
body[data-theme="modern"][data-theme-system="8"] #menuScreen .item{border:1px solid var(--surface-line)!important;box-shadow:none!important;border-radius:18px!important;background:var(--white)!important}
body[data-theme="modern"][data-theme-system="8"] #menuScreen .item-thumb{width:88px!important;height:88px!important;flex:0 0 88px!important;border-radius:14px!important}
body[data-theme="modern"][data-theme-system="8"] #rewardsScreen .club-reward-card{grid-template-columns:86px minmax(0,1fr);grid-template-areas:'head head' 'art title' 'distance distance' 'progress progress' 'action action';grid-template-rows:28px 102px 32px 104px 46px;gap:6px;background:var(--white)!important;border-top:5px solid var(--olive)!important}
body[data-theme="modern"][data-theme-system="8"] #rewardsScreen .club-reward-card h2{text-align:left;font-size:25px}
body[data-theme="modern"][data-theme-system="8"] #rewardsScreen .club-progress{padding:12px;background:color-mix(in srgb,var(--accent) 8%,var(--white))!important;border-radius:12px!important}
/* EDITORIAL — magazine rhythm and open typography. */
body[data-theme="editorial"][data-theme-system="8"]{--identity-radius:0px}
body[data-theme="editorial"][data-theme-system="8"] .experience-top{padding:24px 0 18px;border-bottom:1px solid var(--ink)!important}
body[data-theme="editorial"][data-theme-system="8"] .logo{font-size:36px;font-style:italic;letter-spacing:-.04em}
body[data-theme="editorial"][data-theme-system="8"] .hero{padding:32px 0;text-align:left}
body[data-theme="editorial"][data-theme-system="8"] .hero h2{font-size:clamp(42px,8vw,68px);font-weight:500;max-width:12ch}
body[data-theme="editorial"][data-theme-system="8"] .home-product{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body[data-theme="editorial"][data-theme-system="8"] .home-product-body{padding:14px 0}
body[data-theme="editorial"][data-theme-system="8"] .home-product-body b{font-family:var(--heading-font);font-size:21px}
body[data-theme="editorial"][data-theme-system="8"] .home-product-visual{aspect-ratio:3/4}
body[data-theme="editorial"][data-theme-system="8"] #menuScreen .item{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:22px 0!important}
body[data-theme="editorial"][data-theme-system="8"] #menuScreen .item-thumb{width:90px!important;height:114px!important;flex:0 0 90px!important;border-radius:0!important}
body[data-theme="editorial"][data-theme-system="8"] #rewardsScreen .club-reward-card{background:var(--white)!important;border:0!important;border-top:2px solid var(--surface-ink)!important;border-bottom:1px solid var(--surface-ink)!important;border-radius:0!important}
body[data-theme="editorial"][data-theme-system="8"] #rewardsScreen .club-reward-card h2{font-size:31px;font-style:italic;text-align:left}
body[data-theme="editorial"][data-theme-system="8"] #rewardsScreen .club-reward-art{justify-items:start}
body[data-theme="editorial"][data-theme-system="8"] #rewardsScreen .club-reward-art:before{display:none}
body[data-theme="editorial"][data-theme-system="8"] #rewardsScreen .club-reward-distance{text-align:left}
/* CLASSIC — formal menu, aligned prices and framed certificates. */
body[data-theme="classic"][data-theme-system="8"]{--identity-radius:2px}
body[data-theme="classic"][data-theme-system="8"] .experience-top{justify-content:center;border-block:1px solid var(--line)!important;padding:24px 0}
body[data-theme="classic"][data-theme-system="8"] .brand{text-align:center;width:100%}
body[data-theme="classic"][data-theme-system="8"] .logo{font-size:32px;letter-spacing:.01em}
body[data-theme="classic"][data-theme-system="8"] .hero{padding:30px 16px;text-align:center;border:1px solid var(--line)!important;outline:1px solid var(--line);outline-offset:-6px;margin-top:22px}
body[data-theme="classic"][data-theme-system="8"] .hero h2{font-size:clamp(30px,5vw,42px);font-weight:500;line-height:1.2}
body[data-theme="classic"][data-theme-system="8"] .hero-actions{max-width:480px;margin:auto;grid-template-columns:1fr}
body[data-theme="classic"][data-theme-system="8"] #menuScreen .item{border:0!important;border-bottom:1px dotted var(--line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important}
body[data-theme="classic"][data-theme-system="8"] .item h4{font-size:17px}
body[data-theme="classic"][data-theme-system="8"] .item .price{text-align:right;border-top:1px dotted var(--line)!important;padding-top:8px}
body[data-theme="classic"][data-theme-system="8"] #menuScreen .item-thumb{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:50%!important}
body[data-theme="classic"][data-theme-system="8"] #rewardsScreen .club-reward-card{border:1px solid var(--surface-primary)!important;outline:1px solid var(--surface-primary);outline-offset:-7px;border-radius:0!important;background:var(--white)!important}
body[data-theme="classic"][data-theme-system="8"] #rewardsScreen .club-reward-art:before{border:1px solid currentColor!important;background:transparent!important}
body[data-theme="classic"][data-theme-system="8"] #rewardsScreen .club-reward-card h2{font-size:26px;font-weight:500}
/* BOLD — strong typographic blocks and tickets. */
body[data-theme="bold"][data-theme-system="8"]{--identity-radius:0px;--identity-border:2px}
body[data-theme="bold"][data-theme-system="8"] .logo{font-size:36px;font-weight:850}
body[data-theme="bold"][data-theme-system="8"] .hero{padding:24px 0;border-top:4px solid var(--ink)!important}
body[data-theme="bold"][data-theme-system="8"] .hero h2{font-size:clamp(40px,9vw,66px);font-weight:850;max-width:13ch;text-transform:uppercase;letter-spacing:-.065em}
body[data-theme="bold"][data-theme-system="8"] .hero p{font-weight:400;font-size:15px}
body[data-theme="bold"][data-theme-system="8"] .hero-actions{grid-template-columns:1fr}
body[data-theme="bold"][data-theme-system="8"] .hero-benefit{border:0!important;border-left:4px solid var(--accent)!important;background:transparent!important}
body[data-theme="bold"][data-theme-system="8"] .home-product{border:2px solid var(--surface-ink)!important;border-radius:0!important}
body[data-theme="bold"][data-theme-system="8"] #menuScreen .item{border:2px solid var(--surface-ink)!important;border-radius:0!important;border-left:6px solid var(--accent)!important;box-shadow:none!important;background:var(--white)!important}
body[data-theme="bold"][data-theme-system="8"] .item h4{font-size:23px;font-weight:850;text-transform:uppercase}
body[data-theme="bold"][data-theme-system="8"] #rewardsScreen .club-reward-card{background:var(--white)!important;border:2px solid var(--surface-ink)!important;border-top:10px solid var(--olive)!important;border-radius:0!important;grid-template-rows:24px 80px 60px 30px 82px 46px}
body[data-theme="bold"][data-theme-system="8"] #rewardsScreen .club-reward-card h2{text-transform:uppercase;font-weight:850;font-size:30px;letter-spacing:-.05em}
body[data-theme="bold"][data-theme-system="8"] #rewardsScreen .club-earned-ticket{border-block:2px dashed var(--surface-ink)!important;border-radius:0!important;background:transparent!important}
/* ARTPOP — controlled asymmetry, stickers and hard shadows. */
body[data-theme="artpop"][data-theme-system="8"]{--identity-radius:20px 4px 20px 4px;--identity-border:2px;--identity-shadow:4px 4px 0 var(--surface-ink)}
body[data-theme="artpop"][data-theme-system="8"] .logo{font-size:34px;font-weight:750}
body[data-theme="artpop"][data-theme-system="8"] .hero{border:2px solid var(--ink)!important;border-radius:30px 6px 30px 6px!important;padding:24px!important;box-shadow:5px 5px 0 var(--ink)!important}
body[data-theme="artpop"][data-theme-system="8"] .hero h2{font-size:clamp(36px,7vw,52px);font-weight:750;text-align:left}
body[data-theme="artpop"][data-theme-system="8"] .hero-eyebrow{display:inline-block;justify-self:start;align-self:start;max-width:max-content;background:var(--olive)!important;color:var(--on-primary);padding:8px 12px;transform:rotate(-3deg);border-radius:4px!important}
body[data-theme="artpop"][data-theme-system="8"] .home-products{padding:0 6px 8px 0}
body[data-theme="artpop"][data-theme-system="8"] .home-product{border:2px solid var(--surface-ink)!important}
body[data-theme="artpop"][data-theme-system="8"] #menuScreen .item{border:2px solid var(--surface-ink)!important;border-radius:20px 4px 20px 4px!important;box-shadow:3px 3px 0 var(--surface-ink)!important;background:var(--white)!important;margin-bottom:12px}
body[data-theme="artpop"][data-theme-system="8"] .item .price{display:inline-block;background:var(--olive)!important;color:var(--on-primary);padding:6px 10px;border-radius:4px!important;transform:rotate(-2deg)}
body[data-theme="artpop"][data-theme-system="8"] #rewardsScreen .club-reward-card{border:2px solid var(--surface-ink)!important;border-radius:28px 4px 28px 4px!important;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 12%,var(--white)),var(--white))!important;box-shadow:inset -5px -5px 0 color-mix(in srgb,var(--olive) 20%,var(--white))!important}
body[data-theme="artpop"][data-theme-system="8"] #rewardsScreen .club-card-head>span{transform:rotate(4deg);border:1px solid currentColor!important;border-radius:4px!important}
body[data-theme="artpop"][data-theme-system="8"] #rewardsScreen .club-reward-art{justify-items:start;padding-left:12px;transform:rotate(-5deg)}
body[data-theme="artpop"][data-theme-system="8"] #rewardsScreen .club-reward-card h2{text-align:left;font-weight:750}
/* WARM — cafe scenes and a tactile stamp card. */
body[data-theme="warm"][data-theme-system="8"]{--identity-radius:26px}
body[data-theme="warm"][data-theme-system="8"] .logo{font-size:34px;font-style:italic}
body[data-theme="warm"][data-theme-system="8"] .hero{border:0!important;border-radius:36px 36px 12px 12px!important;padding:26px!important}
body[data-theme="warm"][data-theme-system="8"] .hero h2{font-size:clamp(34px,7vw,48px);font-weight:500;line-height:1.18}
body[data-theme="warm"][data-theme-system="8"] .home-product-visual{aspect-ratio:1;border-radius:50%!important;margin:14px;overflow:hidden}
body[data-theme="warm"][data-theme-system="8"] .home-product{border:0!important;box-shadow:none!important}
body[data-theme="warm"][data-theme-system="8"] #menuScreen .item{border:0!important;background:var(--white)!important;border-radius:24px!important;box-shadow:none!important;margin-block:12px}
body[data-theme="warm"][data-theme-system="8"] #menuScreen .item-thumb{width:82px!important;height:82px!important;flex:0 0 82px!important;border-radius:50%!important}
body[data-theme="warm"][data-theme-system="8"] #rewardsScreen .club-reward-card{background:var(--white)!important;border:1px dashed var(--surface-primary)!important;border-radius:28px 28px 12px 12px!important}
body[data-theme="warm"][data-theme-system="8"] #rewardsScreen .club-stamp{border-style:dashed!important;width:30px;height:30px}
body[data-theme="warm"][data-theme-system="8"] #rewardsScreen .club-stamp.earned{border:2px double var(--on-primary)!important;outline:1px solid var(--olive);transform:rotate(-7deg)}
/* FUTURISTIC — instrument panels and segmented progress. */
body[data-theme="futuristic"][data-theme-system="8"]{--identity-radius:4px 18px 4px 18px}
body[data-theme="futuristic"][data-theme-system="8"] .logo{font-size:28px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
body[data-theme="futuristic"][data-theme-system="8"] .experience-top{padding:24px 0;border-bottom:1px solid var(--line)!important}
body[data-theme="futuristic"][data-theme-system="8"] .hero{border-radius:4px 28px 4px 28px!important;border:1px solid var(--line)!important;border-left:3px solid var(--olive)!important;padding:26px!important;margin-top:18px}
body[data-theme="futuristic"][data-theme-system="8"] .hero h2{font-size:clamp(34px,7vw,52px);font-weight:650;letter-spacing:-.05em}
body[data-theme="futuristic"][data-theme-system="8"] .home-product{border:1px solid var(--line)!important;border-top:3px solid var(--olive)!important;box-shadow:none!important}
body[data-theme="futuristic"][data-theme-system="8"] #menuScreen .item{border:1px solid var(--surface-line)!important;border-left:3px solid var(--olive)!important;border-radius:4px 18px 4px 18px!important;background:var(--white)!important;box-shadow:none!important}
body[data-theme="futuristic"][data-theme-system="8"] .item .price{font-family:ui-monospace,monospace;color:var(--surface-primary);letter-spacing:.05em}
body[data-theme="futuristic"][data-theme-system="8"] #rewardsScreen .club-reward-card{border-radius:4px 24px 4px 24px!important;border:1px solid var(--surface-line)!important;border-top:3px solid var(--olive)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--white)),var(--white))!important}
body[data-theme="futuristic"][data-theme-system="8"] #rewardsScreen .club-card-head{font-family:ui-monospace,monospace}
body[data-theme="futuristic"][data-theme-system="8"] #rewardsScreen .club-reward-art:before{border:1px solid var(--surface-primary)!important;border-radius:18px 3px!important;transform:rotate(45deg);background:transparent!important}
body[data-theme="futuristic"][data-theme-system="8"] #rewardsScreen .club-stamp{border-radius:4px!important;font-family:ui-monospace,monospace}
body[data-theme="futuristic"][data-theme-system="8"] #rewardsScreen .club-progress-track{height:12px;border-radius:0!important}
body[data-theme="futuristic"][data-theme-system="8"] #rewardsScreen .club-progress-track i{border-radius:0!important;background:repeating-linear-gradient(90deg,var(--olive) 0 12px,transparent 12px 15px)!important}
body[data-theme="futuristic"][data-theme-system="8"] #rewardsScreen .club-unlocked-now{box-shadow:inset 0 0 24px color-mix(in srgb,var(--olive) 16%,transparent)!important}
/* RETRO — diner signage, coupons and stamped rewards. */
body[data-theme="retro"][data-theme-system="8"]{--identity-radius:12px;--identity-border:2px;--identity-shadow:3px 3px 0 color-mix(in srgb,var(--olive) 35%,var(--paper))}
body[data-theme="retro"][data-theme-system="8"] .logo{font-size:36px;font-weight:700;letter-spacing:-.05em}
body[data-theme="retro"][data-theme-system="8"] .experience-top{border-bottom:3px double var(--ink)!important;padding:24px 0}
body[data-theme="retro"][data-theme-system="8"] .hero{border:2px solid var(--ink)!important;border-radius:60px 60px 12px 12px!important;text-align:center;padding:28px 20px!important;margin-top:20px}
body[data-theme="retro"][data-theme-system="8"] .hero h2{font-size:clamp(34px,7vw,50px);font-weight:700}
body[data-theme="retro"][data-theme-system="8"] .home-product{border:2px solid var(--surface-primary)!important}
body[data-theme="retro"][data-theme-system="8"] .home-product-body strong{display:inline-block;border:1px solid currentColor!important;border-radius:999px!important;padding:4px 10px;margin-top:8px}
body[data-theme="retro"][data-theme-system="8"] #menuScreen .item{border:1px solid var(--surface-primary)!important;border-radius:12px!important;background:var(--white)!important;box-shadow:3px 3px 0 color-mix(in srgb,var(--olive) 20%,var(--paper))!important}
body[data-theme="retro"][data-theme-system="8"] .item .price{display:inline-block;padding:5px 12px;border:1px solid var(--surface-primary)!important;border-radius:999px!important;font-weight:750;color:var(--surface-primary)}
body[data-theme="retro"][data-theme-system="8"] #rewardsScreen .club-reward-card{border:2px solid var(--surface-primary)!important;border-radius:14px!important;background:var(--white)!important;background-image:repeating-linear-gradient(90deg,transparent 0 12px,color-mix(in srgb,var(--accent) 20%,transparent) 12px 24px);background-size:100% 7px;background-repeat:no-repeat}
body[data-theme="retro"][data-theme-system="8"] #rewardsScreen .club-earned-ticket{border-block:2px dashed var(--surface-primary)!important;border-radius:0!important;background:transparent!important}
body[data-theme="retro"][data-theme-system="8"] #rewardsScreen .club-stamp.earned{border:2px solid var(--olive)!important;outline:1px solid var(--olive);outline-offset:2px;color:var(--surface-primary);background:transparent!important;transform:rotate(-10deg)}
body[data-theme="retro"][data-theme-system="8"] #rewardsScreen .club-unlocked-now .club-reward-art{animation:retro-stamp .65s ease-out}
@keyframes retro-stamp{0%{transform:scale(1.4) rotate(-18deg);opacity:0}55%{transform:scale(.92) rotate(-7deg);opacity:1}100%{transform:scale(1)}}
/* Responsive composition, without moving core actions between themes. */
@media(min-width:700px){
 body[data-theme="modern"][data-theme-system="8"] .hero{grid-template-columns:1.2fr 1fr;column-gap:24px;align-items:center}
 body[data-theme="modern"][data-theme-system="8"] .hero :is(.hero-eyebrow,h2,p){grid-column:1}
 body[data-theme="modern"][data-theme-system="8"] .hero-actions{grid-column:2;grid-row:1/4;display:flex;flex-direction:column}
 body[data-theme="modern"][data-theme-system="8"] .home-products{display:grid;grid-template-columns:1.4fr 1fr 1fr}
 body[data-theme="apple"][data-theme-system="8"] #menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 body[data-theme="editorial"][data-theme-system="8"] .home-products{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:start}
 body[data-theme="editorial"][data-theme-system="8"] .home-product:nth-child(2){margin-top:38px}
 body[data-theme="artpop"][data-theme-system="8"] .home-products{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;align-items:start}
 body[data-theme="artpop"][data-theme-system="8"] .home-product:nth-child(2){margin-top:24px}
}
@media(max-width:600px){
 body[data-theme="google"][data-theme-system="8"] #menuScreen .item{grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:8px!important}
 body[data-theme="google"][data-theme-system="8"] #menuScreen .item .item-meta{width:auto!important}
 body[data-theme="google"][data-theme-system="8"] #menuScreen .item:has(.ux-quantity) .item-meta{grid-column:1/-1;width:100%!important}
 body[data-theme-system="8"] .hero-actions{gap:10px}
 body[data-theme="editorial"][data-theme-system="8"] .hero-actions{grid-template-columns:1fr}
 body[data-theme-system="8"] .home-product-body b{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){body[data-theme-system="8"] #rewardsScreen .club-unlocked-now .club-reward-art{animation:none!important}}
body[data-theme][data-theme-system="8"][data-card-override="flat"] :is(#menuScreen .item,.home-product){background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
body[data-theme][data-theme-system="8"][data-card-override="soft"] :is(#menuScreen .item,.home-product){background:var(--white)!important;border:0!important;box-shadow:none!important}
body[data-theme][data-theme-system="8"][data-card-override="border"] :is(#menuScreen .item,.home-product){border:1px solid var(--surface-line)!important;box-shadow:none!important}
body[data-theme][data-theme-system="8"][data-card-override="shadow"] :is(#menuScreen .item,.home-product){background:var(--white)!important;box-shadow:0 8px 24px #00000014!important}
body[data-theme][data-theme-system="8"][data-v4-density="compact"] #menuScreen .item{padding-block:12px!important}
body[data-theme][data-theme-system="8"][data-v4-density="spacious"] #menuScreen .item{padding-block:24px!important}
body[data-theme-system="8"] .home-products{max-width:100%;margin-inline:0;box-sizing:border-box}
body[data-theme-system="8"] .home-section{min-width:0}
body[data-theme][data-theme-system="8"] :is(#home,#menuScreen,#rewardsScreen,.comm-card,.panel) :is(h1,h2,h3,h4){font-family:var(--heading-font)!important}
body[data-theme="artpop"][data-theme-system="8"]{background:var(--theme-artpop-page-bg,var(--paper))}
body[data-theme="artpop"][data-theme-system="8"] .hero{background:var(--theme-artpop-hero-bg,var(--white))!important}
body[data-theme="warm"][data-theme-system="8"]{background:var(--theme-warm-page-bg,var(--paper))}
body[data-theme="warm"][data-theme-system="8"] .hero{background:var(--theme-warm-hero-bg,var(--white))!important}
body[data-theme="modern"][data-theme-system="8"]{background:var(--theme-modern-page-bg,var(--paper))}
body[data-theme="modern"][data-theme-system="8"] .hero{background:var(--theme-modern-hero-bg,var(--white))!important}
body[data-theme="futuristic"][data-theme-system="8"]{background:var(--paper)}
body[data-theme="futuristic"][data-theme-system="8"] .hero{background:var(--white)!important}
body[data-theme="retro"][data-theme-system="8"] .hero{background:var(--white)!important;box-shadow:3px 3px 0 var(--ink)!important}
body[data-theme="retro"][data-theme-system="8"] .hero-benefit{border:1px solid var(--ink)!important;background:color-mix(in srgb,var(--accent) 16%,var(--white))!important}
body[data-theme="bold"][data-theme-system="8"] .hero-benefit{color:var(--ink)}
@media(min-width:700px){
 body[data-theme="modern"][data-theme-system="8"] .home-products{display:grid!important;grid-template-columns:1.4fr 1fr 1fr!important;overflow:visible}
 body[data-theme="editorial"][data-theme-system="8"] .home-products{display:grid!important;grid-template-columns:1.4fr 1fr 1fr!important;overflow:visible}
 body[data-theme="artpop"][data-theme-system="8"] .home-products{display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important;overflow:visible}
 body[data-theme-system="8"] .home-products .home-product{max-width:100%}
}
body[data-theme][data-theme-system="8"][data-radius-override="true"] :is(.hero,#menuScreen .item,.home-product,#rewardsScreen .club-reward-card){border-radius:var(--v4-radius)!important}