:root{
  --rt-floating-chrome-border: rgba(186,208,236,.16);
  --rt-floating-chrome-border-strong: rgba(198,218,244,.22);
  --rt-floating-chrome-bg: rgba(25,36,54,.52);
  --rt-floating-chrome-bg-soft: rgba(30,42,63,.58);
  --rt-floating-chrome-bg-accent: rgba(42,73,116,.48);
  --rt-floating-chrome-bg-quiet: rgba(22,31,47,.46);
  --rt-floating-chrome-shadow: 0 10px 24px rgba(3,9,18,.18), inset 0 1px 0 rgba(255,255,255,.08);
  --rt-floating-chrome-shadow-soft: 0 8px 22px rgba(4,10,20,.14), inset 0 1px 0 rgba(255,255,255,.08);
  --rt-floating-chrome-shadow-quiet: 0 8px 18px rgba(4,10,20,.12), inset 0 1px 0 rgba(255,255,255,.07);
  --rt-floating-chrome-blur: saturate(135%) blur(16px);
}

.rt-floating-chrome-surface,
.rt-floating-chrome-button,
.rt-floating-chrome-pill{border:1px solid var(--rt-floating-chrome-border);background:var(--rt-floating-chrome-bg);box-shadow:var(--rt-floating-chrome-shadow);backdrop-filter:var(--rt-floating-chrome-blur)}
.rt-floating-chrome-button,.rt-floating-chrome-pill{border-radius:999px}

.rt-control-field,
.rt-control-textarea-field,
.rt-control-otp-shell{display:flex;flex-direction:column;gap:7px}

.rt-control-label{color:rgba(178,193,214,.84);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

.rt-control-input,
.rt-control-textarea,
.rt-control-button,
.rt-control-otp-slot{border:1px solid rgba(83,103,132,.54);color:var(--text);transition:border-color 140ms ease,background 140ms ease,box-shadow 140ms ease,transform 140ms ease,opacity 140ms ease}

.rt-control-input,
.rt-control-textarea,
.rt-control-otp-slot,
.rt-control-button-secondary,
.rt-control-button-ghost,
.rt-control-button-nav{border-color:rgba(68,83,107,.74);background:linear-gradient(180deg,rgba(20,28,40,.98) 0%,rgba(16,23,34,.99) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 6px 16px rgba(4,10,18,.14)}

.rt-control-input,
.rt-control-textarea,
.rt-control-otp-slot{width:100%}

.rt-control-input{min-height:46px;padding:0 14px;border-radius:999px;appearance:none;font-size:12.5px;font-weight:600;line-height:1.2}
.rt-control-input.is-centered{text-align:center}
.rt-control-input::placeholder,
.rt-control-textarea::placeholder{color:rgba(138,152,176,.82);font-weight:500}

.rt-control-input:hover,
.rt-control-textarea:hover,
.rt-control-otp-slot:hover{border-color:rgba(98,122,155,.7);background:linear-gradient(180deg,rgba(22,31,45,.99) 0%,rgba(18,25,37,1) 100%)}

.rt-control-input:focus-visible,
.rt-control-textarea:focus-visible,
.rt-control-otp-slot:focus-visible{outline:none;border-color:rgba(103,144,196,.92);box-shadow:0 0 0 4px rgba(74,116,170,.14),inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(6,14,25,.16)}

.rt-control-textarea{min-height:42px;padding:10px 12px;border-radius:16px;resize:none;line-height:1.35}

.rt-control-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1.1;text-align:center}
.rt-control-button.is-full-width{width:100%}

.rt-control-button-primary{border-color:rgba(91,129,177,.76);background:linear-gradient(180deg,#2d4d73 0%,#274261 100%);color:#f7fbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(6,14,25,.18)}
.rt-control-button-primary:hover,
.rt-control-button-primary:focus-visible{background:linear-gradient(180deg,#35567d 0%,#2b4768 100%)}

.rt-control-button-secondary,
.rt-control-button-ghost,
.rt-control-button-nav{color:#dbe4f1}

.rt-control-button-secondary:hover,
.rt-control-button-secondary:focus-visible,
.rt-control-button-ghost:hover,
.rt-control-button-ghost:focus-visible,
.rt-control-button-nav:hover:not(:disabled),
.rt-control-button-nav:focus-visible:not(:disabled){border-color:rgba(84,101,128,.8);background:linear-gradient(180deg,rgba(22,31,45,.99) 0%,rgba(18,25,37,1) 100%)}

.rt-control-button-nav{width:100%;min-height:42px;padding:0 14px;border-radius:999px}
.rt-control-button-nav.is-selected{border-color:rgba(113,142,184,.22);color:#cfdef1;background:linear-gradient(180deg,rgba(69,102,144,.34) 0%,rgba(23,40,66,.84) 100%)}
.rt-control-button-entry{min-height:44px;font-size:13px}
.rt-control-button-send{min-width:132px;align-self:flex-end}
.rt-control-button:active{transform:translateY(1px)}

.rt-control-button:disabled,
.rt-control-text-button:disabled,
.rt-control-input:disabled,
.rt-control-textarea:disabled,
.rt-control-otp-slot:disabled{cursor:not-allowed;opacity:.68;box-shadow:none}

.rt-control-text-button{min-height:28px;padding:0 4px;border:0;background:transparent;color:var(--link);font-size:12px;font-weight:600;line-height:1.3}
.rt-control-text-button:hover,
.rt-control-text-button:focus-visible{color:var(--link-hover)}
.rt-control-text-button:disabled{color:rgba(126,145,173,.58)}

.rt-control-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(105,133,173,.18);background:linear-gradient(180deg,rgba(82,136,193,.16),rgba(60,94,137,.14));color:#a9c0df;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}

.rt-inline-alert{margin:0 auto 14px;max-width:286px;padding:10px 12px;border-radius:16px;font-size:12px;line-height:1.4}
.rt-inline-alert-notice{border:1px solid rgba(99,129,167,.22);background:linear-gradient(180deg,rgba(23,34,52,.78) 0%,rgba(11,17,29,.82) 100%);color:#c7d8eb}
.rt-inline-alert-error{border:1px solid rgba(184,101,115,.34);background:linear-gradient(180deg,rgba(76,24,33,.22) 0%,rgba(38,14,20,.24) 100%);color:#efb2bc}

.rt-control-otp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.rt-control-otp-slot{min-width:0;min-height:44px;padding:0;border-radius:999px;font-size:16px;font-weight:700;text-align:center}

@media (prefers-reduced-motion: reduce){
  .rt-control-button,
  .rt-control-input,
  .rt-control-textarea,
  .rt-control-otp-slot,
  .rt-control-text-button{transition:none}
}