/*
  Comelia · visual system 2026
  Reference contract: flat color, no shadows/gradients, restrained 2px corners,
  and full-radius only for pills, counts and icon buttons.
*/

:root{color-scheme:light}

html,body{background:var(--oat);background-color:var(--oat)!important;color:var(--charcoal)}
body::before,body::after{content:none!important;background:none!important;opacity:0!important}
body{font-family:var(--body);font-weight:500}
button,input,select,textarea{font-family:var(--body)}
h1,h2,h3,h4,h5,h6,
button,.kicker,.daytag,.mtag,.tag,.pill,.chip,.nchip,.epill,
.botnav-item,.tabs button,.ms-title,.menu-pref-card,.acct-top,
.xfilterbtn,.xfav-chip,.xsel,.xcount,.aisle h3,.sgen,.qapply,
.abtn,.nbtn,.mgen,.act,.pref-day,.pref-seg button,.qcmeals button{
  font-family:var(--disp);
}

/* Universal material reset. Individual image/background-image components remain intact. */
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
button:hover,button:active,.day:hover,.xcard:hover,.aisle:hover,.menu-pref-card:hover,
.acct-top:hover,.act:hover{transform:none!important;filter:none!important}

/* App canvas, headers and content hierarchy */
.shell{background:var(--oat)}
.appbar{background:var(--oat);border-bottom:0}
.top,.msection{color:var(--charcoal)}
.kicker{color:var(--slate)}
.sub,.desc,.pref-hint,.pref-days-hint{color:var(--slate)}
.logo-bar,.logo-hero{display:block}

/* Shared square surfaces */
.panel,.day,.xcard,.aisle,.shop-progress,.cp-block,.hcard,.basics,
.push-box,.rgpd-box,.shop-source-card,.rstep,.rbasics,.ring label,
.modal-card,.menu-pref-card,.sharebanner,.ibanner,.batchbar,.day-empty{
  background-color:var(--oat);
  border:1px solid var(--sand);
  border-radius:var(--r-lg);
}
.day-empty{border-style:dashed;background-color:var(--beige)}
.day,.xcard,.aisle{overflow:hidden}
.day-head,.aisle-head{background:var(--beige)}
.aisle-main{display:flex;align-items:baseline;gap:.42rem;min-width:0}
.aisle-count{
  padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;
  font-family:var(--body)!important;font-size:.82rem;font-weight:400;line-height:1;color:var(--khaki)
}

/* Card hover states are intentionally material-free. */
.day:hover,.xcard:hover,.aisle:hover{border-color:var(--khaki)}

/* Main and supporting actions */
.sgen,.qapply,.abtn,.nbtn,.mgen,.rtog.cta,.cook-btn.primary{
  background:var(--emerald)!important;
  background-image:none!important;
  color:var(--oat)!important;
  border:1px solid var(--emerald)!important;
  border-radius:var(--r)!important;
}
.sgen:disabled,.qapply:disabled,.nbtn:disabled{background:var(--khaki)!important;border-color:var(--khaki)!important}
.act,.hbtn,.xfclear,.rtog,.account-row,.mitem,.adm-item{
  background:var(--oat);
  border:1px solid var(--sand);
  border-radius:var(--r);
  color:var(--charcoal);
}
.act:hover,.rtog:hover,.mitem:hover{background:var(--beige);border-color:var(--emerald);color:var(--emerald)}

/* Pill family: tags, filters, counters, metadata and compact switches */
.pill,.chip,.tag,.daytag,.mtag,.nchip,.epill,.xfav-chip,.xfopt,.xfilterbtn,
.xsearchbar,.xsel,.ptime,.aisle-count,.tabs,.tabs button,.stepper,.stepper button,
.segmented,.segmented button,.seg3,.seg3 button,.pref-seg button,.qcmeals button,
.botnav-badge,.xfilterbadge,.shop-head-progress,.shop-progress-bar,.bb-go{
  border-radius:var(--pill)!important;
}
.pill,.chip,.tag,.nchip,.xfav-chip,.xfopt,.pref-seg button,.qcmeals button,
.stepper,.segmented,.seg3{background:var(--beige);border:1px solid transparent;color:var(--charcoal)}
.chip[aria-pressed="true"],.xfav-chip[aria-pressed="true"],.pref-seg button[aria-pressed="true"],
.qcmeals button[aria-pressed="true"],.segmented button[aria-pressed="true"],.seg3 button[aria-pressed="true"]{
  background:var(--emerald);color:var(--oat);border-color:var(--emerald)
}
.daytag,.mtag{background:var(--emerald);color:var(--oat)}

