@layer components{.mb-screen{padding:calc(20px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px))}.mb-card{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:18px;box-shadow:0 1px 2px #00000008,0 10px 24px -16px #00000024}.mb-input{border:1.5px solid var(--line);background:var(--card);width:100%;height:56px;font:inherit;color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:16px;outline:none;padding:0 18px;font-size:17px}.mb-input:focus{border-color:var(--g);box-shadow:0 0 0 4px var(--mint)}.mb-input::placeholder{color:var(--ink-3)}.mb-input--otp{text-align:center;letter-spacing:.4em;font-size:26px;font-weight:700}.mb-pill{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.mb-pill--ok{background:var(--mint);color:var(--g-dark)}.mb-pill--warn{background:var(--amber-soft);color:var(--amber-dark)}.mb-pill--off{background:var(--red-soft);color:var(--red-dark)}.mb-link{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline}.mb-prose{color:var(--ink-2);font-size:15px;line-height:1.6}.mb-prose h2{color:var(--ink);margin-top:22px;font-size:17px;font-weight:700}.mb-prose p{margin-top:8px}.mb-prose ul{margin-top:8px;padding-left:18px;list-style:outside}.mb-spinner{border:4px solid var(--mint-2);border-top-color:var(--g);border-radius:999px;width:40px;height:40px;animation:.9s linear infinite mb-spin}@keyframes mb-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mb-spinner{animation:none}}}