/* Stitch 21 H5 shell. Only the explicitly enabled preview gets these rules. */
@font-face{font-family:HHMobileSymbols;font-style:normal;font-weight:400;src:url('../fonts/mobile-navigation-symbols.woff2') format('woff2');font-display:block}
.hh-mobile-symbol{font-family:HHMobileSymbols;font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;flex:none}
.hh-mobile-navigation{display:none}
.hh-mobile-navigation[hidden]{display:none!important}
/* The supplied profile cards, with real identity/balance and existing actions. */
.hh-mobile-account{--mobile-surface:#faf8ff;--mobile-ink:#131b2e;--mobile-muted:#464554;max-width:600px;margin:0 auto;padding:16px 16px 24px;background:var(--mobile-surface);color:var(--mobile-ink);font-family:var(--hh-ui-font);font-size:14px;line-height:22px}
.hh-mobile-account [hidden]{display:none!important}
.hh-mobile-account-profile{display:flex;align-items:center;gap:8px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;margin-bottom:16px}
.hh-mobile-account-profile img{width:56px;height:56px;object-fit:cover;border-radius:50%;background:#eaedff;box-shadow:0 1px 3px #0000001a}
.hh-mobile-account-profile>div{min-width:0}
.hh-mobile-account-profile strong{display:block;font-size:16px;line-height:24px;font-weight:700;overflow-wrap:anywhere}
.hh-mobile-account-profile>div>span{display:block;color:#464554;font-family:ui-monospace,monospace;font-size:12px;line-height:18px}
.hh-mobile-account-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}
.hh-mobile-account-links{padding:16px;display:flex;flex-direction:column;gap:4px}
.hh-mobile-account-links>a,.hh-mobile-account-links>button,.hh-mobile-account-logout>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;width:100%;padding:10px 8px;border:0;border-radius:8px;background:transparent;text-align:left;font:inherit;font-size:15px;line-height:24px;font-weight:500;color:#131b2e;text-decoration:none;cursor:pointer;box-sizing:border-box}
.hh-mobile-account a:active,.hh-mobile-account button:active{background:#f2f3ff}
.hh-mobile-account a:focus-visible,.hh-mobile-account button:focus-visible{outline:2px solid #4648d4;outline-offset:-2px}
.hh-mobile-account .hh-mobile-symbol{color:#464554;font-size:20px}
.hh-mobile-account-wallet{display:flex;align-items:center;gap:6px;color:#464554;font:12px/18px ui-monospace,monospace}
.hh-mobile-account-logout{padding:16px;margin:0;border-top:1px solid #eaedff}
.hh-mobile-account-logout>button{font-weight:400}
.hh-mobile-account-heading{padding:16px;border-bottom:1px solid #eaedff}
.hh-mobile-account-heading>button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:transparent;color:#131b2e;cursor:pointer}
.hh-mobile-account-heading .hh-mobile-symbol{font-size:24px;color:#131b2e}
.hh-mobile-account-heading strong{font-size:16px;line-height:24px;font-weight:700}
.hh-mobile-account-commission{margin-left:auto;padding:2px 8px;background:#ffdada;color:#ba0035;border-radius:9999px;font:700 12px/18px ui-monospace,monospace}
@media(max-width:1023px){
 html.hh-mobile-nav-preview{--hh-mobile-nav-height:calc(64px + env(safe-area-inset-bottom,0px))}
 html.hh-mobile-nav-preview body{height:auto;min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
 html.hh-mobile-nav-preview #hh-navbar,html.hh-mobile-nav-preview .hh-site-accent,html.hh-mobile-nav-preview #mobileMenuOverlay{display:none!important}
 html.hh-mobile-nav-preview .pay-sidebar-layout{--platform-header-height:0px!important}
 html.hh-mobile-nav-preview .tasks-workspace{--task-header-height:0px!important}
 html.hh-mobile-nav-preview:has(.hh-mobile-account),html.hh-mobile-nav-preview:has(.hh-mobile-account) body{background:#faf8ff}
 html.hh-mobile-nav-preview #hh-main:has(.hh-mobile-account){max-width:none;margin:0;padding:0}
 html.hh-mobile-nav-preview body:has(.hh-mobile-account)>footer{display:none}
 .hh-mobile-navigation{display:block;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:50;padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(250,248,255,.85);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 -2px 12px rgba(0,0,0,.04);color:#464554;font-family:var(--hh-ui-font)}
 .hh-mobile-navigation-items{display:flex;align-items:center;justify-content:space-around;height:64px;padding:0 4px}
 .hh-mobile-navigation a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;min-height:44px;gap:2px;color:#464554;text-decoration:none;font-size:11px;line-height:13.75px;font-weight:500;white-space:nowrap;-webkit-tap-highlight-color:transparent}
 .hh-mobile-navigation a>.hh-mobile-symbol{font-size:22px}
 .hh-mobile-navigation a[aria-current=page]{color:#4648d4;font-weight:600}
 .hh-mobile-navigation a:focus-visible{outline:2px solid #4648d4;outline-offset:2px;border-radius:8px}
 .hh-mobile-navigation .hh-mobile-navigation-create{position:relative;top:-12px;min-width:60px;gap:4px}
 .hh-mobile-navigation-orb{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#4648d4;color:#fff;box-shadow:0 8px 16px -4px rgba(70,72,212,.4)}
 .hh-mobile-navigation-orb .hh-mobile-symbol{font-size:24px}
 .hh-mobile-navigation-create:active .hh-mobile-navigation-orb{transform:scale(.95)}
 html.hh-mobile-nav-preview #hh-music-bar{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
 html.hh-mobile-nav-preview #hh-music-bar-pill{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
}
/* Keep the document itself still; scroll content without collapsing browser UI.
   Browser-owned controls cannot be forced by web content; real devices vary. */
@media(max-width:1023px){
 html.hh-mobile-scroll-locked{height:100%;overflow:hidden;overscroll-behavior-y:none}
 html.hh-mobile-scroll-locked body{position:fixed;inset:0;height:auto;min-height:0;padding-bottom:0;overflow:hidden;overscroll-behavior-y:none}
 html.hh-mobile-scroll-locked #hh-page-scroll{position:fixed;inset:0 0 var(--hh-mobile-nav-height);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:16px;padding-bottom:16px;box-sizing:border-box}
 html.hh-mobile-scroll-locked #hh-page-scroll>#hh-main{min-height:0}
 html.hh-mobile-scroll-locked #hh-page-scroll:has(.hh-mobile-account)>footer{display:none}
}
@media(max-width:1023px){
 html.hh-mobile-scroll-locked[style*="overflow: hidden"] #hh-page-scroll,
 html.hh-mobile-scroll-locked body[style*="overflow: hidden"] #hh-page-scroll{overflow-y:hidden}
}
@media(max-width:1023px){
 html.hh-mobile-scroll-locked body:has(#opcpay-app) #hh-page-scroll>footer{display:none}
}