/* Icon controls deliberately retain a circular hit area. */
.modal-x,.msbtn,.acctbtn,.pinbtn,.xc-fav,.micon,.ab-icon,.acct-top svg,
.ib-close,.cook-x,.shop-source-thumb,.cp-list .cp-emo{
  border-radius:var(--pill)!important;
}
.modal-x,.msbtn,.xc-fav,.micon,.cp-list .cp-emo{background:var(--peach);color:var(--emerald)}
/* Cabeceras de Menú y Compra: acciones y contador en el nuevo acento Dark peach. */
.msbtn{background:var(--peach);color:var(--dark-peach)}
.msbtn svg,.mbtn svg{width:22px;height:22px}
#shopCount{color:var(--dark-peach)}
.acctbtn{background:var(--emerald);color:var(--oat)}
.ab-icon{background:var(--emerald);color:var(--oat)}

/* Inputs and selection controls */
input,select,textarea,.ingsearch,.modal-search input,.acct input,
.efield input,.efield select,.efield textarea,.ingrow input,.ingrow select{
  background:var(--oat)!important;
  color:var(--charcoal)!important;
  border:1px solid var(--khaki)!important;
  border-radius:var(--r)!important;
}
input:focus,select:focus,textarea:focus,.modal-search input:focus{
  outline:2px solid var(--emerald);outline-offset:2px;border-color:var(--emerald)!important
}
.xsearchbar{background:var(--oat);border:1px solid var(--sand)}
.xfilterbtn,.xsel{background:var(--oat);border:1px solid var(--sand);color:var(--charcoal)}

/* Selection, progress and check controls */
.aisle input[type="checkbox"],.ring input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;aspect-ratio:1;border-radius:50%!important;
  border-color:var(--khaki);background:var(--oat)
}
.aisle input[type="checkbox"]:checked,.ring input[type="checkbox"]:checked{
  background-color:transparent!important;border:0!important;box-shadow:none!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiMyNjQ3NEIiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYuMDMgOC45N2EuNzUuNzUgMCAwIDEgMCAxLjA2bC01IDVhLjc1Ljc1IDAgMCAxLTEuMDYgMGwtMi0yYS43NS43NSAwIDEgMSAxLjA2LTEuMDZsMS40NyAxLjQ3bDIuMjM1LTIuMjM1TDE0Ljk3IDguOTdhLjc1Ljc1IDAgMCAxIDEuMDYgMCIvPjwvc3ZnPg==")!important;
  background-position:center!important;background-repeat:no-repeat!important;background-size:100% 100%!important
}
.aisle input[type="checkbox"]::before,.ring input[type="checkbox"]::before,.aisle input[type="checkbox"]::after{content:none!important;opacity:0!important}
.shop-progress-bar,.shop-head-progress{background:var(--peach)}
.shop-progress-bar span,.shop-head-progress span{background:var(--emerald)}
.sw{background:var(--beige);border-color:var(--khaki)}
.sw[aria-checked="true"],.sw.on{background:var(--emerald)}
.sw::after{background:var(--oat)}

/* Modal/sheet and fixed navigation surfaces */
.modal-card{background:var(--oat)}
.modal-card::before{background:var(--sand)}
.modal-h{border-bottom:1px solid var(--sand)}
.sfoot,.qfoot,.rfoot{border-top:1px solid var(--sand);background:var(--oat)}
.botnav{background:var(--oat);border-top:1px solid var(--sand)}
.botnav-item{color:var(--slate)}
.botnav-item:not(.active) svg{color:var(--khaki)}
.botnav-item.active{color:var(--emerald)}
.botnav-badge{background:var(--peach);border:0;color:var(--emerald)}
.tabs .count#shopCount,.botnav-badge#shopCountNav{color:var(--dark-peach)!important}

