.phone-control select{order: -1}.phone-control[data-cc-on]{align-items: stretch;min-height: 48px;border: 1px solid var(--field);border-radius: var(--radius);background: var(--surface);transition: border-color 0.2s ease,box-shadow 0.2s ease}.phone-control[data-cc-on]:is(:focus-within,[data-open]){border-color: var(--focus)}.phone-control[data-cc-on]:focus-within{box-shadow: 0 0 0 3px color-mix(in srgb,var(--focus) 28%,transparent)}.field.is-invalid .phone-control[data-cc-on]{border-color: var(--danger)}.phone-control[data-cc-on] select{position: absolute;width: 1px;height: 1px;min-height: 0;margin: -1px;padding: 0;border: 0;overflow: hidden;clip-path: inset(50%);opacity: 0;pointer-events: none}.phone-control[data-cc-on] input{flex: 1 1 0;width: auto;min-width: 0;min-height: 0;margin: 0;padding: 11px 14px 11px 12px;border: 0;border-radius: 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0;background: transparent;box-shadow: none}.phone-control[data-cc-on] input:focus{border: 0;box-shadow: none}.cc-btn{display: flex;flex: none;align-items: center;justify-content: center;gap: 5px;min-width: 80px;margin: 0;padding: 0 9px 0 10px;border: 0;border-right: 1px solid var(--border);border-radius: calc(var(--radius) - 1px) 0 0 calc(var(--radius) - 1px);background: transparent;color: var(--ink);font: inherit;font-size: 0.875rem;line-height: 1;white-space: nowrap;cursor: pointer;transition: background-color 0.15s ease}.cc-btn[hidden]{display: none}.cc-btn:hover{background: var(--surface-2)}.cc-btn:focus-visible,.cc-btn[aria-expanded='true']{outline: none;background: var(--tint)}.cc-btn .cc-dial{font-weight: 500;font-variant-numeric: tabular-nums}.cc-chev{width: 9px;height: 6px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round;color: var(--muted);transition: transform 0.15s ease}.cc-btn[aria-expanded='true'] .cc-chev{transform: rotate(180deg)}.cc-fl{flex: none;font-size: 1.0625rem;line-height: 1}.cc-fl.cc-badge{min-width: 26px;padding: 3px 4px;border: 1px solid var(--border-strong);border-radius: 6px;background: var(--surface-2);color: var(--ink-2);font-size: 0.6875rem;font-weight: 600;letter-spacing: 0.04em;text-align: center}html[data-cc-lock='1']{overflow: hidden}.cc-pop{position: fixed;z-index: 1000;display: flex;flex-direction: column;max-width: calc(100vw - 24px);border: 1px solid var(--border-strong);border-radius: 14px;background: var(--surface);color: var(--ink);box-shadow: var(--shadow-lg);font-family: var(--font);font-size: 0.9375rem;line-height: 1.4;overflow: hidden}.cc-pop[hidden],.cc-scrim[hidden],.cc-empty[hidden]{display: none}.cc-top{display: flex;align-items: center;gap: 8px;padding: 10px;border-bottom: 1px solid var(--border)}.cc-find{position: relative;flex: 1;min-width: 0}.cc-find svg{position: absolute;left: 12px;top: 50%;width: 16px;height: 16px;margin-top: -8px;color: var(--muted);pointer-events: none}.cc-q{width: 100%;min-height: 42px;padding: 8px 12px 8px 36px;border: 1px solid var(--field);border-radius: 10px;background: var(--surface);color: var(--ink);font: inherit}.cc-q::placeholder{color: var(--muted);opacity: 1}.cc-q:focus{border-color: var(--focus);box-shadow: 0 0 0 3px color-mix(in srgb,var(--focus) 28%,transparent);outline: none}.cc-list{max-height: 300px;padding: 6px;overflow-y: auto;overscroll-behavior: contain}.cc-head{padding: 8px 10px 4px;color: var(--muted);font-size: 0.75rem;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase}.cc-opt{display: flex;align-items: center;gap: 10px;padding: 9px 10px;border-radius: 10px;cursor: pointer}.cc-opt .cc-nm{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cc-opt .cc-dl{color: var(--muted);font-variant-numeric: tabular-nums}.cc-opt .cc-chk{flex: none;width: 16px;height: 16px;color: var(--tint-ink);visibility: hidden}.cc-opt[aria-selected='true']{font-weight: 600}.cc-opt[aria-selected='true'] .cc-chk{visibility: visible}.cc-opt[data-active]{background: var(--tint);color: var(--tint-ink)}.cc-opt[data-active] .cc-dl{color: inherit}.cc-empty{padding: 22px 16px;color: var(--muted);text-align: center}.cc-sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.cc-grab,.cc-close,.cc-scrim{display: none}.cc-pop[data-mode='sheet']{top: auto;right: 0;left: 0;width: auto;max-width: none;border-width: 1px 0 0;border-radius: 20px 20px 0 0;padding-bottom: env(safe-area-inset-bottom)}.cc-pop[data-mode='sheet'] .cc-list{flex: 1 1 auto;max-height: none;min-height: 0}.cc-pop[data-mode='sheet'] .cc-grab{display: block;flex: none;width: 40px;height: 4px;margin: 8px auto 0;border-radius: 2px;background: var(--border-strong)}.cc-pop[data-mode='sheet'] .cc-top{padding: 8px 12px 12px}.cc-pop[data-mode='sheet'] .cc-q{min-height: 48px;padding-left: 40px;font-size: 1rem}.cc-pop[data-mode='sheet'] .cc-find svg{left: 14px;width: 18px;height: 18px;margin-top: -9px}.cc-pop[data-mode='sheet'] .cc-close{display: inline-flex;align-items: center;min-height: 44px;padding: 0 8px;border: 0;background: none;color: var(--tint-ink);font: inherit;font-weight: 600;cursor: pointer}.cc-pop[data-mode='sheet'] .cc-opt{padding: 12px 10px}.cc-scrim{position: fixed;inset: 0;z-index: 999;background: #0b0c10a6}.cc-scrim:not([hidden]){display: block}@media (prefers-reduced-motion: no-preference){.cc-pop:not([hidden]){animation: cc-in 0.14s ease-out}.cc-pop[data-mode='sheet']:not([hidden]){animation: cc-up 0.2s ease-out}}@keyframes cc-in{from{opacity: 0;transform: translateY(-4px)}}@keyframes cc-up{from{transform: translateY(24px);opacity: 0.4}}