.brand-shell:has(.app-shell)>:not(main){display:none}.app-shell{background:var(--color-paper);min-height:100dvh;color:var(--color-ink);flex-direction:column;animation:.3s cubic-bezier(.2,0,0,1) backwards app-shell-open;display:flex}@keyframes app-shell-open{0%{opacity:0;transform:scale(.96)}}@keyframes app-shell-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.app-shell{animation-name:app-shell-fade}}.app-bar{z-index:20;min-height:52px;padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));background:var(--color-paper);border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid;position:sticky;top:0}.app-bar-back{justify-self:start;align-items:center;gap:8px;min-width:44px;max-width:100%;min-height:44px;font-size:14px;display:inline-flex}.app-bar-store{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:379px){.app-bar-store{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.app-bar-title{letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.app-bar-bag{justify-content:center;justify-self:end;min-width:44px;min-height:44px}@media (max-width:760px){.app-bar a{transition:scale .28s cubic-bezier(.32,.72,0,1),opacity .28s cubic-bezier(.32,.72,0,1)}.app-bar .is-pressed{opacity:.6;transition-duration:90ms;transition-timing-function:cubic-bezier(.2,0,0,1);scale:.94}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.app-bar .is-pressed{scale:none}}.app-content{min-width:0;padding:16px max(16px, env(safe-area-inset-right,0px)) 32px max(16px, env(safe-area-inset-left,0px));flex:1}