/* Flat informative surfaces */
.ibanner{background:var(--intense-peach)!important;color:var(--dark-peach);border:0!important}
.ibanner .ib-txt,.ibanner .ib-txt svg{color:#fff}
.ib-install{background:var(--oat);color:var(--dark-peach);border:0!important}
.sharebanner,.batchbar{background:var(--emerald)!important;color:var(--oat);border-color:var(--emerald)}
.sharebanner .sb-r button,.batchbar .bb-go{background:var(--peach);color:var(--emerald)}
.toast{background:var(--charcoal);color:var(--oat);border:1px solid var(--charcoal);border-radius:var(--pill);pointer-events:none}
@media(max-width:640px){.toast{bottom:calc(78px + env(safe-area-inset-bottom))}}

/* Recipe detail and cooking mode */
#rmodal .modal-h{border-bottom:0!important}
.rhero{border-radius:var(--r);border:1px solid var(--sand)}
.rmeta .pill,.rmeta .tag{background:var(--peach)}
.rchip{background:var(--peach)!important;color:var(--emerald)!important;border:0!important;box-shadow:none!important}
.rtog .heart-outline,.rtog .heart-solid{width:20px;height:20px}
.cook{background:var(--emerald)}
.ct-ring{background:var(--peach);border:1px solid var(--peach)}
.ct-inner,.cook-timerzone.done .ct-inner{background:var(--emerald)}

/* Weekly meal cards: day headers follow the approved beige editorial reference. */
.day{border-radius:4px}
.day-h{background:var(--beige)!important;color:var(--charcoal)}
.day-h::after{display:none}
.day-h .dname{font-family:var(--disp);font-weight:700;color:var(--charcoal)}
.day-h .dnum{font-family:var(--body);font-style:normal;font-weight:500;color:var(--slate);opacity:1}
.meal .mi:not(.img),.meal.comida .mi:not(.img),.meal.cena .mi:not(.img),
.meal.desayuno .mi:not(.img),.meal.merienda .mi:not(.img){background:var(--peach)!important}
.meal-placeholder{width:38px;height:38px;color:var(--emerald)}
.meal .mbody,.meal .mact{background:#fff}
.aisle{background:#fff}
.meal+.meal{border-top:1px solid var(--beige)}
.mtag{background:var(--oat)!important;color:var(--charcoal)!important}
.mtag{backdrop-filter:none}
.meal .mname{font-weight:600;color:var(--charcoal)}
.meal .mmeta{color:var(--slate);font-size:.82rem;margin-top:.35rem}
.mmeta-item+.mmeta-item::before{color:var(--khaki)}
.mact{background:var(--oat);gap:.5rem}
.mbtn{border-radius:var(--pill)!important;background:var(--peach)!important;color:var(--emerald);border:0}
.pinbtn{background:var(--oat)!important;color:var(--emerald);border:1px solid var(--sand)}
.pinbtn.on{background:var(--emerald)!important;color:var(--oat);border-color:var(--emerald)}
.meal.locked .mi::after{box-shadow:none!important;border-left:3px solid var(--emerald)}

/* Recipe browse: preserve the grid, remove elevated/stock styling. */
.menu-pref-card{background:#fff;border-radius:4px}
body[data-view="menu"] .panel.menu-pref-card,body:not([data-view]) .panel.menu-pref-card{background:#fff;border-radius:4px}
.xsearchbar{background:#fff;border-color:var(--sand);border-radius:4px!important}
.xsearchbar input,.xsearchbar input:focus{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}
.xsearchbar:focus-within{border-color:var(--emerald)}
.xsortsel{appearance:none!important;-webkit-appearance:none!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2326474B' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .1rem center!important;background-size:16px!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--emerald)!important;padding-right:1.25rem!important}
.xfilterbtn{background:transparent;color:var(--emerald);border-color:var(--emerald);border-radius:4px!important;box-shadow:none}
.xfilterbadge{background:var(--peach);color:var(--emerald)}
.xrow::after{display:none}
.xfav-chip{background:var(--peach)!important;color:var(--emerald)!important;border:0!important;box-shadow:none!important;font-weight:600!important}
.xfav-chip[aria-pressed="true"]{background:var(--intense-peach)!important;color:var(--emerald)!important;border:0!important}
.xfopt{background:var(--beige);color:var(--emerald);border:1px solid var(--sand)}
.xfopt[aria-pressed="true"]{background:var(--emerald);color:var(--oat);border-color:var(--emerald)}
.xcard{border-radius:var(--r);background:var(--oat);box-shadow:none!important;transform:none!important;animation:none!important}
.xc-img.noimg{background:var(--peach)!important}
.xc-img.noimg .meal-placeholder{width:44px;height:44px}
.xc-fav{background:var(--oat);border:1px solid var(--sand);backdrop-filter:none;box-shadow:none;color:var(--dark-peach)}
.xc-fav.on{background:var(--oat);color:var(--dark-peach)}
.xc-body{padding:.85rem .9rem .95rem;background:#fff}
.xc-name{font-weight:700;color:var(--charcoal)}
.xc-meta,.xc-meta-item{color:var(--slate)}

/* Sheets and recipe detail: read-only, flat and kitchen-focused. */
.modal-bg{background:rgba(38,71,75,.48);backdrop-filter:none;animation:none}
.modal-card{background:var(--oat);border:1px solid var(--sand);border-radius:var(--r) var(--r) 0 0;box-shadow:none;animation:none}
.modal-card::before{background:var(--sand)}
.modal-h .sm{font-family:var(--body);font-style:normal;color:var(--slate)}
.modal-x{border-radius:var(--pill);background:var(--peach);color:var(--emerald)}
.modal-x:hover{background:var(--emerald);color:var(--oat);transform:none}
.modal-search input{background:var(--oat);border-color:var(--sand);box-shadow:none}
.modal-search input:focus{border-color:var(--emerald);box-shadow:none;outline:2px solid rgba(38,71,75,.22);outline-offset:1px}
.sfoot{background:var(--oat);border-color:var(--sand)}
.sgen{background:var(--emerald);border-radius:var(--r);box-shadow:none}
.rhero{border-radius:var(--r);border:1px solid var(--sand);box-shadow:none}
.rmeta{gap:.35rem}
.rchip{background:var(--beige);color:var(--emerald);border:1px solid var(--sand);border-radius:var(--pill)}
.rsub{color:var(--charcoal)}
.ring label,.rstep{background:var(--oat);border-color:var(--sand);border-radius:var(--r)}
.ring input{border-color:var(--sand);border-radius:var(--r)}
.ring input:checked{background:var(--emerald);border-color:var(--emerald)}
.rbasics{background:var(--beige);border-color:var(--sand);border-radius:var(--r)}
.rstep .pn{border-radius:var(--pill);background:var(--peach);color:var(--emerald)}
.rstep.current{background:var(--beige);border-color:var(--emerald)}
.rstep.current .pn{background:var(--emerald);color:var(--oat)}
.rfoot{background:var(--oat);border-color:var(--sand);backdrop-filter:none}
.rtog{border-radius:var(--pill);background:var(--peach);border-color:var(--sand);color:var(--emerald)}
.rtog.cta{background:var(--emerald);border-radius:var(--r);box-shadow:none}
.rtog.fav,.rtog.fav.on{color:var(--dark-peach)}
.rtog.fav.on{background:var(--peach);border-color:var(--sand)}
.favdot{color:var(--dark-peach)}
.rtog.veto.on{background:var(--emerald);color:var(--oat);border-color:var(--emerald)}

/* Menu preferences and account: calm controls, clear hierarchy. */
.pref-section,.sset{border-color:var(--oat)}
.account-section{border-color:var(--sand)}
.pref-title,.sset>h3{font-family:var(--disp);color:var(--charcoal)}
.pref-hint,.pref-days-hint,.sset>p.desc,.row .rl small{color:var(--slate)}
.pref-seg,.seg3{background:transparent;border:0;border-radius:0;gap:.5rem}
.pref-seg button,.seg3 button{background:var(--beige);border:1px solid var(--sand);border-radius:var(--pill);color:var(--slate)}
.pref-seg button[aria-pressed="true"],.seg3 button[aria-pressed="true"],.chip[aria-pressed="true"],.pitem[aria-pressed="true"]{background:var(--emerald);color:var(--oat);border-color:var(--emerald)}
.pref-day,.pref-days-all,.chip,.pitem,.hbtn{border:1px solid var(--sand);background:var(--beige);color:var(--emerald);border-radius:var(--pill)}
.pref-day[aria-pressed="true"]{background:var(--emerald);color:var(--oat);border-color:var(--emerald)}
.pref-days-all{padding:0;background:transparent!important;border:0!important;border-radius:0!important;color:var(--emerald)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.pref-days-all:hover{color:var(--emerald-dk)!important}
.sw{background:var(--beige);border-color:var(--sand)}
.sw::after{background:var(--oat);box-shadow:none}
.sw[aria-checked="true"]{background:var(--emerald)}
.account-row{border-radius:var(--r);border:1px solid transparent}
.account-row:hover{background:var(--beige);border-color:var(--sand)}
.account-chevron{color:var(--emerald)}
.acct input,.ingsearch{background:var(--oat);border-color:var(--sand);border-radius:var(--r)}
.abtn,.nbtn{background:var(--emerald);border-radius:var(--r);box-shadow:none}
.abtn.ghost{background:var(--beige);color:var(--emerald)}
.push-box,.rgpd-box{background:var(--beige);border-color:var(--sand);border-radius:var(--r);box-shadow:none}
.kitchen-card{border-radius:var(--r) var(--r) 0 0}

/* Secondary surfaces: chooser, banners, kitchen mode and saved kitchen panels. */
.mgroup{color:var(--emerald)}
.mitem{border-radius:var(--r);background:var(--oat)}
.mitem.cur{background:var(--beige);border-color:var(--emerald)}
.mitem .mi-emo{display:grid;place-items:center;width:30px;height:30px;color:var(--emerald)}
.mitem .mi-emo.has-img{width:64px;height:48px;overflow:hidden;background:var(--peach);border:1px solid var(--sand);border-radius:var(--r);color:transparent}
.mitem .mi-emo.has-img img{display:block;width:100%;height:100%;object-fit:cover}
.mitem .mi-emo.no-img{background:var(--peach);border:1px solid var(--sand);border-radius:var(--r)}
.mitem .mi-body{display:grid;gap:.14rem}
.mitem .mi-meta{display:block;color:var(--slate);font-size:.78rem}
.mitem .mi-emo .meal-placeholder{width:24px;height:24px}
.mitem .mi-check{display:none}
.mitem.cur .mi-check{display:grid;place-items:center;width:24px;height:24px;background:var(--emerald)!important;color:var(--oat)!important;border-radius:var(--pill)}
.mitem.cur .mi-check svg{width:15px;height:15px}
.ibanner,.sharebanner,.batchbar{border-radius:var(--r);box-shadow:none}
.ib-install,.sharebanner .sb-r button,.batchbar .bb-go{border-radius:var(--pill)}
.cook{background:var(--emerald);animation:none}
.cook-top,.cook-nav{border-color:rgba(255,250,244,.35)}
.cook-x{background:var(--peach);color:var(--emerald)}
.cook-step-n,.cook-time svg{color:var(--peach)}
.cook-dots i.on{background-color:var(--peach)}
.cook-btn{background:rgba(255,250,244,.14)!important;border:1px solid rgba(255,250,244,.35);border-radius:var(--pill);box-shadow:none!important;outline-color:var(--peach);-webkit-tap-highlight-color:transparent}
.cook-btn.primary{background:var(--peach)!important;color:var(--emerald)!important;border-color:var(--peach)!important}
.cook-time{background:rgba(255,250,244,.14);border-color:rgba(255,250,244,.35)}
.ct-ring{background:var(--peach)!important;border:1px solid var(--peach)}
.ct-inner{background:var(--emerald)!important}
.cook-timerzone.done .ct-ring{background:var(--coral)!important;animation:none}
.cook-timerzone.done .ct-inner{box-shadow:none}

/* Desktop and print remain deliberately quiet. */
@media(min-width:640px){.modal-card{border-radius:var(--r-lg)}}
@media(max-width:640px){
  .botnav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%;max-width:100vw}
  .botnav.ios-visual-viewport-sync{transform:translateY(var(--ios-visual-viewport-gap,0px))}
  .botnav-item{min-width:0}
  .botnav-item span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.empty{display:grid;justify-items:center;gap:1rem;max-width:320px;margin:clamp(2.25rem,10vw,4rem) auto;padding:1.25rem 0;text-align:center;color:var(--slate)}
.empty p{max-width:30ch;line-height:1.55;overflow-wrap:anywhere}
.empty-art{display:block;width:112px;height:112px;object-fit:contain}

/* First-run Menu onboarding — copy and action are rendered by renderWeek(). */
.menu-onboarding{display:grid;justify-items:center;gap:1rem;max-width:360px;margin:clamp(2rem,9vw,4rem) auto;padding:1rem 0 2rem;text-align:center;color:var(--charcoal)}
.menu-onboarding-art{display:block;width:min(100%,300px);height:auto;object-fit:contain}
/* First-run Compra onboarding — mirrors Menú while keeping the shopping-specific copy/art. */
.shop-onboarding{display:grid;justify-items:center;gap:1rem;max-width:360px;margin:clamp(2.35rem,10vw,4.35rem) auto 0;padding:1rem 0 0;text-align:center;color:var(--charcoal)}
.shop-onboarding h2{margin:.15rem 0 0;font-family:var(--disp);font-size:clamp(1.45rem,6vw,1.85rem);line-height:1.08;color:var(--charcoal)}
.shop-onboarding p{width:100%;max-width:360px;margin:0;color:var(--slate);line-height:1.5}
.shop-onboarding button{width:min(100%,320px);min-height:48px;margin-top:.35rem;padding:.72rem 1.1rem;background:var(--emerald);color:var(--oat);border:1px solid var(--emerald);border-radius:4px;font-family:var(--disp);font-size:.96rem;font-weight:700}
.shop-onboarding button:hover{background:var(--emerald-dk);border-color:var(--emerald-dk)}
.shop-onboarding-art{display:block;width:min(100%,280px);height:auto;margin-top:.2rem;object-fit:contain}
/* The artwork owns the lower empty-state space; global footer utilities return once a list exists. */
body.shop-empty .brand-signature,body.shop-empty .privacy-link{display:none!important}
.menu-onboarding h2{margin:.15rem 0 0;font-family:var(--disp);font-size:clamp(1.45rem,6vw,1.85rem);line-height:1.08;color:var(--charcoal)}
.menu-onboarding p{width:100%;max-width:360px;margin:0;color:var(--slate);line-height:1.5}
.menu-onboarding button{width:min(100%,320px);min-height:46px;margin-top:.35rem;padding:.72rem 1.1rem;background:var(--emerald);color:var(--oat);border:1px solid var(--emerald);border-radius:4px;font-family:var(--disp);font-size:.96rem;font-weight:700}
.menu-onboarding button:hover{background:var(--emerald-dk);border-color:var(--emerald-dk)}
#view-menu.active{animation:none}
#menuSectionHead[hidden]{display:none!important}
@keyframes menu-onboarding-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.menu-onboarding h2,.menu-onboarding p,.menu-onboarding button,.menu-onboarding-art{animation:menu-onboarding-in .38s ease-out both}
.menu-onboarding p{animation-delay:.07s}
.menu-onboarding button{animation-delay:.14s}
.menu-onboarding-art{animation-delay:.21s}
@media (prefers-reduced-motion:reduce){.menu-onboarding h2,.menu-onboarding p,.menu-onboarding button,.menu-onboarding-art{animation:none}}
@media print{*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}}