.native-app .app-brand { display: none; }
.native-app .app-header__inner { min-height: 2.75rem; justify-content: flex-end; }
.native-app .install-banner, .native-app .get-app-link { display: none; }
.native-app .app-main { padding-top: 1rem; }
.native-billing { max-width: 28rem; margin-inline: auto; }
.native-billing h1 { font-size: 1.625rem; line-height: 1.2; }
.native-billing__intro, .native-billing__restore-help, .native-billing__renewal { color: var(--color-ink-muted); }
.native-billing__plans { display: grid; gap: .75rem; border: 0; padding: 0; margin: 1.5rem 0 1rem; min-width: 0; }
.native-billing__plan { display: block; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); cursor: pointer; }
.native-billing__plan:has(input:checked) { background: var(--color-brand-soft); border-color: var(--color-brand); box-shadow: inset 0 0 0 1px var(--color-brand); }
.native-billing__plan:has(input:disabled) { cursor: default; }
.native-billing__plan:has(input:disabled):not(:has(input:checked)) { color: var(--color-ink-muted); }
.native-billing__plan-row { display: flex; align-items: center; flex-wrap: wrap; gap: .625rem; }
.native-billing__plan input { width: 1.125rem; height: 1.125rem; accent-color: var(--color-brand); margin: 0; flex: 0 0 auto; }
.native-billing__price { margin-left: auto; font-weight: 600; font-variant-numeric: tabular-nums; }
.native-billing__plan-note { display: block; margin-top: .25rem; margin-left: 1.75rem; font-size: var(--text-sm); color: var(--color-ink-muted); }
.native-billing__action { min-height: 3rem; gap: .625rem; white-space: normal; line-height: 1.4; }
.native-billing__action[aria-busy="true"] { opacity: 1; cursor: wait; }
.native-billing__status { margin: .75rem 0; padding: .875rem; border-radius: var(--radius-md); background: var(--color-brand-soft); color: var(--color-ink-strong); }
.native-billing__status[data-kind="error"] { background: var(--color-danger-soft); color: var(--color-danger); }
.native-billing__status[data-kind="success"] { background: var(--color-surface-sunken); color: var(--color-ink-strong); }
.native-billing__recovery { margin-top: 1.25rem; }
.native-billing__restore-help, .native-billing__renewal, .native-billing__footer { font-size: var(--text-sm); }
.native-billing__restore-help { margin-top: .625rem; }
.native-billing__active { display: grid; gap: .75rem; margin-top: 1rem; }
.native-billing__spinner { width: 1rem; height: 1rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; flex: 0 0 auto; animation: native-billing-spin .8s linear infinite; }
.native-billing [hidden] { display: none !important; }
@keyframes native-billing-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .native-billing__spinner { animation: none; } }