/* Adapted from the FANS App Clip page; preserve its layout. */
html {
                height: -webkit-fill-available;
            }

            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                font-family:
                    -apple-system, BlinkMacSystemFont, "SF Pro Display",
                    "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial",
                    sans-serif;
                display: flex;
                flex-direction: column;
                min-height: 100vh;
                min-height: -webkit-fill-available;
            }

            footer {
                margin-bottom: 30pt;
                text-align: center;
                margin-left: 35pt;
                margin-right: 35pt;
            }

            .app-wrapper {
                margin-left: auto;
                margin-right: auto;
                text-align: center;
            }

            .centered-div {
                flex-grow: 1;
                display: flex;
                align-items: center;
                margin-bottom: 15pt;
            }

            #shadedBoxText {
                margin-top: 15pt;
                margin-bottom: 15pt;
                margin-left: 23pt;
                margin-right: 23pt;
                padding-top: 11pt;
                padding-bottom: 11pt;
                padding-left: 10pt;
                padding-right: 10pt;
                text-align: center;
                background-color: #f2f8fc;
                border-radius: 9pt;
                font-size: 11pt;
                color: #3b3b3c;
            }

            #appInformationIcon {
                width: 130pt;
                height: 130pt;
                border-radius: 30pt;
                border: 1px solid #e4e4e4;
                margin-bottom: 15pt;
            }

            #titleText {
                margin-left: 14pt;
                margin-right: 14pt;
                margin-top: 15pt;
                margin-bottom: 15pt;
                font-size: 15pt;
            }

            #titleBarAppClipTitle {
                font-weight: 500;
            }

            #titleBarAppClipPreviewSubtitle {
                color: #636366;
                font-weight: 300;
                margin-right: 5pt;
            }

            hr {
                height: 1px;
                background-color: #d6d6d6;
                border: none;
            }

            #appInformationName {
                font-size: 18pt;
                font-weight: 600;
                margin-top: 0pt;
                margin-bottom: 5pt;
            }

            #appInformationCaption {
                margin-top: 0pt;
                margin-bottom: 5pt;
                font-size: 12.5pt;
                font-weight: 400;
                color: #646467;
            }

            #appInformationDeveloperLink {
                margin-top: 0pt;
                color: #2380cf;
            }

            #viewInAppStoreLink {
                font-size: 13pt;
                text-align: center;
            }

            #appClipDirectOpen {
                display: none;
                margin-top: 16pt;
            }

            #appClipDirectOpenText {
                margin: 0 0 10pt;
                font-size: 11pt;
                color: #646467;
            }

            #appClipDirectOpenButton {
                display: inline-block;
                min-width: 220pt;
                padding: 12pt 18pt;
                border-radius: 999px;
                background: #111111;
                color: #ffffff;
                font-size: 14pt;
                font-weight: 600;
            }

            #appClipStickyOpenButton {
                display: none;
                position: fixed;
                left: max(18pt, env(safe-area-inset-left));
                right: max(18pt, env(safe-area-inset-right));
                bottom: calc(env(safe-area-inset-bottom) + 58pt);
                z-index: 5;
                padding: 12pt 18pt;
                border-radius: 999px;
                background: #111111;
                color: #ffffff;
                font-size: 14pt;
                font-weight: 700;
                text-align: center;
                box-shadow: 0 8px 22px rgba(0, 0, 0, 0.2);
            }

            .app-clip-linked-surface {
                cursor: pointer;
            }

            a {
                text-decoration: none;
                color: #027aff;
            }

            a:hover,
            a:active {
                text-decoration: none;
            }

            @media (max-height: 500pt) {
                #appInformationIcon {
                    width: 84pt;
                    height: 84pt;
                    border-radius: 19pt;
                }
            }

            @media (min-height: 600pt) {
                footer {
                    margin-bottom: 50pt;
                }
            }

            @media (min-width: 600pt) {
                #titleText {
                    margin-left: 40pt;
                    margin-right: 40pt;
                }

                hr {
                    margin-left: 40pt;
                    margin-right: 40pt;
                }

                #shadedBoxText {
                    max-width: 550pt;
                    margin-left: auto;
                    margin-right: auto;
                    text-align: center;
                }
            }