/* RALLY base + app shell layout. Uses tokens.css variables only. Mobile-first. */ /* touch-action: WKWebView holds every tap ~350ms while it waits to rule out a double-tap zoom. `manipulation` (pan + pinch only, no double-tap) removes the hold — this is what made buttons and the country wearing .input. `appearance: none` drops the platform chrome, so the chevron is drawn here — inline SVG as a data URI keeps it a single file with no extra request. Padded on the right so a long option can't run under it. */ .input--select { appearance: none; -webkit-appearance: none; padding-right: 36px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%235C7A4F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; } textarea.input { resize: vertical; } .input--code { font-size: 28px; letter-spacing: 8px; text-align: center; } .form-err { color: #8a2e34; font-size: var(--fs-14); margin-top: 10px; line-height: 1.5; } /* The recovery link inside an error (e.g. "Text START to +1…"). Sized as a real tap target rather than a run of inline text — it is the only way out of an opt-out, so it must not read as part of the sentence above it. */ .form-err__action { display: inline-block; margin-top: 8px; padding: 9px 14px; border: 1px solid currentColor; border-radius: var(--r-pill); color: #8a2e34; font-weight: var(--w-semi); text-decoration: none; } /* ---- Buttons ---- */ .btn { /* .btn is worn by as well as