.myata-auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;place-items:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .22s ease}.myata-auth-modal.is-visible{opacity:1;pointer-events:auto}.myata-auth-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.myata-auth-modal__dialog{position:relative;width:min(100%,400px);max-height:min(84vh,520px);overflow:hidden;padding:.82rem;border-radius:22px;background:radial-gradient(circle at top right,rgba(250,204,21,.16),transparent 32%),linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.25);box-shadow:0 30px 70px #0f172a38}.myata-auth-modal__close{position:absolute;top:.7rem;right:.7rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:#ffffffd1;color:#334155;font-size:1rem;line-height:0;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0;flex-shrink:0}.myata-auth-modal__close span{position:static;display:inline-block;transform:translateY(-.5px)}.myata-auth-modal__close:hover{background:#f8fafcfa;border-color:#64748b47;color:#0f172a}.myata-auth-modal__header{margin-bottom:1.12rem;padding-right:2.5rem}.myata-auth-modal__header h2{margin:0;color:#0f172a;font-size:20px;line-height:1;letter-spacing:-.02em}.myata-auth-modal__intent{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem;width:100%;margin:0 0 .35rem;padding:.18rem;border-radius:999px;background:#e2e8f0}.myata-auth-modal__intent button,.myata-auth-modal__ghost-btn,.myata-auth-modal__primary-btn{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.myata-auth-modal__intent button{padding:.58rem .68rem;border:0;border-radius:999px;background:transparent;color:#334155;font-weight:700;font-size:.9rem}.myata-auth-modal__intent button.is-active,.myata-auth-modal__selector button.is-active{background:#fff;color:#0f172a;box-shadow:0 10px 24px #0f172a1f}.myata-auth-modal__meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem;margin-bottom:.45rem}.myata-auth-modal__summary{padding:0;border-radius:0;background:transparent;border:0;color:#64748b;font-size:.72rem;font-weight:600;min-height:0;flex:1 1 auto;line-height:1.35}.myata-auth-modal__mode-link{padding:0;border:0;background:transparent;color:#2563eb;font-size:.74rem;font-weight:700;white-space:nowrap}.myata-auth-modal__mode-link:hover{color:#1d4ed8;text-decoration:underline}.myata-auth-modal__surface{padding:0;border-radius:0;background:transparent;border:0}.myata-auth-modal__field-grid{display:grid;grid-template-columns:1fr;gap:.42rem}.myata-auth-modal__field{display:grid;gap:.35rem;margin-bottom:0}.myata-auth-modal__field--full{grid-column:auto}.myata-auth-modal__field label{color:#0f172a;font-weight:700;font-size:.8rem}.myata-auth-modal__field input{width:100%;padding:.66rem .78rem;border:1px solid rgba(148,163,184,.42);border-radius:14px;background:#fff;color:#0f172a;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.myata-auth-modal__field input:focus{outline:none;border-color:#0ea5e9a6;box-shadow:0 0 0 4px #7dd3fc38}.myata-auth-modal__status,.myata-auth-modal__debug{color:#64748b;font-size:.74rem}.myata-auth-modal__otp-row{display:grid;grid-template-columns:1fr;gap:.25rem;align-items:start}.myata-auth-modal__field--otp{margin-bottom:0}.myata-auth-modal__status{min-height:1rem;margin-top:.45rem;line-height:1.35}.myata-auth-modal__status[data-tone=error]{color:#b91c1c}.myata-auth-modal__status[data-tone=success]{color:#166534}.myata-auth-modal__debug{display:none;margin-top:.3rem;padding:.52rem .72rem;border-radius:12px;background:#0f172a0f;color:#0f172a}.myata-auth-modal__debug.is-visible{display:block}.myata-auth-modal__error{min-height:.82rem;color:#b91c1c;font-size:.72rem}.myata-auth-modal__actions{display:flex;justify-content:flex-start;gap:.5rem;margin-top:.55rem}.myata-auth-modal__ghost-btn,.myata-auth-modal__primary-btn{border-radius:999px;font-weight:700}.myata-auth-modal__primary-btn{width:100%;padding:.72rem .92rem;border:0;background:#0f172a;color:#111827;color:#f8fafc;box-shadow:none;letter-spacing:.01em}.myata-auth-modal__ghost-btn:hover,.myata-auth-modal__primary-btn:hover{transform:translateY(-1px)}.myata-auth-modal__primary-btn:hover{background:#1e293b}.myata-auth-modal__primary-btn:active{background:#020617;transform:translateY(0)}.myata-auth-modal [hidden]{display:none!important}body.myata-auth-modal-open{overflow:hidden}.myata-auth-modal__field small,.myata-auth-modal__dialog[data-auth-mode=otp][data-auth-stage=request] .myata-auth-modal__otp-row,.myata-auth-modal__dialog[data-auth-mode=otp][data-auth-stage=verify] [data-auth-name-wrap]{display:none}.myata-auth-modal__dialog[data-auth-mode=otp][data-auth-stage=verify] .myata-auth-modal__meta-row{margin-bottom:.3rem}.myata-auth-modal__dialog[data-auth-mode=otp][data-auth-stage=verify] .myata-auth-modal__field-grid{gap:.35rem}.myata-auth-modal__dialog[data-auth-mode=otp][data-auth-stage=verify] .myata-auth-modal__field--identifier input{background:#f8fafc}.myata-auth-modal__dialog[data-auth-mode=password] .myata-auth-modal__otp-row{display:none}.myata-auth-modal__dialog[data-auth-mode=otp][data-auth-stage=verify] [data-auth-send-otp]{display:inline-flex;width:fit-content}.myata-auth-modal__dialog[data-auth-mode=password] [data-auth-send-otp]{display:none}@media (max-width: 767.98px){.myata-auth-modal{padding:0;align-items:end}.myata-auth-modal__dialog{width:100%;max-width:100%;padding:.8rem;border-radius:22px 22px 0 0;max-height:calc(100vh - 1.6rem);overflow:auto}.myata-auth-modal__field-grid,.myata-auth-modal__otp-row,.myata-auth-modal__actions{grid-template-columns:1fr;display:grid}.myata-auth-modal__header h2{font-size:1.01rem}.myata-auth-modal__intent button,.myata-auth-modal__ghost-btn,.myata-auth-modal__primary-btn{min-height:44px}.myata-auth-modal__meta-row{flex-direction:column;align-items:flex-start}.myata-auth-modal__dialog[data-auth-mode=otp][data-auth-stage=verify] [data-auth-name-wrap]{display:none}.myata-auth-modal__actions{justify-content:stretch}.myata-auth-modal__ghost-btn,.myata-auth-modal__secondary-btn,.myata-auth-modal__primary-btn{width:100%}}
