body { font-family: 'Manrope', sans-serif; overflow-x: hidden; }
        .panel { background: linear-gradient(145deg, rgba(24, 24, 18, .97), rgba(12, 12, 9, .97)); border: 1px solid rgba(255, 255, 255, .09); box-shadow: 0 24px 70px rgba(0, 0, 0, .35); }
        .choice[aria-pressed="true"] { border-color: rgba(242, 204, 13, .75); background: rgba(242, 204, 13, .11); color: white; }
        .choice:focus-visible, button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #f2cc0d; outline-offset: 3px; }
        [data-auth-email] { max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        #payment-qr img, #payment-qr canvas { display: block; height: auto; width: 100%; }
        @media (max-width: 767px) {
            header { align-items: flex-start !important; flex-wrap: wrap; gap: 1rem; padding: 1rem !important; }
            header nav { order: 3; width: 100%; overflow-x: auto; padding-bottom: .4rem; scrollbar-width: none; }
            header nav::-webkit-scrollbar { display: none; }
            header nav a, header nav button { flex: 0 0 auto; min-height: 44px; }
            #payment-details-panel:not(.has-payment-request) { min-height: 0 !important; border: 0; padding: 0; background: transparent; box-shadow: none; }
            #payment-details-panel:not(.has-payment-request) #payment-placeholder { display: none; }
        }
        @media (min-width: 1024px) and (max-height: 820px) {
            header { padding-block: .75rem !important; }
            #checkout-intro { align-items: center; gap: 1rem; margin-bottom: 1rem; grid-template-columns: minmax(0, 1fr) 250px; }
            #checkout-eyebrow { margin-bottom: .5rem; }
            #checkout-title { font-size: 2.5rem; line-height: .98; max-width: 38rem; }
            #checkout-copy { margin-top: .75rem; font-size: .875rem; line-height: 1.5; max-width: 42rem; }
            #checkout-package { padding: 1rem; }
            #package-label { margin-top: .5rem; font-size: 1rem; }
            #checkout-package-summary { margin-top: .625rem; }
            #package-price { font-size: 1.25rem; }
            #checkout-grid { gap: 1rem; }
            #checkout-controls { padding: 1rem; }
            #checkout-account { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .75rem; }
            #client-email { margin-top: 0; font-size: .875rem; text-align: right; }
            #checkout-token-section { padding-block: .875rem; }
            #checkout-network-section { padding-top: .875rem; }
            #checkout-token-section > div:first-child, #checkout-network-section > div:first-child { margin-bottom: .5rem; }
            #token-options, #network-options { gap: .5rem; }
            #token-options .choice { min-height: 50px; padding-inline: .875rem; }
            #token-options .choice > span:first-child { font-size: 1rem; }
            #network-options .choice { min-height: 50px; padding: .5rem .875rem; }
            #network-options .choice > span > span.text-xs { display: none; }
            #checkout-warning { margin-top: .75rem; padding: .625rem .75rem; font-size: .75rem; line-height: 1.35; }
            #create-request { margin-top: .875rem; min-height: 50px; }
            #payment-details-panel { min-height: 440px; padding: 1.25rem; }
            #payment-placeholder { min-height: 398px; }
        }