.web-mock-mode{position:relative;z-index:5;background:#fcebdd;color:#7e3a27;text-align:center;padding:4px 8px;font:11px/1.5 system-ui}.web-mock-mode button{font-size:11px;min-height:44px;padding:8px 12px;background:white;border:0;margin-left:8px;border-radius:8px}.mock-confirm{max-width:390px;width:calc(100% - 32px);padding:24px;border:0;border-radius:24px;background:var(--bg,#fbf6ef);color:var(--ink,#2b211c);z-index:100}.mock-confirm h2{font-size:20px}.mock-confirm p{font-size:15px;line-height:1.8}.mock-confirm::backdrop,.account-portal::backdrop{background:#0006}.account-portal{padding:0;border:0;border-radius:24px;width:min(490px,calc(100% - 16px));height:90svh;max-height:940px;overflow:hidden;background:#fbf6ef}.account-portal iframe{display:block;width:100%;height:calc(100% - 48px);border:0}.portal-close{display:block;width:100%;height:48px;border:0;border-radius:0;font-size:13px;background:#fcebdd;color:#7e3a27}@media(max-width:699px){.mock-confirm{box-sizing:border-box}}
button,a,input,select,summary{touch-action:manipulation}button:active{filter:brightness(.94)}
/* Keep header controls in normal flow, below the account bar at every width. */
.web-mock-mode{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}
body[data-screen=recipes] .app-header{position:relative;top:auto;right:auto;height:48px;margin:0 0 8px;justify-content:flex-end}