.mall-page-panel{position:fixed;inset:0;z-index:5000;background:#f5f5f5;overflow:hidden;animation:mall-page-in .16s ease-out}
.mall-page-panel[hidden],.mall-page-wait[hidden]{display:none!important}
.mall-page-panel iframe{display:block;border:0;width:100%;height:100%;background:#f5f5f5}
.mall-nav-progress{position:fixed;top:max(8px,env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:5010;max-width:calc(100% - 24px);width:max-content;display:flex;align-items:center;gap:12px;padding:9px 12px;background:#fffdf9;color:#6b431f;border:1px solid #ecdcc8;border-radius:12px;box-shadow:0 3px 14px #0002;font:13px/1.4 system-ui}
.mall-nav-progress[hidden],.mall-nav-progress [hidden]{display:none!important}
.mall-nav-progress:before{content:"";flex:none;width:12px;height:12px;border:2px solid #efddc5;border-top-color:#ba671a;border-radius:50%;animation:mall-nav-spin .7s linear infinite}
.mall-nav-progress button,.mall-nav-progress a{flex:none;border:0;background:transparent;color:#ae5616;font:inherit;text-decoration:none;cursor:pointer;padding:4px;touch-action:manipulation}
.mall-nav-progress.is-slow{flex-wrap:wrap;justify-content:center;min-width:260px}
@keyframes mall-nav-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.mall-nav-progress:before{animation:none}}
.mall-page-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;flex-direction:column;font:14px system-ui;color:#777;background:#faf8f4}
.mall-page-wait button,.mall-page-wait a{background:white;border:1px solid #e6d7c3;border-radius:18px;padding:9px 22px;color:#a45b19;font:inherit;text-decoration:none}
.mall-dock-item{touch-action:manipulation;cursor:pointer;transition:opacity .1s,transform .1s}.mall-dock-item:active{opacity:.72;transform:scale(.95)}
@keyframes mall-page-in{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:mall-cross-out .12s ease both}::view-transition-new(root){animation:mall-cross-in .16s ease both}
@keyframes mall-cross-out{to{opacity:0}}@keyframes mall-cross-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mall-page-panel,.mall-dock-item,::view-transition-old(root),::view-transition-new(root){animation:none!important;transition:none!important}}