:root{--b-bg:#fff;--b-fg:#0a0a0c;--b-muted:#767676;--b-border:#e7e7e7;--b-border-strong:#d4d4d4;--b-surface:#f3f3f3;--b-accent:#5b3df5;--b-accent-fg:#fff;--b-danger:#d92d20;--b-success:#15803d}.b-modal__backdrop{position:fixed;inset:0;background:#0a0a0a66;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.b-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--b-bg);border:1px solid var(--b-border-strong);border-radius:18px}.b-modal__head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px;border-bottom:1px solid var(--b-border)}.b-modal__x{color:var(--b-muted);font-size:1rem;line-height:1;padding:4px;border-radius:8px;transition:color .12s cubic-bezier(.4,0,.2,1),background .12s cubic-bezier(.4,0,.2,1)}.b-modal__x:hover{color:var(--b-fg);background:var(--b-surface)}.b-modal__body{padding:16px}.b-modal__foot{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:16px;border-top:1px solid var(--b-border)}.b-modal-enter-active,.b-modal-leave-active{transition:opacity .2s cubic-bezier(.4,0,.2,1)}.b-modal-enter-active .b-modal,.b-modal-leave-active .b-modal{transition:transform .2s cubic-bezier(.4,0,.2,1)}.b-modal-enter-from,.b-modal-leave-to{opacity:0}.b-modal-enter-from .b-modal,.b-modal-leave-to .b-modal{transform:translateY(8px)}